/* Arena v2: catalog, probability visuals, builder and motion. */
:root{--bg:#0d0f16;--panel:#181b25;--panel2:#1e222e;--line:#2a2e3b;--muted:#9297a7;--gold:#dcb467;--gold-light:#f0d294}
html{scrollbar-gutter:stable}body{background-image:radial-gradient(ellipse at 48% 0,#33304312,transparent 65%)}
main{padding:28px 25px 55px}.page{animation:none}.page.page-enter{animation:arena-enter .24s ease-out both}
@keyframes arena-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
button{touch-action:manipulation}.button{min-height:40px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.button.gold{background:linear-gradient(110deg,#efcc85,#d4aa5f);border:1px solid #efd09580;box-shadow:0 1px 0 #fff3 inset,0 3px 9px #0003}
.button.gold:hover{background:linear-gradient(110deg,#f7d99b,#e8bd73);box-shadow:0 0 22px #dcb46720}
.page-head h1{font-size:31px;font-weight:700}.page-head p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.6px}
.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#69c8a2;border-radius:50%;box-shadow:0 0 0 3px #69c8a211}
.nav-group{background:#151822}.nav-item{font-size:12px;letter-spacing:.1px}.nav-item.active:before{box-shadow:0 0 12px #dcb46755}
.brand span{color:#9297a7}.topbar{box-shadow:0 2px 14px #0002}.sidebar,.activity{scrollbar-width:thin;scrollbar-color:#303443 transparent}
.top-wallet{border-color:#30313c}.balance-button{font-size:15px}.footer{color:#6f7485}

/* Layered native case artwork, paired with the actual top skin. */
.case-art{display:inline-block;position:relative;width:140px;height:120px;flex-shrink:0;isolation:isolate;vertical-align:middle}
.case-art .case-shell{position:absolute;left:0;bottom:-6%;width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 9px 8px #0005)!important;transform:none!important}
.case-art .case-loot{position:absolute;left:10%;top:-5%;width:80%!important;height:73%!important;object-fit:contain;filter:drop-shadow(0 4px 4px #0009)!important;transform:rotate(-9deg)!important;z-index:1}
.case-art-stage{display:block;height:151px;position:relative;padding-top:4px;background:radial-gradient(ellipse at 50% 56%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%)}
.case-art-stage>.case-art{width:100%;height:145px}.case-art-stage>img{height:145px;width:100%;object-fit:contain}
.case-card:hover .case-art{transform:translateY(-4px)}.case-art{transition:transform .24s ease}
.catalog-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:193px;overflow:hidden;padding:26px 29px;background:linear-gradient(105deg,#242332,#181b27 65%);border:1px solid #343341;border-radius:8px;margin:0 0 22px}
.catalog-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 35px,#ffffff02 36px 37px);pointer-events:none}
.catalog-hero>div:first-child{position:relative;z-index:2}.catalog-hero .eyebrow{color:var(--gold);margin-bottom:9px;font-size:9px}.catalog-hero h2{font-size:29px;line-height:1.2;letter-spacing:-.7px}.catalog-hero h2 span{color:#ddc398}.catalog-hero p{margin:10px 0 7px;font-size:11px;color:#9a9cad}.catalog-hero .text-button{font-size:11px;color:var(--gold)}
.catalog-hero-art{display:flex;align-items:center;justify-content:flex-end;position:absolute;right:14px;top:6px;bottom:0;width:48%;z-index:1}.catalog-hero-art .case-art{width:215px;height:193px;transform:rotate(4deg)}.catalog-hero-art .case-art+ .case-art{margin-left:-55px;transform:translateY(15px) rotate(-5deg);opacity:.75;z-index:-1}
.catalog-hero-glow{position:absolute;right:8%;bottom:-190px;width:440px;height:390px;border-radius:50%;background:#c3984440;filter:blur(85px);pointer-events:none}
.category-tabs{display:flex;gap:5px;overflow:auto;margin:0 0 20px;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:#3b3544 transparent}
.category-tabs button{display:flex;align-items:center;gap:6px;flex-shrink:0;background:#181b25;border:1px solid #242937;color:#969bab;border-radius:5px;padding:9px 11px;font-size:11px;white-space:nowrap}
.category-tabs button .icon{width:14px;height:14px}.category-tabs small{font-size:9px;color:#6c7182;padding-left:3px}.category-tabs button.active{border-color:#7b653a;background:#dcb46713;color:#eed098}.category-tabs button.active small{color:#bd9e64}.category-tabs button:hover{border-color:#61523a;color:#e7cfab}
.catalog-filters{gap:8px;margin-bottom:12px}.catalog-filters .search-field{flex:2;min-width:200px}.catalog-filters input,.catalog-filters select{background:#141721;border-color:#2c303e;font-size:11px}.catalog-filters .button{min-height:38px;padding:8px 12px}
.catalog-count{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#83899b;margin:0 0 15px}.catalog-count>span:last-child{font-size:9px;letter-spacing:.7px;color:#6c7284}.catalog-count .icon{width:11px;height:11px;margin-right:5px}
.case-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.case-card{background:linear-gradient(165deg,#1e222e,#171b25);border-color:#2c303e;border-radius:7px;box-shadow:0 3px 8px #0001;transition:border-color .2s,transform .2s,box-shadow .2s;contain:layout style}
.case-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,#323847);transform:translateY(-3px);box-shadow:0 7px 22px #0003}
.case-card .case-open{padding:12px 13px 0}.case-card h3{font-size:12px;min-height:32px;line-height:1.4;display:flex;justify-content:center;align-items:center;margin:2px 0 10px}
.case-price{font-size:13px;line-height:1;background:#10131c;border-color:#363948;color:#f0dec0;padding:9px;margin-bottom:10px;font-variant-numeric:tabular-nums}.case-price .icon{width:12px;height:12px}
.case-card .case-tag{background:#0d101ca1;border:1px solid #ffffff11;color:var(--accent);font-size:7px;top:10px;left:10px;max-width:calc(100% - 40px);overflow:hidden}
.case-mini-stats{display:flex;align-items:center;justify-content:space-between;padding:0 13px 10px;font-size:9px;letter-spacing:.2px;color:#989ead}.case-mini-stats>span:first-child{color:#94cbb4}.case-mini-stats .icon{width:10px;height:10px;stroke-width:2.2;margin-right:3px}
.case-risk{border-top-color:#2a2e3b;padding:10px 13px 8px}.risk-bar{height:4px;gap:3px}.risk-bar span{border-radius:2px;opacity:.7}.risk-bar i{width:2px;height:10px;top:-3px}.risk-labels{font-size:7px}.risk-labels .chosen{color:#f0d5a8}
.case-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;background:#13172166;border-top:1px solid #282d39;padding:7px 3px;font-size:9px;color:#777e91}.case-preview .icon{width:11px;height:11px}.case-preview:hover{color:var(--gold);background:#dcb46708}
.case-card.is-selected{border-color:#b48c48;box-shadow:0 0 0 1px #b48c4833 inset}.case-card.is-selected .qty>span{color:#eed498}
.load-more{text-align:center;margin:25px 0}.load-more .button{font-size:12px;min-width:220px}.catalog-note{font-size:10px;line-height:1.8;color:#70798b;margin-top:20px}

/* Case page and the visible probability distribution. */
.case-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#8e94a6;margin-bottom:17px}.case-breadcrumb>.text-button:first-child .icon{transform:rotate(180deg)}
.case-detail-hero.upgraded{display:grid;grid-template-columns:185px 1fr 152px;gap:20px;padding:20px 25px;border:1px solid #393948;background:radial-gradient(ellipse at 18% 40%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),linear-gradient(135deg,#202430,#181c26);margin-bottom:16px}
.detail-case-art>.case-art{width:100%;height:177px}.detail-case-art>img{width:100%;height:177px;filter:drop-shadow(0 8px 10px #0007)}.detail-case-info h1{font-size:27px;margin:10px 0 8px}.detail-case-info>p{font-size:11px;color:#949bab;max-width:410px;line-height:1.7;margin:0 0 13px}
.detail-case-price{display:flex;gap:7px;align-items:center;font-size:18px;color:#f1d598;font-weight:700}.detail-case-price .icon{width:16px;height:16px}.detail-case-price small{color:#777f91;font-size:8px;font-weight:400;letter-spacing:.7px;margin-left:6px}.detail-case-info .case-risk{width:180px;padding:0;border:0;margin-top:16px}
.case-top-drop{text-align:center;border-left:1px solid #3a3b46;padding-left:17px;display:flex;align-items:center;flex-direction:column;gap:2px}.case-top-drop>span{font-size:8px;color:#aa956e;letter-spacing:1.3px}.case-top-drop img{width:115px;height:79px;filter:drop-shadow(0 4px 8px #0007);margin:3px 0}.case-top-drop strong{font-size:11px}.case-top-drop small{font-size:10px;color:#a0a6b4}.case-top-drop b{font-size:12px;color:#e8c584;margin-top:5px}.case-top-drop .icon{width:11px;height:11px}.case-top-drop em{font-style:normal;color:#84775d;font-size:7px;letter-spacing:.4px;margin-top:3px}
.opening-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;background:#181c26;border:1px solid #2b303f;border-radius:6px;padding:15px}.opening-toolbar>.row{gap:10px}.opening-toolbar .muted{font-size:11px}.opening-toolbar .format-grid{gap:3px}.opening-toolbar .format-option{padding:8px 11px;min-width:32px;background:#10141e;border-color:#2e3442;font-size:12px}.opening-toolbar .format-option.active{color:#edd19a;border-color:#9f7f45;background:#ddae5320}.opening-toolbar select{padding:9px;font-size:10px}.opening-toolbar .button{font-size:12px}
.auto-open-options{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:13px 2px 16px;color:#7f8799;font-size:10px}.auto-open-options .toggle-line{gap:7px;margin:0;font-size:11px}.auto-open-options .toggle-line input{width:14px;height:14px}.auto-open-options label{font-size:10px}.auto-open-options select{padding:5px 7px;font-size:10px;margin-left:5px;background:#171b26}.auto-open-options .icon{width:10px;height:10px}.auto-open-options [hidden]{display:none!important}.auto-open-options .button{font-size:9px;min-height:27px;padding:5px 8px}
.opening-grid{gap:11px;margin:0 0 18px}.opening-grid:has(.reel-viewport:nth-child(2)){grid-template-columns:repeat(2,1fr)}.opening-grid:has(.reel-viewport:nth-child(3)){grid-template-columns:repeat(2,1fr)}.opening-grid:has(.reel-viewport:nth-child(5)) .reel-viewport:last-child{grid-column:1/-1}
.reel-viewport.horizontal{height:208px;border-radius:7px;border:1px solid #363c4b;background:#10141d;isolation:isolate;box-shadow:0 0 20px #0002 inset}
.horizontal .reel-track{display:flex;position:relative;width:max-content;top:8px;will-change:transform}
.horizontal .reel-item{flex:0 0 164px;width:164px;height:190px;padding:12px 8px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 70%),linear-gradient(180deg,#1b202b,#141823);border-right:2px solid #10141d;border-bottom:2px solid var(--rarity);border-radius:4px;overflow:hidden}
.horizontal .reel-item img{width:147px;height:109px}.horizontal .reel-item h3{font-size:10px;margin-top:6px}.horizontal .reel-item p{font-size:8px;margin-top:3px}.horizontal .reel-item strong{font-size:12px;margin-top:5px}
.horizontal .reel-marker{left:calc(50% - 5px);top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--gold);border-bottom:0;filter:drop-shadow(0 2px 3px #000);width:0;height:0}
.horizontal .reel-marker.right{left:calc(50% - 5px);right:auto;top:auto;bottom:0;border-top:0;border-bottom:8px solid var(--gold);border-left:5px solid transparent;border-right:5px solid transparent}
.horizontal .reel-line{left:50%;right:auto;top:0;width:1px;height:100%;background:#e9c57838}
.horizontal.reel-viewport:before,.horizontal.reel-viewport:after{top:0;bottom:0;height:auto;width:65px;right:auto;background:linear-gradient(90deg,#10141ded,transparent)}
.horizontal.reel-viewport:after{left:auto;right:0;background:linear-gradient(270deg,#10141ded,transparent)}
.horizontal .idle-items{display:flex;position:absolute;width:max-content;left:50%;top:8px;transform:translateX(-50%);opacity:.64;filter:saturate(.75)}
.reel-viewport.landed{border-color:#b4945680;transition:border-color .2s}.winning-item{box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 20%,transparent) inset;animation:drop-reveal .3s ease-out}
@keyframes drop-reveal{from{filter:brightness(1.65)}to{filter:brightness(1)}}
.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303542;border-radius:6px;background:#171b25;overflow:hidden;margin:22px 0 16px}.case-metrics>div{padding:17px;text-align:center;border-right:1px solid #303542}.case-metrics>div:last-child{border:0}.case-metrics small{font-size:8px;letter-spacing:.8px;color:#7e879a}.case-metrics strong{display:block;font-size:21px;color:#e8cf9c;margin-top:6px;font-variant-numeric:tabular-nums}.case-metrics .icon{width:13px;height:13px}
.probability-panel{background:#171b25;border:1px solid #2d3341;border-radius:6px;padding:20px}.probability-panel h3{font-size:13px}.probability-panel .text-button{font-size:10px}
.probability-strip{display:flex;gap:2px;width:100%;height:14px;background:#11141b;border-radius:3px;margin:18px 0 15px;overflow:hidden}.probability-strip>span{flex:var(--p);background:var(--bin);min-width:0;box-shadow:0 1px 0 #fff2 inset}
.probability-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.probability-legend>div{display:grid;grid-template-columns:6px 1fr;gap:3px 7px;align-items:center}.probability-legend i{width:6px;height:6px;border-radius:1px}.probability-legend span{font-size:9px;color:#8c94a5}.probability-legend strong{grid-column:2;font-size:13px;color:#cbd0da}
.item-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:11px}.item-card{padding:15px;background:linear-gradient(155deg,#1d222e,#151a24);border-color:#2f3543;border-bottom-color:var(--rarity)}.item-card img{height:119px}.item-card h3{font-size:12px}.item-card p{font-size:11px}.item-card strong{font-size:13px}.item-card .odds{font-size:10px;color:var(--rarity);font-weight:600;top:10px;left:11px}.item-card .wear{font-size:9px;top:11px;right:11px}
.item-odds-track{height:3px;border-radius:2px;background:#303642;margin-top:12px;overflow:hidden}.item-odds-track span{height:100%;display:block;background:var(--rarity)}.item-odds-details{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;padding:9px 0 0;font-size:9px;color:#727d92}.item-odds-details .icon{width:10px;height:10px}.item-odds-details:hover{color:var(--gold)}
.odds-table{overflow-x:auto;border:1px solid #303645;border-radius:6px;background:#141924}.odds-table th{font-size:8px;padding:13px}.odds-table td{font-size:11px;padding:10px 13px;white-space:nowrap}.odds-table tr:last-child td{border-bottom:0}.odds-table td:nth-child(3){min-width:110px}.odds-table tr:hover{background:#ffffff02}.odds-table code{font-size:10px;color:#7e8aa1;font-variant-numeric:tabular-nums}.odds-table .icon{width:11px;height:11px}.odds-skin{display:flex;gap:10px;align-items:center}.odds-skin img{width:66px;height:44px;object-fit:contain}.odds-skin strong{display:block;font-size:11px}.odds-skin small{display:block;color:#7e889a;font-size:10px}.table-chance{height:3px;background:#282f3e;margin-top:6px;width:95px;border-radius:2px}.table-chance i{display:block;height:100%;border-radius:2px}
.section-head select{font-size:10px;padding:7px;background:#171c27}.section-head .tabs button{font-size:10px;padding:7px 10px}.section-head .tabs .icon{width:13px;height:13px}
.odds-modal-summary{display:flex;align-items:center;gap:20px;padding:0 0 20px}.odds-modal-summary>.case-art{width:110px;height:100px}.odds-modal-summary>img{width:110px;height:100px}.odds-modal-summary h3{font-size:18px;color:#ebd097}.odds-modal-summary p{font-size:11px;color:#8d96a9;margin-top:6px}.odds-modal-summary .eyebrow{font-size:8px;color:#b49a6a}
.item-detail{text-align:center}.item-detail>img{width:270px;height:190px;display:block;margin:auto;filter:drop-shadow(0 4px 10px #0008)}.item-detail>h3{font-size:18px;margin:12px 0 9px}.item-detail>strong{font-size:20px;color:var(--rarity)}.item-detail>.case-metrics{grid-template-columns:repeat(2,1fr)}.item-detail>p{font-size:11px;color:#8e97a9}.item-detail code{color:var(--gold)}
.case-result-panel{border:1px solid #54503e;background:linear-gradient(110deg,#242522,#171d27);border-radius:6px;padding:19px;margin:18px 0;animation:arena-enter .25s ease-out}.case-result-panel .eyebrow{font-size:8px;margin-bottom:5px;color:#bf9d62}.case-result-panel h3{font-size:17px}.case-result-panel h3 .icon{width:14px;height:14px}.case-result-panel p{font-size:10px;color:#8892a4;margin-top:7px}.case-result-panel .button{font-size:11px}
.recent-case-drops{display:flex;gap:7px;margin-top:17px;padding-top:15px;border-top:1px solid #3b3d3e;overflow:auto}.recent-case-drops>div{background:#101620;border:1px solid #2e3440;border-bottom:2px solid var(--rarity);border-radius:4px;padding:7px;min-width:95px;flex:1;text-align:center}.recent-case-drops img{height:58px;width:80px;display:block;margin:auto}.recent-case-drops strong{display:block;font-size:9px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-case-drops small{font-size:9px;color:#ceb887}.recent-case-drops .icon{width:9px;height:9px}
.demo-result{display:flex;align-items:center;justify-content:center;gap:8px;background:#1a2332;border:1px solid #38475e;border-radius:6px;color:#aebdd4;font-size:11px;padding:16px;margin:15px 0}.demo-result .icon{width:13px;height:13px}

/* Picker with a real selection basket. */
dialog.large:has(.selector-layout){max-width:1160px;width:calc(100vw - 44px)}
dialog.large:has(.selector-layout) #modal-content{padding:20px;max-height:78vh;overflow:auto}
.selector-layout{display:grid;grid-template-columns:minmax(0,1fr) 247px;gap:20px;align-items:start}.selector-catalog{min-width:0}.selector-catalog .filters{gap:6px;margin-bottom:12px}.selector-catalog select{padding:9px 7px;font-size:10px}.selector-catalog .search-field{min-width:200px;flex-basis:100%}.selector-count{font-size:10px;color:#7e889c;margin:10px 0 13px}.modal-case-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.modal-case-grid .case-art-stage{height:116px}.modal-case-grid .case-art-stage>.case-art{height:112px}.modal-case-grid .case-art-stage>img{height:112px}.modal-case-grid .case-card h3{font-size:10px;min-height:28px;margin-bottom:7px}.modal-case-grid .case-card .case-open{padding:11px 10px 0}.modal-case-grid .case-price{font-size:11px}.modal-case-grid .case-mini-stats{font-size:8px;padding:0 9px 9px}.modal-case-grid .case-preview{font-size:8px}.modal-case-grid .qty{padding-bottom:10px}.modal-case-grid .case-tag{font-size:6px}
.selector-basket{position:sticky;top:0;border:1px solid #353642;border-radius:7px;background:#141924;padding:15px}.selector-basket h3{font-size:13px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.selector-basket h3 .badge{font-size:7px;padding:3px 5px}
#selector-basket{max-height:46vh;overflow:auto;scrollbar-width:thin}.basket-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #2c3240}.basket-row>.case-art,.basket-row>img{width:59px;height:60px}.basket-row>div{min-width:0;flex:1}.basket-row strong{font-size:10px;line-height:1.3;display:block}.basket-row small{display:block;font-size:9px;color:#c6b086;margin-top:4px}.basket-row small .icon{width:9px;height:9px}.basket-row .icon-button{width:20px;height:20px;align-self:flex-start}.basket-row .icon-button .icon{width:12px;height:12px}.basket-row .qty{justify-content:flex-start;margin:7px 0 0}.basket-row .qty button{width:23px;height:22px;min-width:0;font-size:13px}.basket-row .qty span{padding:1px 8px;font-size:10px}
.selector-basket .modal-case-bottom{position:static;padding:15px 0 0;margin:0;display:flex;align-items:stretch;flex-direction:column;gap:13px;background:transparent;border-top:1px solid #343948;box-shadow:none}.selector-basket #selector-total small{display:block;font-size:8px;color:#8a94a7}.selector-basket #selector-total strong{font-size:21px;display:block;margin-top:5px}.selector-basket #selector-total .icon{width:14px;height:14px}.selector-basket .button{font-size:11px;padding:10px}.selector-basket .empty{padding:32px 10px}.selector-basket .empty p{font-size:10px;margin:0}

/* Battle lobby and creator. */
.battle-overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303441;border-radius:6px;background:#171b25;margin-bottom:22px}.battle-overview>div{padding:17px 14px;display:flex;gap:10px;align-items:center;border-right:1px solid #303441}.battle-overview>div:last-child{border:0}.battle-overview strong{font-size:24px;color:#ead3a6;line-height:1}.battle-overview span{font-size:8px;letter-spacing:.6px;color:#808a9f;max-width:86px;line-height:1.7}
.battle-filters select{font-size:10px;padding:9px}.battle-filters .tabs button{font-size:10px}.battle-filters .button{font-size:10px;min-height:34px}.battle-list-card.upgraded{grid-template-columns:143px minmax(0,1fr) 161px;gap:16px;padding:15px 19px;border-color:#303541;background:linear-gradient(100deg,#1c202b,#171b25);transition:border-color .2s}.battle-list-card.upgraded:hover{border-color:#4f4d43}.battle-format{font-size:14px;letter-spacing:1px;font-weight:700}.battle-list-meta .badge{font-size:7px;padding:3px 5px}.battle-list-meta>.row{gap:7px}.lobby-ready{display:flex;gap:6px;align-items:center;font-size:8px;color:#91a397;white-space:nowrap}.lobby-ready .live-dot{width:4px;height:4px}.battle-cases-mini{height:90px;gap:1px;justify-content:center;border:0;background:transparent;padding:0}.lobby-case-preview{width:78px;height:83px;background:none;flex-shrink:0;padding:0}.lobby-case-preview>img{width:78px;height:78px}.lobby-case-preview>.case-art{width:78px;height:77px}.lobby-case-preview:hover{transform:translateY(-3px)}.battle-list-price{align-items:flex-end;gap:5px}.battle-list-price>strong{font-size:19px}.battle-list-price>strong .icon{width:13px;height:13px}.battle-list-price>small{font-size:7px;color:#6d778a;letter-spacing:.9px}.battle-list-price .row{gap:3px;margin-top:3px}.battle-list-price .button{padding:9px 11px;font-size:10px;min-height:33px}.battle-list-price .icon-button{width:26px;height:26px}.battle-list-price .icon-button .icon{width:13px;height:13px}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}.template-card{background:#191e29;border:1px solid #323846;border-radius:6px;padding:17px}.template-card h3{font-size:14px}.template-card>p{font-size:10px;color:#939db0;margin-top:3px}.template-card .icon-button{width:25px;height:25px}.template-cases{display:flex;justify-content:center;gap:0;border-block:1px solid #2b3443;margin:15px 0;padding:10px 0}.template-cases>.case-art,.template-cases>img{width:68px;height:68px}.template-card>.row>strong{font-size:13px;color:#dfc493}.template-card>.row>strong .icon{width:11px;height:11px}.template-card .button{font-size:10px;min-height:30px;padding:7px 10px}
.builder-steps{display:flex;align-items:center;gap:14px;margin:15px 0 23px;color:#7d889c}.builder-steps>span{display:flex;align-items:center;gap:7px;font-size:10px}.builder-steps b{border:1px solid #3a4355;background:#181f2c;border-radius:50%;font-size:9px;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center}.builder-steps .active{color:var(--gold)}.builder-steps .active b{border-color:#897044;background:#dcb46713}.builder-steps>i{height:1px;background:#2f3543;width:45px}
.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 247px;gap:18px;align-items:start}.builder-main{min-width:0;display:flex;flex-direction:column;gap:18px}.builder-main .panel{padding:20px}.builder-cases h2{font-size:14px;display:flex;align-items:center;gap:9px}.builder-cases h2 .badge{font-size:8px;padding:3px 5px}.builder-tools{display:flex;gap:6px;align-items:center}.builder-tools button{background:#121924;border:1px solid #303949;border-radius:4px;padding:5px 7px;color:#8e99ac;font-size:8px;display:flex;gap:4px;align-items:center}.builder-tools .icon{width:10px;height:10px}.builder-tools button:hover{border-color:#7a694b;color:#e3c38b}
.selected-cases{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:9px;margin-top:18px}.selected-case{background:linear-gradient(160deg,#1c2431,#141b27);border-color:#394253;padding:8px 10px 10px}.selected-case-top{display:flex;align-items:center;justify-content:space-between;color:#727f97}.selected-case-top>span{font-size:7px;letter-spacing:.8px}.selected-case-top .icon-button{position:static;width:18px;height:18px;padding:0}.selected-case-top .icon{width:11px;height:11px}.selected-case-preview{background:none;width:100%;padding:0;display:block}.selected-case-preview>img,.selected-case-preview>.case-art{width:100%;height:105px}.selected-case h3{font-size:10px;line-height:1.3;min-height:27px;display:flex;justify-content:center;align-items:center;margin:0 0 6px}.selected-case strong{font-size:11px;color:#e2cb9d}.selected-case strong .icon{width:10px;height:10px}.selected-case .qty{margin-top:12px}.selected-case .qty button{width:26px;height:26px;font-size:15px}.selected-case .qty span{font-size:11px}
.case-order-controls{display:flex;gap:4px;justify-content:space-between;align-items:center;margin-top:9px;border-top:1px solid #303b4a;padding-top:7px}.case-order-controls button{padding:2px 5px;background:#202b3b;border:1px solid #364258;color:#a0aec3;border-radius:3px;font-size:10px}.case-order-controls small{font-size:6px;color:#7d9f91;white-space:nowrap}.selected-case.dragging{opacity:.35;transform:scale(.96)}.selected-case.drag-over{border-color:var(--gold);background:#dcb46715}
.add-case{background:#121925;border:1px dashed #615940;border-radius:5px;min-height:235px;color:#c2ab7e;gap:8px;padding:15px}.add-case>.icon{width:28px;height:28px;background:#dcb46713;border:1px solid #dcb46733;border-radius:50%;padding:5px}.add-case strong{font-size:11px}.add-case span{font-size:8px;color:#7f8aa0}.add-case:hover{background:#dcb46709;border-color:#c4a35e}
.builder-hint{font-size:9px;color:#6d7b92;margin-top:15px}.builder-config .settings-block{margin-top:0}.builder-config .settings-block+.settings-block{margin-top:26px}.builder-config .settings-block>label{font-size:9px;letter-spacing:.9px;color:#8792a6}.builder-config .format-option{font-size:10px;padding:9px 10px;min-width:50px}.builder-config .mode-grid{grid-template-columns:repeat(2,1fr);gap:8px}.builder-config .mode-option{position:relative;padding:15px 11px;align-items:flex-start;border-color:#303949;background:#121a26;min-height:88px}.builder-config .mode-option strong{font-size:11px;color:#b8c2d2}.builder-config .mode-option small{font-size:8px;color:#79869d;line-height:1.6;margin-top:5px}.builder-config .mode-option img,.builder-config .mode-option>.icon{width:24px;height:24px}.builder-config .mode-option.active{background:linear-gradient(110deg,#dcb46714,#dcb46705);border-color:#a2854f}.builder-config .mode-option.active strong{color:#e3c78f}.builder-config .mode-option .mode-check{position:absolute;right:7px;top:7px;width:11px;height:11px;color:var(--gold)}.builder-config .toggle-line{font-size:10px}.builder-config select{font-size:9px;padding:8px}
.battle-builder-summary{position:sticky;top:90px;background:linear-gradient(150deg,#20232d,#171b26);border:1px solid #434035;border-radius:7px;padding:19px}.battle-builder-summary .eyebrow{font-size:8px;color:#ac9468;margin-bottom:8px}.battle-builder-summary>h3{font-size:17px}.preview-teams{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:18px 0 20px;padding:14px 0;border-block:1px solid #373a44}.preview-teams>div{min-width:37px;text-align:center;flex:1}.preview-teams small{font-size:7px;color:#7e899f}.preview-teams>div>div{display:flex;justify-content:center;margin-top:6px}.preview-teams img{width:24px;height:24px;border-radius:50%;border:1px solid #5a5b5d;margin-left:-5px}.preview-teams img:first-child{margin-left:0;border-color:var(--gold)}.preview-versus{font-size:7px;color:#6f778c}.summary-lines{display:flex;flex-direction:column;gap:12px}.summary-lines>span{display:flex;justify-content:space-between;align-items:start;gap:9px;font-size:9px;color:#8591a6}.summary-lines strong{font-size:10px;color:#d4d1c6;text-align:right}.summary-lines .icon{width:9px;height:9px}.battle-builder-summary>p{font-size:10px;line-height:1.7;color:#b09a74;padding:15px 0;margin:13px 0;border-block:1px solid #373a44}.battle-builder-summary>.lobby-ready{font-size:8px}.battle-builder-summary>.button{margin-top:20px;font-size:10px;min-height:34px}
.create-bottom{border-color:#57482f;background:#1a202cf2;backdrop-filter:blur(14px);padding:15px 19px;box-shadow:0 -5px 22px #0003;z-index:20}.create-bottom small{display:block;font-size:8px;letter-spacing:.7px;color:#8f97a8}.create-bottom strong{display:block;font-size:24px;margin-top:3px;line-height:1.2}.create-bottom strong .icon{width:16px;height:16px}.create-bottom .button{font-size:11px;min-height:41px}
.random-battle-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}

/* In-battle hierarchy and live scores. */
.battle-header{background:linear-gradient(130deg,#202431,#191e29);border-color:#3a4050}.battle-header h1{font-size:27px}.battle-progress{height:3px;background:#2a303e;border-radius:3px;margin:-2px 0 16px;overflow:hidden}.battle-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#947242,#edce93);transition:width .35s ease}
.team-standings{display:flex;gap:8px;margin-bottom:13px}.team-standing{background:#151c28;border:1px solid #303949;border-radius:5px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.team-standing small{font-size:8px;color:#8591a8;letter-spacing:.7px}.team-standing strong{font-size:13px;color:#bdc7d7}.team-standing .icon{width:10px;height:10px}.team-standing>span{display:block;width:100%;font-size:8px;color:#c8b486}.team-standing.leading{border-color:#8d7545;background:#e2b86a0d}.team-standing.leading strong{color:#e5c78e}
.player-head{background:linear-gradient(100deg,#202937,#18202c);padding:15px 11px;border-color:#354254}.player-head .name{font-size:12px}.player-head.me{background:linear-gradient(90deg,#dcb46715,#19212e)}.player-total{background:#1a2230;border-color:#354254;font-size:20px;font-variant-numeric:tabular-nums;padding:14px 8px}.player-total.leading{background:#dcb46712;border-color:#7c6844}.player-drops{gap:8px}.player-drop{background:#151c28;border-color:#303a4b;border-left-color:var(--rarity);animation:arena-enter .2s ease-out}.player-drop img{width:48px;height:43px}.player-drop h3{font-size:9px}.player-drop p{font-size:7px}.player-drop strong{font-size:10px}.round-status{font-size:11px;color:#949fb4}.round-status strong{color:#e0c68f}.round-case{transition:border-color .15s,background .15s,opacity .15s}.round-case>.case-art{width:49px;height:47px}.round-case.active{box-shadow:0 0 13px #dcb46717}.round-case.done{opacity:.6}
.winner-column .player-head,.winner-column .reel-viewport,.winner-column .player-total{border-color:#b69957}.winner-column .player-total{background:linear-gradient(100deg,#dcb4671a,#202334);color:#efd7a4}.battle-result{border-color:#9b7a40;background:radial-gradient(ellipse at 50% 0,#dcb46727,transparent 65%),#1b212c;padding:28px;box-shadow:0 5px 30px #0003}.battle-result .result-coins{font-size:33px}.battle-result h2{font-size:29px}.battle-result .button{font-size:11px}

@media(min-width:1550px){.case-grid{grid-template-columns:repeat(5,1fr)}.modal-case-grid{grid-template-columns:repeat(4,1fr)}.builder-layout{grid-template-columns:minmax(0,1fr) 265px}.builder-main .selected-cases{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:1200px){.builder-layout{grid-template-columns:1fr}.battle-builder-summary{position:static;display:none}.builder-config .mode-grid{grid-template-columns:repeat(3,1fr)}.case-detail-hero.upgraded{grid-template-columns:145px 1fr 130px;padding:17px;gap:15px}.detail-case-info h1{font-size:23px}.detail-case-art>.case-art,.detail-case-art>img{height:155px}.battle-list-card.upgraded{grid-template-columns:136px minmax(0,1fr) 144px;gap:9px;padding:15px}.lobby-case-preview{width:63px}.lobby-case-preview>img,.lobby-case-preview>.case-art{width:63px;height:68px}.battle-list-price>strong{font-size:16px}.battle-list-price .button{font-size:9px;padding:8px}.selector-layout{grid-template-columns:minmax(0,1fr) 225px;gap:14px}.battle-overview>div{padding:15px 10px;gap:7px}.battle-overview strong{font-size:21px}.battle-overview span{font-size:7px}.catalog-hero-art .case-art{width:180px;height:177px}.catalog-hero h2{font-size:26px}}
@media(max-width:900px){main{padding:24px 18px 55px}.builder-config .mode-grid{grid-template-columns:repeat(2,1fr)}.selector-layout{grid-template-columns:minmax(0,1fr) 210px}.modal-case-grid{grid-template-columns:repeat(3,1fr)}.catalog-hero{padding:23px;min-height:184px}.catalog-hero-art{right:0;width:45%}.catalog-hero-art .case-art{width:175px;height:167px}.catalog-hero-art .case-art+.case-art{display:none}.catalog-hero h2{font-size:25px}.catalog-filters .search-field{min-width:100%;flex-basis:100%}.case-detail-hero.upgraded{grid-template-columns:125px 1fr 115px;gap:13px}.case-top-drop{padding-left:10px}.case-top-drop img{width:95px;height:72px}.case-top-drop strong{font-size:9px}.detail-case-info h1{font-size:22px}.detail-case-info>p{font-size:10px}.battle-overview{margin-bottom:17px}.team-standing{padding:9px}.team-standing strong{font-size:11px}}
@media(max-width:700px){
 main{padding:21px 13px 100px}.page-head h1{font-size:26px}.page-head p{font-size:11px}.page-head .button{font-size:10px;min-height:35px;padding:8px 10px}.nav-item{font-size:12px}.balance-button{font-size:11px}.category-tabs{gap:4px;margin-bottom:14px}.category-tabs button{padding:8px 9px;font-size:10px}.category-tabs small{font-size:8px}.category-tabs .icon{width:12px!important;height:12px!important}
 .catalog-hero{min-height:160px;padding:20px 18px;margin-bottom:18px}.catalog-hero h2{font-size:22px;max-width:220px}.catalog-hero p{font-size:9px;max-width:215px}.catalog-hero .eyebrow{font-size:7px}.catalog-hero .text-button{font-size:9px}.catalog-hero-art{opacity:.6;right:-25px;width:41%;top:15px}.catalog-hero-art .case-art{width:152px;height:137px}.catalog-hero-glow{right:-130px;bottom:-220px}
 .catalog-filters select{flex:1;padding:9px 6px;font-size:9px;min-width:76px}.catalog-filters .button{font-size:9px;min-height:33px;padding:6px 9px}.catalog-count{font-size:9px}.catalog-count>span:last-child{font-size:7px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-card .case-open{padding:11px 11px 0}.case-card h3{font-size:11px;line-height:1.35;min-height:30px;margin-top:1px}.case-art-stage{height:131px}.case-art-stage>.case-art,.case-art-stage>img{height:128px}.case-price{font-size:12px;padding:8px}.case-mini-stats{font-size:8px;padding:0 11px 10px}.case-preview{font-size:8px;padding:8px 3px}.case-risk{padding:10px 11px}.case-card .case-tag{font-size:6px;left:9px;top:9px}.case-card .favorite{right:6px;top:5px;width:25px;height:25px}.case-card .favorite .icon{width:12px;height:12px}.risk-labels{font-size:7px}.load-more .button{font-size:11px}
 .case-breadcrumb{font-size:9px;gap:8px;margin-bottom:13px;flex-wrap:wrap}.case-breadcrumb .text-button{font-size:9px}.case-breadcrumb>span:nth-child(3){max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-breadcrumb>.text-button:nth-last-child(2){display:none}.case-detail-hero.upgraded{grid-template-columns:100px 1fr;padding:16px 13px;gap:12px}.detail-case-art>.case-art,.detail-case-art>img{height:115px}.detail-case-info h1{font-size:21px;margin-top:8px}.detail-case-info>p{font-size:9px;margin-bottom:9px}.detail-case-price{font-size:16px}.detail-case-price small{font-size:7px;margin-left:1px}.detail-case-info .case-risk{width:145px;margin-top:13px}.detail-case-info>.badge{font-size:7px;padding:3px 5px}.case-top-drop{grid-column:1/-1;border-left:0;border-top:1px solid #393f4a;margin-top:6px;padding:11px 0 0;display:grid;grid-template-columns:60px 1fr 1fr;gap:1px 9px;text-align:left;align-items:center}.case-top-drop>span{grid-column:2;font-size:7px}.case-top-drop img{grid-column:1;grid-row:1/4;width:60px;height:50px;margin:0}.case-top-drop strong{grid-column:2;font-size:10px}.case-top-drop small{grid-column:2;font-size:9px}.case-top-drop b{grid-column:3;grid-row:1/3;font-size:11px;text-align:right;margin:0}.case-top-drop em{grid-column:3;grid-row:3;font-size:6px;text-align:right}
 .opening-toolbar{padding:12px;gap:13px}.opening-toolbar>.row{justify-content:space-between;width:100%;gap:6px}.opening-toolbar .format-option{padding:6px 9px;min-width:28px;font-size:11px}.opening-toolbar select{font-size:9px;padding:8px 5px}.opening-toolbar .muted{font-size:9px}.opening-toolbar .button{font-size:11px;min-height:38px;flex:1;padding:9px 12px}.auto-open-options{gap:10px;padding:12px 1px 14px}.auto-open-options .toggle-line{font-size:9px}.auto-open-options label{font-size:8px}.auto-open-options select{font-size:8px;padding:5px}.auto-open-options #opening-status{font-size:8px;width:auto}.auto-open-options .spacer{display:none}
 .opening-grid{gap:8px}.opening-grid:has(.reel-viewport:nth-child(2)),.opening-grid:has(.reel-viewport:nth-child(3)){grid-template-columns:repeat(2,1fr)}.reel-viewport.horizontal{height:179px}.horizontal .reel-item{height:162px}.horizontal .reel-item img{height:91px}.horizontal .reel-item h3{font-size:9px}.horizontal .reel-item strong{font-size:11px}.horizontal.reel-viewport:before,.horizontal.reel-viewport:after{width:30px}.case-metrics{grid-template-columns:repeat(2,1fr);margin-top:18px}.case-metrics>div{padding:13px 9px}.case-metrics>div:nth-child(2){border-right:0}.case-metrics>div:nth-child(-n+2){border-bottom:1px solid #303542}.case-metrics small{font-size:7px;letter-spacing:.4px}.case-metrics strong{font-size:18px;margin-top:5px}.probability-panel{padding:15px}.probability-panel h3{font-size:12px}.probability-panel .text-button{font-size:8px}.probability-legend{grid-template-columns:repeat(2,1fr);gap:12px 14px}.probability-legend span{font-size:8px}.probability-legend strong{font-size:12px}.probability-strip{height:11px;margin-top:15px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:13px 10px}.item-card img{height:110px}.item-card h3{font-size:11px}.item-card p{font-size:10px}.item-card strong{font-size:12px}.item-card .odds{font-size:9px}.item-card .wear{font-size:8px}.item-odds-details{font-size:8px}.section-head h2{font-size:11px}.section-head select{font-size:8px;padding:6px}.section-head .tabs button{padding:7px 8px}.case-result-panel{padding:15px}.case-result-panel h3{font-size:14px}.case-result-panel .button{font-size:9px;min-height:31px;padding:6px 9px}.recent-case-drops>div{min-width:87px}.demo-result{font-size:9px;padding:12px;gap:5px;flex-wrap:wrap}.odds-table th{font-size:7px;padding:9px}.odds-table td{font-size:9px;padding:8px}.odds-skin img{width:50px;height:36px}.odds-skin strong{font-size:9px}.odds-skin small{font-size:8px}.odds-table code{font-size:8px}.odds-table td:nth-child(3){min-width:80px}.table-chance{width:70px}.odds-modal-summary{gap:13px}.odds-modal-summary>img,.odds-modal-summary>.case-art{width:85px;height:80px}.odds-modal-summary h3{font-size:15px}.odds-modal-summary p{font-size:9px}
 dialog.large:has(.selector-layout){width:calc(100vw - 18px);max-height:91vh}.selector-layout{grid-template-columns:1fr}.selector-basket{position:static;order:0;padding:13px}.selector-catalog{order:1}.selector-basket h3{font-size:12px}.selector-basket #selector-basket{max-height:145px}.selector-basket .modal-case-bottom{flex-direction:row;align-items:center;justify-content:space-between;padding-top:12px}.selector-basket #selector-total strong{font-size:18px}.selector-basket .empty{display:none}.selector-basket .button{font-size:10px;padding:9px}.modal-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.modal-case-grid .case-art-stage{height:88px}.modal-case-grid .case-art-stage>.case-art,.modal-case-grid .case-art-stage>img{height:86px}.modal-case-grid .case-card .case-open{padding:11px 7px 0}.modal-case-grid .case-card h3{font-size:9px;min-height:27px}.modal-case-grid .case-price{font-size:10px;padding:7px}.modal-case-grid .case-mini-stats{font-size:6px;padding:0 6px 7px}.modal-case-grid .case-preview{font-size:6px;padding:7px 2px}.modal-case-grid .case-mini-stats .icon{width:7px;height:7px}.modal-case-grid .qty button{width:22px;height:23px;font-size:13px}.modal-case-grid .qty span{font-size:10px;padding:0 6px}.modal-case-grid .case-tag{font-size:5px;left:6px;top:6px}.selector-catalog .filters select{font-size:9px;padding:8px 6px;flex:1}.basket-row{padding:6px 0}.basket-row>.case-art,.basket-row>img{width:51px;height:47px}.basket-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.basket-row strong{font-size:10px;max-width:125px}.basket-row .qty{margin:0}.basket-row small{margin:0}.basket-row .icon-button{align-self:center}
 .battle-overview{grid-template-columns:repeat(2,1fr);margin-bottom:17px}.battle-overview>div{padding:13px;gap:10px}.battle-overview>div:nth-child(2){border-right:0}.battle-overview>div:nth-child(-n+2){border-bottom:1px solid #303441}.battle-overview strong{font-size:23px}.battle-overview span{font-size:7px}.battle-filters{gap:7px}.battle-filters>.tabs{width:100%;margin-bottom:4px}.battle-filters .tabs button{font-size:9px;padding:9px 10px;flex:1}.battle-filters select{font-size:9px;padding:9px 7px;flex:1}.battle-filters .button{font-size:9px;padding:8px 9px}.battle-filters .spacer{display:none}.battle-list-card.upgraded{grid-template-columns:minmax(0,1fr) 118px;padding:12px;gap:7px}.battle-list-meta{grid-column:1;grid-row:1}.battle-format{font-size:12px}.battle-list-meta .badge{font-size:6px}.battle-list-meta .lobby-ready{font-size:7px;width:100%;margin-top:3px}.battle-cases-mini{grid-column:1;grid-row:2;height:68px;justify-content:flex-start;overflow:hidden}.lobby-case-preview{width:53px;height:66px}.lobby-case-preview>img,.lobby-case-preview>.case-art{width:53px;height:62px}.battle-list-price{grid-row:1/3;grid-column:2;align-items:flex-end}.battle-list-price>strong{font-size:15px}.battle-list-price>small{font-size:6px}.battle-list-price .button{font-size:9px;min-height:31px;padding:7px 8px}.battle-list-price .button .icon{display:none}.battle-list-price .row{gap:0}.battle-list-price .icon-button{width:21px}.battle-list-price .icon-button .icon{width:12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-card{padding:12px}.template-card h3{font-size:11px}.template-card>p{font-size:8px;line-height:1.7}.template-cases{padding:5px 0;margin:10px 0}.template-cases>.case-art,.template-cases>img{width:43px;height:51px}.template-card .button{font-size:8px;padding:6px 7px}.template-card>.row>strong{font-size:10px}.template-card>.row{gap:5px}.template-card>.row>strong .icon{width:8px;height:8px}
 .builder-steps{gap:9px;margin-bottom:18px}.builder-steps>span{font-size:8px;gap:5px}.builder-steps>i{width:15px}.builder-steps b{width:19px;height:19px;font-size:8px}.builder-layout{gap:13px}.builder-main{gap:13px}.builder-main .panel{padding:14px}.builder-cases h2{font-size:12px}.builder-tools{gap:4px}.builder-tools button{font-size:7px;padding:5px}.builder-tools .icon{width:9px;height:9px}.selected-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.selected-case{padding:7px}.selected-case-preview>img,.selected-case-preview>.case-art{height:80px}.selected-case-top>span{font-size:6px}.selected-case h3{font-size:9px;min-height:28px}.selected-case strong{font-size:10px}.selected-case strong .icon{width:9px;height:9px}.selected-case .qty{margin-top:9px}.selected-case .qty button{width:23px;height:23px;font-size:13px}.selected-case .qty span{font-size:10px;padding:0 6px}.case-order-controls small{font-size:5px}.case-order-controls{gap:1px}.case-order-controls button{padding:1px 3px;font-size:9px}.add-case{min-height:205px;padding:8px;gap:7px}.add-case>.icon{width:25px;height:25px}.add-case strong{font-size:9px}.add-case span{font-size:7px}.builder-hint{font-size:8px}.builder-config .mode-grid{grid-template-columns:repeat(2,1fr);gap:7px}.builder-config .mode-option{padding:12px 8px;gap:7px;min-height:89px}.builder-config .mode-option strong{font-size:10px}.builder-config .mode-option small{font-size:7px}.builder-config .mode-option img,.builder-config .mode-option>.icon{width:20px;height:20px}.builder-config .settings-block>label{font-size:8px}.builder-config .format-option{padding:9px 10px;min-width:44px;font-size:9px}.builder-config .toggle-line{font-size:9px}.builder-config select{font-size:8px}.builder-config .divider{margin:17px 0}.create-bottom{bottom:75px;padding:12px;gap:8px}.create-bottom small{font-size:6px;letter-spacing:.2px}.create-bottom strong{font-size:20px}.create-bottom strong .icon{width:12px;height:12px}.create-bottom .button{font-size:10px;padding:8px 10px;min-height:36px}.create-bottom>.button.outline{display:none}.create-bottom>.button.gold>.icon:last-child{display:none}
 .team-standings{gap:5px}.team-standing{padding:8px;gap:3px}.team-standing small{font-size:6px;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-standing strong{font-size:9px}.team-standing>span{font-size:6px}.team-standing .icon{width:7px;height:7px}.battle-header h1{font-size:23px}.battle-progress{margin-bottom:11px}.battle-result{padding:22px 14px}.battle-result h2{font-size:24px}.battle-result .result-coins{font-size:26px}.battle-result .row{gap:7px;flex-wrap:wrap;justify-content:center}.battle-result .button{font-size:10px;padding:8px 10px}.player-head{padding:12px 8px}.player-head .name{font-size:10px}.player-head small{font-size:7px}.player-total{font-size:18px;padding:12px 7px}.player-drop{padding:7px}.player-drop img{width:36px;height:34px}.player-drop h3{font-size:8px}.player-drop strong{font-size:9px}.player-drop p{font-size:6px}.round-status{font-size:10px}
}
@media(max-width:390px){.catalog-hero-art{opacity:.35}.catalog-hero h2{font-size:21px}.case-art-stage{height:115px}.case-art-stage>.case-art,.case-art-stage>img{height:112px}.case-card h3{font-size:10px}.case-mini-stats{font-size:7px}.case-detail-hero.upgraded{grid-template-columns:83px 1fr}.detail-case-info h1{font-size:19px}.detail-case-info>p{font-size:8px}.detail-case-art>.case-art,.detail-case-art>img{height:99px}.opening-toolbar>.row:first-child{flex-wrap:wrap}.opening-toolbar .muted{display:none}.opening-toolbar .format-option{padding:6px 10px}.opening-toolbar select{font-size:8px}.builder-tools button{font-size:6px}.builder-tools button:first-child .icon,.builder-tools button:nth-child(2) .icon{display:none}.modal-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-case-grid .case-art-stage{height:100px}.modal-case-grid .case-art-stage>.case-art,.modal-case-grid .case-art-stage>img{height:98px}.modal-case-grid .case-card h3{font-size:10px}.modal-case-grid .case-mini-stats{font-size:7px}.modal-case-grid .case-preview{font-size:7px}.case-top-drop b{font-size:10px}}
.featured-cases{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.featured-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.page.page-enter,.winning-item,.case-result-panel,.player-drop{animation:none}.case-card:hover,.case-card:hover .case-art{transform:none}.reel-track{transition-duration:1ms!important}}