.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle;pointer-events:none}button>.icon{margin-inline:5px}button>.icon:first-child{margin-left:0}button>.icon:last-child{margin-right:0}nav button,.drawer-links button{display:flex;align-items:center;justify-content:center;gap:8px}nav button .icon{width:17px;height:17px}.drawer-links button{justify-content:flex-start}.drawer-links button>.icon{width:21px;height:21px;color:var(--yellow);margin:0}.drawer-links button>span{width:auto;color:inherit;font-size:13px;line-height:1.4}h2>.icon{color:var(--yellow);width:23px;height:23px;margin-right:6px}h1>.heading-icon{color:var(--yellow);width:30px;height:30px;margin-left:8px}.wallet #profile .icon{width:19px;height:19px}.wallet #inventory .icon{width:18px;height:18px;color:var(--yellow)}.wallet #inventory .inventory-label{color:inherit;font-size:12px}.wallet #topup{display:inline-flex;justify-content:center;align-items:center;gap:4px}.close .icon,#menu-close .icon{width:22px;height:22px;margin:0}.stat-card>span>.icon{width:22px;height:22px}.dial-chevrons .icon{width:37px;height:37px;margin:0}.price-pill .icon{width:12px;height:12px;margin-left:6px}.selection-placeholder .icon{width:50px;height:50px}.hero-art:before{content:'';width:210px;height:210px;background:linear-gradient(135deg,transparent 36%,#ffdc2610 36% 44%,transparent 44% 52%,#ffdc260b 52% 60%,transparent 60%);transform:rotate(-45deg)}.hero-art img{transform:none;animation:rifle-level 5s ease-in-out infinite}.hero-copy .primary .icon{width:17px;height:17px}.filters>span>.icon{color:var(--yellow);margin-right:6px}#toast{max-width:calc(100vw - 32px);text-align:center;line-height:1.5;font-size:12px}.load-status{padding:12px 16px;border:1px solid #ffdc2640;border-radius:10px;background:#ffdc260a;font-size:12px;margin-bottom:20px}.load-status button{padding:7px 12px;margin-left:8px}button{touch-action:manipulation}.mobile-drawer{overscroll-behavior:contain}dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c4e55 #191a1f}body,main{min-width:0}header,main,footer{max-width:100%}.hero-art img{max-width:100%}@keyframes rifle-level{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:650px){
body{font-size:13px}.wallet #topup:before{content:none}.wallet #topup>span{display:none}.wallet #topup .icon{display:block;width:20px;height:20px;margin:0}.wallet #topup{width:36px;height:36px;font-size:0}header{gap:9px;padding:12px;height:68px}.wallet{gap:6px}.wallet select{width:44px;min-width:44px;font-size:10px}.wallet strong{font-size:11px;max-width:88px;overflow:hidden;text-overflow:ellipsis}.menu-toggle{flex-basis:36px;width:36px;height:36px}.menu-toggle .icon{width:20px;height:20px;margin:0}.brand-mark{width:22px;height:28px}.wordmark{font-size:22px}.brand{gap:5px}.ticker{height:75px}.live-label{flex-basis:70px;font-size:7px;gap:5px}.live-label small{font-size:5px;bottom:12px;letter-spacing:.8px}.drop{width:112px;padding:5px 8px}.drop img{height:37px}.drop b{font-size:8px;max-width:95px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop small{font-size:6px}#drops{padding:6px;gap:4px}main{padding:18px 12px 35px}.hero{display:flex;flex-direction:column;min-height:0;border-radius:15px;margin-bottom:26px;background:radial-gradient(ellipse at 50% 72%,#d4ad1c20,transparent 65%),linear-gradient(135deg,#22231d,#171819)}.hero-copy{position:static;padding:24px 21px 0;width:100%;order:1}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.6}.hero h1{font-size:clamp(25px,7.3vw,31px);line-height:1.14;letter-spacing:-1px;max-width:none;margin:13px 0}.hero p{font-size:11px;line-height:1.7;max-width:none;margin:0 0 4px}.hero-copy .primary{position:absolute;left:20px;right:20px;bottom:20px;width:calc(100% - 40px);font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;z-index:2}.hero-art{position:relative;inset:auto;right:auto;bottom:auto;width:100%;height:155px;min-height:155px;opacity:1;margin:4px 0 76px;order:2;overflow:visible;isolation:isolate}.hero-art img{width:90%;max-width:335px;height:150px;object-fit:contain;transform:none;animation:none;filter:drop-shadow(0 0 13px #ffcf4140) drop-shadow(0 11px 15px #0008)}.hero-art:before{width:145px;height:145px;opacity:.7}.hero-art:after{width:85%;height:130px;filter:blur(18px);z-index:-1}.hero .badge{display:none}.section-head{gap:12px;margin:22px 0 15px}.section-head h1{font-size:29px;line-height:1.2;margin:10px 0}.section-head h2,h2{font-size:19px;line-height:1.4;letter-spacing:-.4px}h2>.icon{width:20px;height:20px;margin-right:5px}h1>.heading-icon{width:25px;height:25px;margin-left:5px}.filters{gap:6px}.filters button{min-height:36px;padding:9px 11px;font-size:10px}.case-grid{gap:10px}.case-card{min-width:0}.case-art{aspect-ratio:1.06;margin:6px}.case-info{padding:9px 10px 15px}.case-info b{font-size:13px;line-height:1.4;min-height:19px;margin-bottom:10px}.case-info .price-pill{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 9px;font-size:11px}.price-pill .icon{height:12px;width:12px;margin-left:5px}.case-number{font-size:25px;right:10px;bottom:18px}.case-label{font-size:5px;letter-spacing:.6px;top:12px;right:10px;padding:4px 5px}.panel{padding:16px}.case-top{gap:10px;align-items:center}.case-top>#back{padding:10px;font-size:9px;display:flex;align-items:center;gap:4px}.case-top #back .icon{width:13px;height:13px;margin:0}.case-top .case-icon.case-illustration{width:47px;height:47px;margin:0}.case-top h1{font-size:21px;letter-spacing:-.5px;line-height:1.2}.case-top .eyebrow{font-size:6px;letter-spacing:1px}.case-top>div{min-width:100px;flex:1}.controls #open{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;font-size:12px}.controls #fast{display:flex;align-items:center;justify-content:center;width:43px;min-height:45px}.controls #fast .icon{width:20px;height:20px;margin:0}.controls [data-mult]{min-height:39px}.roulette-track .item .icon{display:none}.items{gap:8px}.item{min-height:170px;padding:9px}.item img{height:92px}.item small{font-size:8px}.item b{font-size:10px;line-height:1.4;margin:5px 0 8px}.item strong{font-size:11px}.item em{font-size:8px;bottom:11px;right:8px}.result-items:has(>.item:nth-child(2)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-items:has(>.item:nth-child(2))>.item{width:100%;min-width:0;min-height:176px}.result-items:has(>.item:nth-child(2)) .item img{height:105px}.result-items>.item{max-width:100%}.result-actions button{min-height:44px}.result h2{font-size:21px}.result p{font-size:11px}.upgrade-layout:has(.spectrum-wheel){margin-top:10px;gap:8px}.selection{height:210px;padding:13px 9px;min-height:0;gap:8px}.selection img{height:90px}.selection .eyebrow{font-size:6px;letter-spacing:.6px;align-self:center;text-align:center}.selection small{font-size:8px}.selection b{font-size:11px}.selection strong{font-size:14px}.source-items,.target-items{max-height:none;overflow:visible;padding:3px}.spectrum-wheel{width:246px;height:246px}.dial-chevrons .icon{width:31px;height:31px}.upgrade-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px}.chance-presets button{min-width:76px;font-size:20px;min-height:47px}.drawer-links button{gap:13px;padding:15px;min-height:53px}.drawer-links button>.icon{width:20px;height:20px}.drawer-links button>span{font-size:13px;letter-spacing:0}.drawer-top button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}.mobile-drawer{padding:23px 18px;gap:23px}.battle{padding:17px;gap:13px}.battle-arena{padding:8px 12px;gap:14px}.battle-hero{padding:22px;min-height:0}.battle-hero h2{font-size:22px;line-height:1.3}.battle-hero p{font-size:11px}.battle-hero .primary,.battle>.primary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:45px}.battle-target img{height:95px}.stat-card>span>.icon{width:19px;height:19px}.inventory-actions button{min-height:37px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px}.inventory-actions button>.icon{width:12px;height:12px;margin:0}.profile-hero h1{font-size:22px}.source-note{font-size:8px;overflow-wrap:anywhere}footer{padding:20px 14px;gap:13px;font-size:9px}.close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.close .icon{width:20px;height:20px}.load-status{font-size:11px;padding:12px}.load-status button{min-height:34px}}
@media(max-width:350px){header{gap:6px;padding:10px}.wordmark{font-size:19px}.brand-mark{width:19px}.wallet{gap:3px}.wallet strong{font-size:10px;max-width:70px}.wallet select{width:40px;min-width:40px;font-size:9px}.hero-copy{padding:22px 18px 0}.hero h1{font-size:24px}.hero-art{height:140px;min-height:140px}.hero-art img{height:138px;width:94%}.case-info b{font-size:11px}.case-info .price-pill{font-size:10px;min-width:70px}.case-number{font-size:22px}.spectrum-wheel{width:228px;height:228px}.selection b{font-size:10px}.chance-presets{gap:7px}.chance-presets button{min-width:71px}.battle-arena{gap:8px;padding-inline:8px}}
@media(hover:none){button:hover,.case-card:hover{transform:none;filter:none}.case-card:hover .case-illustration,.selection:hover img,.item:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none}}
@media(max-width:650px){.hero-art img{transform:rotate(-10deg)}}
@media(max-width:650px){header{position:sticky;top:0;z-index:20;background:#15161af5;backdrop-filter:blur(12px)}}