:root{--bg-0:#0d1117;--bg-1:#11151c;--bg-2:#1a212c;--bg-3:#2b3442;--tx-0:#e8edf4;--tx-1:#aab4c2;--tx-2:#8b95a5;--tx-3:#5a6473;--brand:#ff7a1a;--brand-soft:#ff9a4d;--brand-ink:#16100a;--neon-violet:#8b5cf6;--neon-cyan:#06b6d4;--neon-green:#4ade80;--r-uncommon:#4b69ff;--r-rare:#8847ff;--r-epic:#d32ce6;--r-legend:#eb4b4b;--r-relic:#ffd166;--glow-brand:0 0 16px #ff7a1a73;--glow-violet:0 0 16px #8b5cf666;--glow-cyan:0 0 14px #06b6d466;--glow-relic:0 0 24px #ffd16680;--rad-s:8px;--rad-m:12px;--rad-l:18px;--rad-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--font-display:"Chakra Petch", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--z-tabbar:100;--z-modal:200;--z-reveal:300}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-0);height:100dvh;color:var(--tx-0);font-family:var(--font-body);margin:0}body{flex-direction:column;display:flex;overflow:hidden}#topbar{padding:calc(env(safe-area-inset-top) + var(--sp-2)) var(--sp-4) var(--sp-2);background:var(--bg-1);justify-content:space-between;align-items:center;display:flex}#logo{font-family:var(--font-display);letter-spacing:1px;color:var(--brand);text-shadow:var(--glow-brand);font-weight:700}#coinpill{background:var(--bg-2);color:var(--r-relic);border-radius:var(--rad-pill);padding:var(--sp-1) var(--sp-3);font-weight:800;font-family:var(--font-body);cursor:pointer;border:1px solid #ffd16659;box-shadow:0 0 10px #ffd16626}#view{-webkit-overflow-scrolling:touch;flex:1;width:100%;min-width:0;overflow:hidden auto}#tabbar{border-top:1px solid var(--bg-3);background:var(--bg-1);padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-tabbar);display:flex}.tab{padding:var(--sp-2) 0 var(--sp-3);color:var(--tx-2);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.tab .ti{font-size:20px}.tab.on{color:var(--brand);text-shadow:var(--glow-brand)}.tab{position:relative}.tab svg{width:22px;height:22px}.tab.on:before{content:"";background:var(--brand);height:2px;box-shadow:var(--glow-brand);border-radius:2px;position:absolute;top:-1px;left:25%;right:25%}#coinpill{align-items:center;gap:6px;display:inline-flex}#coinpill svg{width:15px;height:15px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px}.screen{padding:var(--sp-4);padding-bottom:var(--sp-6)}.h-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--tx-0);margin:0 0 var(--sp-2);font-weight:700}.h-display.xl{font-size:24px}.h-display.md{font-size:17px}.h-display.sm{color:var(--tx-1);font-size:13px}.sub{color:var(--tx-2);margin:0 0 var(--sp-4);font-size:13px;line-height:1.5}.fw-card{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--rad-l)}.fw-card.sel{border-color:var(--brand);box-shadow:var(--glow-brand)}.btn-primary{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--rad-m);cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.5px;color:var(--brand-ink);background:linear-gradient(135deg, var(--brand-soft), var(--brand));box-shadow:var(--glow-brand);white-space:nowrap;border:0;padding:14px;font-size:15px;font-weight:700;display:flex}.btn-primary:disabled{filter:grayscale(.7);opacity:.5;box-shadow:none}.btn-secondary{justify-content:center;align-items:center;gap:var(--sp-2);border:1px solid var(--bg-3);border-radius:var(--rad-m);cursor:pointer;font-family:var(--font-body);color:var(--tx-0);background:var(--bg-2);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary.on{border-color:var(--brand);color:var(--brand);box-shadow:var(--glow-brand)}.btn-ghost{color:var(--tx-2);cursor:pointer;background:0 0;border:0;font-size:13px}.chip{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--rad-pill);color:var(--tx-1);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip .dot{border-radius:50%;width:8px;height:8px}.hrow{gap:var(--sp-2);scrollbar-width:none;padding-bottom:var(--sp-1);display:flex;overflow-x:auto}.hrow::-webkit-scrollbar{display:none}.wrap-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;flex-direction:column;display:flex}.empty svg{width:40px;height:40px;color:var(--tx-3)}.empty p{color:var(--tx-2);margin:0;font-size:14px}.tier-frame{border:1px solid var(--bg-3);border-radius:var(--rad-m)}.tier-frame.t-mil_spec{border-color:var(--r-uncommon);box-shadow:0 0 10px #4b69ff40}.tier-frame.t-restricted{border-color:var(--r-rare);box-shadow:0 0 10px #8847ff4d}.tier-frame.t-classified{border-color:var(--r-epic);box-shadow:0 0 12px #d32ce64d}.tier-frame.t-covert{border-color:var(--r-legend);box-shadow:0 0 12px #eb4b4b59}.tier-frame.t-rare,.tier-frame.t-knives,.tier-frame.t-gloves,.tier-frame.t-contraband{border-color:var(--r-relic);box-shadow:var(--glow-relic)}.toast{left:50%;bottom:calc(72px + env(safe-area-inset-bottom));background:var(--bg-2);border:1px solid var(--brand);color:var(--tx-0);border-radius:var(--rad-m);opacity:0;z-index:var(--z-modal);box-shadow:var(--glow-brand);pointer-events:none;max-width:90vw;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s;position:fixed;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.case-hrow .case-pick{width:96px;padding:var(--sp-2);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:4px;transition:transform .15s;display:flex}.case-hrow .case-pick:active{transform:scale(.97)}.case-hrow .case-pick img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000080);width:72px;height:54px}.case-hrow .case-pick .nm{color:var(--tx-1);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.case-hrow .case-pick .px{color:var(--r-relic);font-size:11px;font-weight:800}.case-stage{align-items:center;gap:var(--sp-3);padding:var(--sp-4);flex-direction:column;display:flex}.case-stage img.hero{object-fit:contain;filter:drop-shadow(0 8px 24px #ff7a1a59);max-width:160px;max-height:130px}.case-stage .price{color:var(--r-relic);font-size:18px;font-weight:800}.preview-grid{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.preview-item{padding:var(--sp-2);background:var(--bg-1);flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.preview-item img{object-fit:contain;width:56px;height:42px}.preview-item .nm{color:var(--tx-1);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;font-size:10px;overflow:hidden}.odds-row{margin-top:var(--sp-3)}.open-dock{z-index:1;background:linear-gradient(transparent, var(--bg-0) 30%);padding-top:var(--sp-3);position:sticky;bottom:0}.open-dock .dock-controls{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.open-dock .count-row{gap:var(--sp-1);display:flex}.open-dock .count-row .btn-secondary{padding:8px 12px}.reel-frame{padding:var(--sp-3);margin-bottom:var(--sp-3)}.reel-wrap{height:150px;margin:0 0 var(--sp-3);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.reel-pointer{background:var(--r-relic);width:3px;box-shadow:0 0 14px var(--r-relic);z-index:5;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.reel-pointer:before,.reel-pointer:after{content:"";border:7px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.reel-pointer:before{border-top-color:var(--r-relic);top:-2px}.reel-pointer:after{border-bottom-color:var(--r-relic);bottom:-2px}.reel-track{gap:var(--sp-2);will-change:transform;align-items:center;height:100%;padding-left:50%;display:flex}.reel-item{border-radius:var(--rad-m);background:var(--bg-2);border:1px solid var(--bg-3);border-bottom:3px solid var(--c,var(--r-uncommon));flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:relative;overflow:hidden}.reel-item:before{content:"";background:radial-gradient(ellipse at 50% 70%, var(--c,var(--r-uncommon)), transparent 70%);opacity:.18;position:absolute;inset:0}.reel-item img{object-fit:contain;filter:drop-shadow(0 4px 8px #0009);width:108px;height:84px;position:relative}.reel-row{height:128px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.reel-row+.reel-row{margin-top:var(--sp-1)}.reel-wrap.multi{height:auto}.reel-wrap.multi .reel-row{height:100px}.reel-wrap.multi .reel-item{width:90px;height:90px}.reel-wrap.multi .reel-item img{width:76px;height:58px}.case-reveal{align-items:center;gap:var(--sp-2);padding:var(--sp-4);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.case-reveal img.won{object-fit:contain;filter:drop-shadow(0 8px 20px #0009);width:200px;height:150px}.case-reveal .rname{color:var(--tx-0);text-align:center;font-size:17px;font-weight:800}.case-reveal .rsub{letter-spacing:1px;color:var(--tx-2);text-transform:uppercase;font-size:11px;font-weight:700}.case-reveal .rval{color:var(--r-relic);font-size:15px;font-weight:800}.reveal-actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.multi-reveal{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mr-card{padding:var(--sp-2);background:var(--bg-1);flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mr-card img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000080);width:72px;height:54px}.mr-card .n{color:var(--tx-1);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.mr-card .v{color:var(--r-relic);font-size:11px;font-weight:800}.mr-card .btn-secondary{width:100%;padding:6px 10px;font-size:11px}.multi-total{text-align:center;color:var(--tx-1);margin-bottom:var(--sp-2);font-size:13px}.multi-total b{color:var(--r-relic)}.sell-btn[disabled]{opacity:.6;cursor:default}.wheel-wrap{gap:var(--sp-5);flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}#wheel-canvas{aspect-ratio:480/560;border-radius:var(--rad-l);background:var(--bg-1);border:1px solid var(--bg-3);width:min(480px,92vw);height:auto;overflow:hidden}.wheel-side{flex:1;min-width:min(300px,100%);max-width:460px}.round-bar{background:var(--bg-2);height:6px;margin:var(--sp-2) 0;border-radius:3px;overflow:hidden}.round-bar .fill{background:linear-gradient(90deg, var(--brand-soft), var(--brand));height:100%;box-shadow:var(--glow-brand);transition:width 1s linear}.round-bar.spin .fill{animation:1s ease-in-out infinite barPulse;width:100%!important}@keyframes barPulse{50%{opacity:.45}}.round-txt{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--tx-1);margin-bottom:var(--sp-2);font-size:13px;font-weight:700}.round-txt.spin{color:var(--brand)}.boost-slot{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.boost-slot .bs-cap{font-family:var(--font-display);letter-spacing:1.5px;color:var(--brand);font-size:10px;font-weight:700}.boost-slot .bs-cell{min-width:84px;padding:var(--sp-2) var(--sp-3);text-align:center;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:var(--rad-m)}.boost-slot .bs-cell .v{font-family:var(--font-display);color:var(--tx-0);font-size:22px;font-weight:700}.boost-slot .bs-cell.mult .v{color:var(--r-relic)}.boost-slot .bs-cell.pop .v{animation:.4s cubic-bezier(.2,.8,.3,1.4) bsPop}.boost-slot .bs-x{color:var(--tx-3);font-size:18px;font-weight:800}.boost-slot.match{border-color:var(--r-relic);box-shadow:var(--glow-relic)}@keyframes bsPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.bet-grid{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.bet-grid .bet-tile{padding:var(--sp-3) var(--sp-2);text-align:center;cursor:pointer;position:relative;overflow:hidden}.bet-grid .bet-tile:before{content:"";background:var(--seg,var(--bg-3));height:3px;position:absolute;top:0;left:0;right:0}.bet-grid .bet-tile .lab{font-family:var(--font-display);color:var(--tx-0);font-size:15px;font-weight:700}.bet-grid .bet-tile .mult{color:var(--tx-2);font-size:10px}.bet-grid .bet-tile .mybet{color:var(--r-relic);font-size:9px;font-weight:800;position:absolute;top:6px;right:6px}.bet-grid .bet-tile.locked{opacity:.5;pointer-events:none}.bet-grid .bet-tile .pot{color:var(--tx-3);min-height:11px;margin-top:2px;font-size:9px}.wheel-side .hrow{margin-bottom:var(--sp-3);align-items:center}.wheel-side .hrow .lbl{color:var(--tx-2);flex:none;align-self:center;font-size:12px;font-weight:600}.wheel-result{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);animation:.3s resIn;display:none}.wheel-result.show{display:flex}.wheel-result .dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 8px}.wheel-result .rtxt{font-family:var(--font-display);letter-spacing:.5px;color:var(--tx-0);font-size:15px;font-weight:700}.wheel-result .boost{font-family:var(--font-display);color:var(--r-relic);font-size:13px;font-weight:800}@keyframes resIn{0%{opacity:0;transform:translateY(-10px)}}.wheel-hist{margin-top:var(--sp-2)}.feed-wrap{margin-top:var(--sp-4)}.feed-wrap .h-display{margin-bottom:var(--sp-2)}.feed-list{flex-direction:column;display:flex}.feed-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--bg-2);font-size:12px;animation:.25s feedIn;display:flex}.feed-row svg{width:15px;height:15px;color:var(--neon-violet);flex:none}.feed-row .fname{color:var(--tx-1);flex:none;font-weight:700}.feed-row .ftext{color:var(--tx-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feed-row .fval{color:var(--r-relic);flex:none;font-weight:800}@keyframes feedIn{0%{opacity:0;transform:translateY(-6px)}}@media (width<=720px){.wheel-wrap{gap:var(--sp-3);flex-direction:column}.wheel-side{width:100%;max-width:100%}}.battle-lobby{gap:var(--sp-3);padding:var(--sp-4);flex-direction:column;display:flex}.battle-lobby .bl-section{padding:var(--sp-3) var(--sp-3) var(--sp-3)}.battle-lobby .bl-label{letter-spacing:1px;text-transform:uppercase;color:var(--tx-2);margin-bottom:var(--sp-2);font-size:11px;font-weight:700}.bl-case-hrow{padding-bottom:var(--sp-1)}.bl-case-pick{width:88px;padding:var(--sp-2);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:4px;transition:transform .15s;display:flex}.bl-case-pick:active{transform:scale(.97)}.bl-case-pick img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:64px;height:48px}.bl-case-pick .nm{color:var(--tx-1);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.bl-case-pick .px{color:var(--r-relic);font-size:11px;font-weight:800}@media (width<=380px){.battle-start-btn{font-size:13px!important}}.battle-arena{gap:var(--sp-2);padding:var(--sp-2);display:flex}.bplayer{gap:var(--sp-2);min-width:0;padding:var(--sp-3);flex-direction:column;flex:1;display:flex}.ph{margin-bottom:var(--sp-2);flex-direction:column;gap:2px;display:flex}.pn{color:var(--tx-0);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.you{color:var(--brand)}.pt{color:var(--r-relic);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.bpull{padding:var(--sp-2);margin-bottom:var(--sp-1);background:var(--bg-1);flex-direction:column;align-items:center;gap:4px;display:flex}.bpull img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);width:100%;max-width:72px;height:52px}.bpull .pi{width:100%}.bpull .nm{color:var(--tx-1);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.bpull .v{color:var(--r-relic);font-size:11px;font-weight:800}.bplayer.win{border-color:var(--r-relic);box-shadow:var(--glow-relic)}.bplayer.win .pt{color:var(--r-relic)}.win-badge{color:var(--r-relic);margin-bottom:var(--sp-1)}.bplayer.lose{opacity:.55}.battle-banner{padding:var(--sp-3) var(--sp-4);text-align:center;color:var(--tx-1);margin:var(--sp-2) var(--sp-4) 0;font-size:13px;font-weight:700}.battle-result{margin:var(--sp-3) var(--sp-4);padding:var(--sp-4);text-align:center;gap:var(--sp-2);flex-direction:column;align-items:center;display:flex}.battle-result .res-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:20px;font-weight:700}.battle-result .res-title.win{color:var(--r-relic);text-shadow:var(--glow-relic)}.battle-result .res-title.lose{color:var(--tx-2)}.battle-result .res-sub{color:var(--tx-2);font-size:13px}.battle-replay{padding:var(--sp-3) var(--sp-4) var(--sp-6)}.bal-card{align-items:center;gap:var(--sp-3);padding:var(--sp-4);margin-bottom:var(--sp-3);display:flex}.bal-card svg{width:32px;height:32px;color:var(--r-relic);flex:none}.bal-card .bal-info{flex-direction:column;gap:2px;display:flex}.bal-card .amount{font-family:var(--font-display);color:var(--r-relic);font-size:28px;font-weight:700;line-height:1}.bonus-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);display:flex}.bonus-card svg{width:26px;height:26px;color:var(--brand);flex:none}.bonus-card .bonus-body{gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.bonus-card .cd{color:var(--tx-2);font-variant-numeric:tabular-nums;font-size:12px}.inv-section{margin-bottom:var(--sp-4)}.inv-sell-all{width:100%;margin-bottom:var(--sp-3)}.inv-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.inv-cell{padding:var(--sp-2);background:var(--bg-1);flex-direction:column;align-items:center;gap:4px;display:flex}.inv-cell img{object-fit:contain;width:64px;height:48px}.inv-cell .nm{color:var(--tx-1);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.inv-cell .wear-chip{color:var(--tx-2);background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--rad-pill);white-space:nowrap;padding:2px 6px;font-size:9px}.inv-cell .btn-secondary{width:100%;margin-top:2px;padding:6px 4px;font-size:11px}