:root{color-scheme:dark;--bg:#101119;--panel:#191b26;--panel-high:#202330;--line:#2b2e3d;--text:#f4f5fa;--muted:#999eaf;--accent:#ccf66b;--accent-ink:#18200e;--accent-rgb:204,246,107;--sidebar:212px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}body[data-game=dota]{--accent:#ffb579;--accent-ink:#2d180b;--accent-rgb:255,181,121}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--accent)}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg use{pointer-events:none}button svg{pointer-events:none}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-.04em;line-height:1.12}h2{font-size:1.4rem;letter-spacing:-.035em;line-height:1.25}h3{font-size:1.06rem;line-height:1.35}p{line-height:1.6}button,select{transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.09)}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--accent);color:#111;padding:12px}.skip-link:focus{top:16px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#141620;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;padding:0 16px 24px}.brand{display:flex;align-items:center;gap:9px;background:transparent;padding:26px 0 31px;letter-spacing:.04em;text-align:left;font-weight:900;font-size:1.05rem}.brand small{display:block;font-size:.55rem;letter-spacing:.13em;color:#777e91;margin-top:2px;white-space:nowrap}.brand-mark{height:38px;min-width:34px;color:var(--accent);font-size:28px;font-weight:1000;letter-spacing:-8px;line-height:34px;transform:skew(-9deg);padding-right:7px}.brand-mark span{color:#f5f7fd}.side-caption{font-size:.7rem;font-weight:750;color:#666d82;letter-spacing:.14em;margin:7px 10px 14px}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav button{display:flex;align-items:center;gap:12px;padding:14px 13px;border-radius:8px;background:transparent;color:#a1a6ba;font-weight:650;font-size:.9rem;text-align:left;position:relative}.side-nav button.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.03));color:var(--accent)}.side-nav button.active:before{content:"";position:absolute;left:-16px;top:14px;bottom:14px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.side-nav b{font-size:.75rem;margin-left:auto;background:#2e3341;padding:1px 6px;border-radius:4px;color:#c3c8d6}.side-nav b:empty{display:none}.side-daily{margin-top:38px;border:1px solid #363943;border-radius:9px;padding:17px 14px;background:radial-gradient(ellipse at top left,#33412450,transparent 75%)}.side-daily>svg{color:var(--accent);width:26px;height:26px;margin-bottom:10px}.side-daily b{display:block;font-size:.87rem}.side-daily p{font-size:.78rem;color:var(--muted);margin:7px 0 14px}.side-daily button{font-size:.78rem;width:100%;padding:9px 10px}.side-bottom{margin-top:auto;padding:28px 10px 0}.side-bottom p{font-size:.78rem;color:#72798e;line-height:1.7;margin:12px 0 18px}.side-version{font-size:.65rem;color:#4e556a;letter-spacing:.12em}.workspace{margin-left:var(--sidebar);min-width:0}.topbar{height:80px;background:#151721;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 32px;position:sticky;top:0;z-index:10}.game-switch{display:flex;align-items:center;gap:9px;height:100%}.game-tab{font-size:.88rem;font-weight:750;background:none;color:#777f93;display:flex;align-items:center;gap:10px;padding:0 16px;height:100%;position:relative}.game-tab.active{color:#f4f6fb}.game-tab.active:after{content:"";height:3px;position:absolute;bottom:-1px;left:14px;right:14px;background:var(--accent)}.game-glyph{font-weight:1000;font-style:italic;letter-spacing:-.1em;font-size:1.4rem;color:#7e879d}.active .game-glyph{color:var(--accent)}.dota-glyph{font-family:Georgia,serif;letter-spacing:0;font-style:normal}.account-tools{display:flex;align-items:center;gap:14px}.balance-button{display:flex;align-items:center;gap:8px;font-size:.94rem;background:#202330;border:1px solid #313546;border-radius:7px;padding:6px 6px 6px 12px;font-weight:800;white-space:nowrap}.balance-button small{color:#8c92a6;font-size:.75rem}.coin{width:19px;height:19px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:11px;font-weight:900;display:grid;place-items:center}.balance-plus{padding:2px 11px;margin-left:8px;background:var(--accent);color:var(--accent-ink);font-size:1.25rem;border-radius:4px}.profile-button{height:40px;width:40px;background:linear-gradient(145deg,#34334d,#23273d);border:1px solid #5b536f;border-radius:8px;color:#c6b9ff;font-weight:900}.container{max-width:1660px;margin:0 auto;padding:0 32px 20px;min-width:0}.demo-notice{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#9298ab;padding:14px 0}.demo-label{display:inline-block;padding:2px 6px;border:1px solid #414654;border-radius:3px;color:#b1b8cc;font-size:.63rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.view{display:none}.view.active{display:block}.connection{border:1px solid #62562f;color:#d4c9ac;background:#302a1a;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:8px;margin:0 0 18px;padding:12px 16px;font-size:.88rem}.connection a{font-weight:750}.connection .small-btn{padding:6px 10px}#feedback{position:fixed;z-index:100;left:calc(50% + var(--sidebar)/2);bottom:25px;transform:translateX(-50%);padding:14px 20px;background:#2a3041;color:#f5f8ff;border:1px solid #58647d;border-radius:10px;max-width:min(620px,calc(100vw - 30px));box-shadow:0 12px 50px #0008;font-size:.9rem}
.drop-strip{display:flex;gap:8px;min-height:99px;overflow:hidden;margin:0 0 22px}.strip-heading{min-width:116px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#d7dce9;gap:4px}.strip-heading svg{width:19px;color:var(--accent);margin-bottom:1px}.strip-heading span{font-size:.75rem;font-weight:850}.strip-heading small{font-size:.65rem;color:#70788c;max-width:102px}.drop-items{display:flex;gap:7px;overflow:auto;scrollbar-width:none;flex:1;mask-image:linear-gradient(90deg,#000 97%,transparent)}.drop-items::-webkit-scrollbar{display:none}.drop-item{flex:0 0 137px;background:linear-gradient(155deg,#242a3950,#191c28);border:1px solid #282e3e;border-bottom:2px solid var(--rarity,#739bdc);border-radius:5px;position:relative;padding:7px 8px;height:99px;overflow:hidden}.drop-item .item-art{height:61px;width:90px;margin:0 auto}.drop-item b{display:block;font-size:.67rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c4cbdc;font-weight:600}.drop-item small{position:absolute;right:7px;top:5px;font-size:.6rem;color:#a3adbf}.drop-item.epic{background:linear-gradient(150deg,#5a356523,#1a1a28)}.drop-item.rare{background:linear-gradient(150deg,#806b2c30,#211e24)}
.feature-row{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,1fr);gap:18px}.hero{position:relative;min-height:237px;border-radius:12px;border:1px solid #364132;overflow:hidden;background:radial-gradient(ellipse at 76% 52%,#52743750,transparent 65%),linear-gradient(115deg,#242c29,#171c22 60%)}.hero-content{position:relative;z-index:2;padding:27px 30px;width:62%}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:.69rem;font-weight:850}.hero h1{font-size:clamp(1.9rem,3.2vw,3.1rem);margin:10px 0;letter-spacing:-.05em;line-height:1}.hero p{font-size:.88rem;color:#bbc4bd;line-height:1.6;margin:0 0 18px}.hero>img{position:absolute;right:-45px;top:50%;width:340px;height:340px;object-fit:contain;transform:translateY(-50%) rotate(-7deg);mix-blend-mode:screen;opacity:.86;pointer-events:none}.hero-index{position:absolute;right:23px;bottom:16px;color:#9ebc7e70;letter-spacing:.24em;font-weight:700;font-size:.63rem}.hero .primary{padding:11px 16px;font-size:.8rem}.daily-banner{border:1px solid #383349;border-radius:12px;background:radial-gradient(ellipse at 90% 0,#5b326650,transparent 74%),#201c2b;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden}.daily-top{display:flex;justify-content:space-between}.daily-top .eyebrow{color:#c6a0fb}.daily-top>svg{color:#aa80e1;width:26px;height:26px}.daily-banner h2{font-size:1.4rem;line-height:1.2;margin:8px 0 7px;letter-spacing:-.035em}.daily-banner p{color:#a99dbb;font-size:.78rem;margin:0 0 15px}.daily-banner button{margin-top:auto;padding:10px 12px;font-size:.75rem;border-color:#5b426a;justify-content:space-between;color:#dac7ef;background:#3e2a5355}.daily-banner button svg{width:17px}
.primary,.outline,.small-btn,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;text-decoration:none;border-radius:7px;min-height:40px;font-size:.875rem;line-height:1.4}.primary{background:var(--accent);color:var(--accent-ink);padding:12px 20px;border:1px solid var(--accent)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.12)}.outline{background:#20232e;border:1px solid #3a3f51;padding:11px 17px;color:#c6ccdc}.outline:hover:not(:disabled){border-color:#6d7890;background:#2b3040}.small-btn{background:#2b3040;border:1px solid #41495e;padding:9px 13px;color:#dce2ef}.ghost{background:transparent;color:#9ca4b9;padding:8px 11px;border:1px solid transparent}.ghost:hover:not(:disabled){background:#222634;color:#e5e8f0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px}.section-head h1,.section-head h2{margin:0}.section-head p{font-size:.875rem;margin:7px 0 0}.section-head .eyebrow{display:block;margin-bottom:8px}.heading-line{display:flex;align-items:center;gap:12px}.count-badge{border:1px solid #3a4050;background:#242835;color:#a9b2c7;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:750}.section-meta{font-size:.75rem;color:#6f788e}.category-row{border-bottom:1px solid var(--line);margin-bottom:16px}.filters{display:flex;gap:25px;overflow:auto;scrollbar-width:none}.filter{display:flex;align-items:center;gap:7px;position:relative;padding:0 0 15px;color:#919aad;background:none;font-size:.84rem;white-space:nowrap;font-weight:650}.filter.active{color:var(--accent)}.filter.active:after{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background:var(--accent)}.filter svg{width:16px;height:16px}.filter span{font-size:.66rem;color:#7e879a}.catalog-tools{display:flex;align-items:center;gap:13px;background:#181b26;border:1px solid #2b3040;border-radius:8px;padding:13px;margin-bottom:22px}.field{display:flex;gap:10px;align-items:center}.search{min-width:120px;flex:1;background:#121520;border:1px solid #303648;border-radius:6px;padding:9px 11px}.search svg{width:16px;height:16px;color:#748098}.search input{color:#d4dcec;background:transparent;border:0;width:100%;outline:0;font-size:.84rem}.search:focus-within{border-color:var(--accent)}.search input:focus-visible{outline:none}.search input::placeholder{color:#717c92}.price-range{display:flex;align-items:center;gap:8px;color:#75829b;font-size:.75rem}.price-range>span:first-child{color:#a8b1c5}.price-range input{border:1px solid #303648;border-radius:5px;background:#121520;padding:8px;width:53px;font-size:.8rem;color:#d4dcec;-moz-appearance:textfield}.price-range input::-webkit-inner-spin-button{appearance:none}.price-range small{font-size:.64rem}.sort-control select{width:100%;background:#202431;border:1px solid #353c50;border-radius:6px;padding:9px 28px 9px 11px;font-size:.78rem;color:#c0c9dc;min-height:39px}.affordable{display:flex;align-items:center;gap:8px;font-size:.76rem;white-space:nowrap;color:#b1b9cb;cursor:pointer}.affordable input{position:absolute;opacity:0;width:30px;height:20px;cursor:pointer}.switch{width:30px;height:18px;background:#3c4253;border-radius:12px;position:relative;pointer-events:none}.switch:after{content:"";width:12px;height:12px;border-radius:50%;background:#8891a7;position:absolute;top:3px;left:3px;transition:transform .2s,background .2s}.affordable input:checked+.switch{background:rgba(var(--accent-rgb),.22)}.affordable input:checked+.switch:after{background:var(--accent);transform:translateX(12px)}.affordable input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.affordable input:disabled~*{opacity:.5}
.case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.case-card{min-width:0;background:linear-gradient(170deg,#20232f,#181b25);border:1px solid #303544;border-radius:10px;position:relative;overflow:hidden;transition:transform .22s,border-color .22s}.case-card:hover{transform:translateY(-5px);border-color:var(--case-color,#738862)}.card-topline{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0;position:relative;z-index:2}.badge{font-size:.57rem;letter-spacing:.08em;font-weight:800;border:1px solid #424857;color:#afb8cc;border-radius:4px;padding:3px 5px}.case-card[data-tier=premium] .badge{color:#debf91;border-color:#614f3c;background:#6a4c1620}.case-card[data-tier=free] .badge{color:#b7db80;border-color:#415738}.favorite-btn{width:30px;height:30px;display:grid;place-items:center;background:#191d29;border:1px solid #3a4153;border-radius:5px;color:#646f89}.favorite-btn svg{width:15px;height:15px}.favorite-btn.active{color:#e6bc6e;border-color:#796842}.favorite-btn.active svg{fill:#e6bc6e}.card-main{display:block;padding:0;width:100%;text-align:center;background:none;color:inherit}.case-art{position:relative;height:152px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,var(--case-glow,#436e4540),transparent 70%)}.case-art img{width:100%;height:100%;object-fit:contain;transform:scale(1.24);mix-blend-mode:screen;filter:hue-rotate(var(--case-hue,0deg)) saturate(.92);transition:transform .3s}.case-card:hover .case-art img{transform:scale(1.33) rotate(-3deg)}.case-code{position:absolute;left:13px;bottom:4px;font-size:.58rem;font-family:ui-monospace,monospace;color:#63708a;letter-spacing:.1em}.case-content{padding:13px 10px 14px}.case-content h3{font-size:1rem;font-weight:850;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-content p{font-size:.68rem;color:#808ba2;margin:0 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-price{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 5px;background:rgba(var(--accent-rgb),.075);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);border-radius:5px;font-weight:850;font-size:.91rem;min-height:38px}.case-price small{font-size:.62rem;color:#82936a;font-weight:700}.case-footer{display:flex;justify-content:space-between;font-size:.6rem;color:#768198;border-top:1px solid #2a3040;padding:9px 12px}.case-footer b{font-weight:650;color:#a6afc2}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:24px}.empty{text-align:center;grid-column:1/-1;padding:48px 20px}.empty svg{width:34px;height:34px;color:#6c7896;margin-bottom:12px}.empty h3{margin:4px 0 8px}.empty p{color:var(--muted);font-size:.9rem;margin-bottom:20px}.muted{color:var(--muted)}.fine{font-size:.78rem;color:#8e97ae;line-height:1.6}
.item-art{display:block;position:relative;width:100%;height:150px;pointer-events:none;overflow:hidden}.item-sprite{position:absolute;width:140px;height:140px;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url('/tactical-items.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 9px 9px #0007) hue-rotate(var(--item-hue,0deg))}.item-sprite.dota{background-image:url('/fantasy-items.png')}.item-sprite.slot-0{background-position:0 0}.item-sprite.slot-1{background-position:100% 0}.item-sprite.slot-2{background-position:0 100%}.item-sprite.slot-3{background-position:100% 100%}.drop-item .item-sprite{width:75px;height:75px}.common{--rarity:#6e9ad6}.epic{--rarity:#b177e7}.rare{--rarity:#e6b96a}.rarity-name{color:var(--rarity)}.rarity-label{font-size:.63rem;color:var(--rarity);text-transform:uppercase;letter-spacing:.07em}
.detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 -10px 12px}.detail-toolbar .ghost{font-size:.8rem}.detail-toolbar .ghost.active{color:#e6b96a}.detail-toolbar .ghost.active svg{fill:#e6b96a}.detail-heading{display:flex;gap:21px;align-items:center;margin:8px 0 24px}.detail-heading>img{width:100px;height:100px;object-fit:contain;mix-blend-mode:screen;border-radius:10px}.detail-heading h1{font-size:2.15rem;margin:6px 0 8px}.detail-heading p{font-size:.875rem;color:#929cb3;margin:0}.detail-game{margin-left:auto;border:1px solid #3b4253;color:#afbcd2;padding:6px 11px;border-radius:5px;font-size:.76rem;font-weight:700}.opening-panel{padding:20px 0 25px;border:1px solid #363d4e;border-radius:12px;background:radial-gradient(ellipse at center,#28304480,transparent 72%),#161925;overflow:hidden}.opening-top{display:flex;justify-content:space-between;gap:20px;padding:0 23px 21px;font-size:.75rem;color:#74809a}.opening-top>span:first-child{display:flex;gap:8px;align-items:center;color:#a5aec3}.opening-top svg{width:16px;height:16px}.reel{--card-w:180px;width:100%;height:222px;position:relative;overflow:hidden;background:#11142080;border-top:1px solid #2e3547;border-bottom:1px solid #2e3547}.reel:before,.reel:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:14%;pointer-events:none}.reel:before{left:0;background:linear-gradient(90deg,#111420,transparent)}.reel:after{right:0;background:linear-gradient(270deg,#111420,transparent)}.reel-track{height:100%;display:flex;align-items:center;gap:8px;width:max-content;will-change:transform}.reel-card{position:relative;flex:0 0 var(--card-w);height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 36%,#3a486530,transparent 75%),#1b202d;border:1px solid #31394e;border-bottom:3px solid var(--rarity);border-radius:7px;padding:10px;text-align:center;transition:box-shadow .3s}.reel-card .item-art{height:121px}.reel-card .item-sprite{width:123px;height:123px}.reel-card .reel-name{color:#dde4f3;font-size:.75rem;font-weight:750;line-height:1.35;max-width:100%}.reel-card small{font-size:.65rem;color:#76849e;margin-top:5px}.reel-card.epic{background:radial-gradient(ellipse at 50% 40%,#68418035,transparent 80%),#211c30}.reel-card.rare{background:radial-gradient(ellipse at 50% 40%,#85633040,transparent 80%),#282224}.reel-pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;z-index:3;pointer-events:none;background:linear-gradient(#eaf6b445,transparent 45%,#eaf6b445);transform:translateX(-50%)}.reel-pointer:before,.reel-pointer:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;filter:drop-shadow(0 0 8px #def79b60)}.reel-pointer:before{top:0;border-top:14px solid var(--accent)}.reel-pointer:after{bottom:0;border-bottom:14px solid var(--accent)}.reel-card.winner{border:1px solid var(--accent);border-bottom:3px solid var(--accent);box-shadow:0 0 30px rgba(var(--accent-rgb),.16)}.spin-status{font-size:.78rem;text-align:center;color:#9aa7c0;min-height:24px;margin:16px 0 13px}.open-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:0 20px}.open-actions .primary{min-width:224px}.open-actions .ghost{font-weight:600;font-size:.8rem}.open-hint{font-size:.7rem;text-align:center;color:#748199;margin:13px 20px 0}.result{margin:23px 24px 0;padding:18px 24px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),.26);background:rgba(var(--accent-rgb),.035);display:flex;align-items:center;gap:25px}.result .item-art{width:112px;height:95px;flex-shrink:0}.result .item-sprite{width:110px;height:110px}.result-body{flex:1;min-width:0}.result strong{display:block;margin:5px 0 3px;font-size:1.2rem}.result-body small{font-size:.7rem;color:#8d9bb4}.result .actions{display:flex;flex-direction:column;gap:8px;margin:0}.result .actions button{font-size:.75rem;padding:9px 12px}.odds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.prize-card{border:1px solid #32394c;border-bottom:2px solid var(--rarity);border-radius:8px;background:radial-gradient(ellipse at 50% 35%,#3c477331,transparent 80%),#191d2a;position:relative;padding:16px}.prize-card .item-art{height:150px}.prize-card .item-sprite{width:145px;height:145px}.chance{position:absolute;top:13px;right:13px;color:#c8d3e6;font-size:.7rem;background:#292d3b;border:1px solid #3d465c;border-radius:4px;padding:2px 7px}.prize-card h3{font-size:.9rem;margin:7px 0 8px}.prize-card .prize-value{font-size:.8rem;color:#c6cfdf;font-weight:750}.prize-card.epic{background:radial-gradient(ellipse at 50% 30%,#673b7130,transparent 80%),#1e1d2b}.prize-card.rare{background:radial-gradient(ellipse at 50% 30%,#78603435,transparent 80%),#222024}.odds-info{font-size:.875rem;color:#9eaac1;margin-bottom:18px;line-height:1.7}
.inventory-tools{display:flex;gap:13px;margin:0 0 16px}.inventory-tools .search{max-width:400px}.inventory-value{font-size:1.35rem;font-weight:800;color:var(--accent)}.bulk-bar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:15px 17px;background:#1a1f2d;border:1px solid #323b50;border-radius:8px;margin-bottom:22px;font-size:.82rem;color:#a6b2ca}.bulk-bar label{display:flex;align-items:center;gap:9px}.bulk-bar input,.item-select{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.bulk-bar .primary{margin-left:auto;padding:9px 16px;font-size:.8rem}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.item-card{position:relative;border:1px solid #31394e;border-bottom:2px solid var(--rarity);background:#1a1e2b;border-radius:8px;padding:16px;overflow:hidden}.item-card .item-select{position:absolute;left:12px;top:12px;z-index:1}.item-card:has(.item-select:checked){border-color:var(--accent);background:#252d26}.item-card .item-art{height:133px}.item-card .item-sprite{width:126px;height:126px}.item-card small{font-size:.68rem;color:#7988a4}.item-card strong{display:block;font-size:.87rem;margin:6px 0 12px}.item-card .small-btn{font-size:.75rem;width:100%;padding:8px 4px}.item-card .rarity-label{display:block;font-size:.6rem}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat{border:1px solid #31394c;border-radius:10px;background:#1a1e2b;padding:24px;position:relative}.stat>svg{color:#6c7b98;position:absolute;right:23px;top:23px}.stat>span{font-size:.875rem;color:#93a0b8}.stat b{display:block;font-size:2.2rem;margin-top:18px;letter-spacing:-.04em}.stat b small{font-size:.9rem;letter-spacing:0;color:#98a586}.balance-stat{background:linear-gradient(115deg,#283321,#1b2324);border-color:#425239}.balance-stat b,.balance-stat>svg{color:var(--accent)}.wallet-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.wallet-panel>div:first-child{flex:1;min-width:250px}.wallet-panel h2{margin:0 0 7px}.wallet-panel p{font-size:.875rem;margin:0;max-width:560px}.wallet-panel>.fine{font-size:.75rem;max-width:none;width:100%;padding-top:15px;border-top:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap}.entry{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:.875rem}.entry:last-child{border:0}.entry>div{display:flex;align-items:center;gap:14px}.entry svg{width:18px;height:18px;color:#7888a5}.entry small{font-size:.7rem;color:#73819b;display:block;margin-top:4px}.entry b{white-space:nowrap;font-size:.875rem}.entry b.positive{color:var(--accent)}.history-panel{padding:4px 23px}.profile-panel{max-width:760px;padding:30px}.profile-card{display:flex;align-items:center;gap:20px;margin:0 0 27px}.profile-card h2{margin:0 0 8px}.avatar{width:72px;height:72px;background:linear-gradient(145deg,#403753,#252a44);border:1px solid #776285;color:#d0b6ff;border-radius:14px;display:grid;place-items:center;font-size:2rem;font-weight:850}.profile-panel form{display:flex;gap:12px;flex-wrap:wrap}.profile-panel form label{font-size:.875rem;width:100%;font-weight:650}.profile-panel input{flex:1;background:#111622;color:#d6ddec;border:1px solid #3c465c;border-radius:7px;padding:12px;font-size:.875rem;min-width:120px}.profile-panel .fine{margin:13px 0 23px}.profile-notes{border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.profile-notes p{font-size:.82rem;color:#919eb7;margin:0 0 7px}.signout{display:flex;width:max-content;margin-top:20px;padding-left:0;color:#d59f9f}.profile-panel #export-legacy{font-size:.75rem}
footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:42px;border-top:1px solid #272c3a;padding:24px 0;color:#606e87;font-size:.66rem}.footer-brand{font-weight:900;letter-spacing:.06em;color:#8894a9;font-size:.9rem}footer>span:last-child{letter-spacing:.1em}
@media(min-width:1600px){.case-art{height:190px}.case-content{padding:16px}.case-content h3{font-size:1.2rem}.case-content p{font-size:.8rem}.case-footer{font-size:.7rem}.hero>img{right:0;width:370px;height:370px}.hero{min-height:265px}.hero-content{padding:32px}}
@media(max-width:1240px){:root{--sidebar:184px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:.88rem;gap:6px}.brand small{font-size:.48rem}.side-nav button{padding:13px 9px;gap:9px;font-size:.84rem}.side-nav button.active:before{left:-12px}.topbar{padding:0 22px}.container{padding:0 22px 20px}.catalog-tools{flex-wrap:wrap}.search{flex:1 1 200px}.price-range{margin-left:auto}.catalog-tools .sort-control{margin-left:auto}.case-grid{gap:11px}.case-art{height:126px}.case-content h3{font-size:.92rem}.case-footer{font-size:.57rem;padding:8px}.badge{font-size:.52rem}.card-topline{padding:10px 9px 0}.hero>img{right:-77px;width:330px}.hero-content{padding:25px 24px;width:65%}.daily-banner{padding:21px 18px}.daily-banner h2{font-size:1.2rem}.daily-banner button{font-size:.69rem}.section-meta{font-size:.7rem}.odds-grid,.inventory-grid{gap:12px}.prize-card{padding:13px}.prize-card .item-sprite{width:125px;height:125px}.item-card{padding:13px}.item-card .small-btn{font-size:.69rem}}
@media(max-width:1000px){:root{--sidebar:72px}.sidebar{padding:0 12px 20px}.brand{justify-content:center;padding-top:22px}.brand>span:last-child,.side-caption,.side-nav button>span,.side-nav b,.side-daily,.side-bottom{display:none}.brand-mark{font-size:31px}.side-nav button{padding:14px;justify-content:center}.side-nav button svg{width:21px;height:21px}.side-nav button{font-size:0}.side-nav{margin-top:18px}.side-nav button.active:before{left:-12px}.game-tab{font-size:.8rem;padding:0 12px;gap:8px}.game-tab .game-glyph{font-size:1.2rem}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-art{height:165px}.case-content h3{font-size:1.12rem}.case-content p{font-size:.8rem}.case-footer{font-size:.7rem;padding:10px 12px}.badge{font-size:.64rem}.case-price{font-size:1rem}.hero h1{font-size:2.3rem}.feature-row{grid-template-columns:minmax(0,1.7fr) minmax(225px,1fr)}.hero>img{right:-100px}.hero-content{width:75%}.odds-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prize-card .item-sprite{width:155px;height:155px}.section-meta{display:none}.item-card .small-btn{font-size:.8rem}.item-card strong{font-size:1rem}.stat{padding:18px}.stat b{font-size:1.8rem}.stat>svg{display:none}.stat>span{font-size:.78rem}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{inset:auto 0 0;width:100%;height:66px;padding:0 8px;background:#161a26f5;backdrop-filter:blur(14px);border-right:0;border-top:1px solid #323a4d}.brand{display:none}.side-nav{margin:0;display:flex;flex-direction:row;justify-content:space-around;height:100%;gap:0}.side-nav button{padding:7px 6px;flex-direction:column;gap:4px;flex:1;border-radius:0;font-size:.63rem;min-width:0}.side-nav button>span{display:block;font-size:.6rem}.side-nav button svg{width:19px;height:19px}.side-nav button.active:before{inset:0 15px auto;width:auto;height:2px}.workspace{margin:0}.topbar{height:64px;padding:0 14px;gap:5px}.game-switch{gap:0}.game-tab{font-size:0;padding:0 12px;gap:5px}.game-tab .game-glyph{font-size:1.35rem;letter-spacing:-.1em}.game-tab[data-game=dota]:after{left:10px;right:10px}.game-tab .dota-glyph{letter-spacing:0}.game-tab[data-game=cs2]:before{content:"2";font-size:.75rem;position:absolute;right:2px;top:24px;font-weight:900}.account-tools{gap:10px}.balance-button{font-size:.8rem;padding-left:8px;gap:6px}.balance-plus{margin-left:2px;padding:3px 9px}.profile-button{height:35px;width:35px}.container{padding:0 15px 82px}.demo-notice{font-size:.64rem;gap:7px;padding:12px 0;align-items:flex-start}.demo-label{font-size:.56rem;flex-shrink:0}.connection{font-size:.78rem;padding:11px 12px}.drop-strip{min-height:86px;margin-bottom:15px}.strip-heading{min-width:80px}.strip-heading span{font-size:.63rem}.strip-heading small{font-size:.56rem;max-width:72px}.strip-heading svg{width:17px;height:17px}.drop-item{height:86px;flex-basis:118px;padding:6px}.drop-item .item-art{height:50px}.drop-item .item-sprite{width:64px;height:64px}.drop-item b{font-size:.6rem}.drop-item small{font-size:.54rem}.feature-row{grid-template-columns:1fr;gap:12px}.hero{min-height:203px}.hero-content{padding:23px;width:68%}.hero h1{font-size:2.2rem;margin:9px 0 12px}.hero .eyebrow{font-size:.59rem}.hero p{font-size:.78rem;margin-bottom:18px}.hero .primary{padding:10px 12px;font-size:.73rem}.hero>img{width:260px;height:260px;right:-57px}.hero-index{font-size:.55rem;bottom:12px;right:14px}.daily-banner{padding:17px 19px;display:grid;grid-template-columns:1fr auto;gap:0 14px;align-items:center}.daily-top{display:none}.daily-banner h2{font-size:.96rem;line-height:1.3;margin:0 0 5px;grid-column:1}.daily-banner h2 br{display:none}.daily-banner p{font-size:.68rem;margin:0;grid-column:1}.daily-banner button{grid-row:1/3;grid-column:2;max-width:140px;margin:0;font-size:.67rem;padding:9px 10px;gap:8px}.daily-banner button svg{display:none}.section-head{margin:23px 0 18px;gap:10px}.section-head h2{font-size:1.3rem}.section-head h1{font-size:1.8rem}.section-head .ghost{font-size:.7rem;padding:7px;max-width:138px}.section-head p{font-size:.75rem}.filters{gap:24px}.filter{font-size:.78rem;padding-bottom:13px}.filter svg{width:14px;height:14px}.catalog-tools{padding:10px;gap:11px}.catalog-tools .search{width:100%;flex-basis:100%}.search input{font-size:.81rem}.price-range{margin-left:0;gap:6px}.price-range input{width:45px;padding:7px 6px}.price-range>span:first-child{display:none}.price-range small{font-size:.61rem}.catalog-tools .affordable{margin-left:auto;font-size:.68rem}.catalog-tools .sort-control{width:100%;margin:0}.sort-control select{font-size:.78rem}.catalog-tools{margin-bottom:17px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-art{height:139px}.case-content{padding:10px}.case-content h3{font-size:.99rem}.case-content p{font-size:.64rem;margin-bottom:11px}.case-price{font-size:.9rem}.card-topline{padding:10px 10px 0}.badge{font-size:.5rem}.favorite-btn{width:28px;height:28px}.case-footer{font-size:.54rem;padding:8px 10px}.case-code{font-size:.53rem}.case-art img{transform:scale(1.23)}.case-card:hover{transform:none}.detail-toolbar{margin:0 -8px 11px}.detail-toolbar .ghost{font-size:.71rem}.detail-heading{gap:13px;margin-bottom:19px}.detail-heading>img{width:69px;height:69px}.detail-heading .eyebrow{font-size:.59rem}.detail-heading h1{font-size:1.8rem;margin:4px 0 6px}.detail-heading p{font-size:.72rem}.detail-game{display:none}.opening-panel{padding:15px 0 20px}.opening-top{padding:0 15px 15px;font-size:.69rem;gap:10px}.opening-top>span:last-child{font-size:0}.opening-top>span:last-child>span{font-size:1rem;color:#8795b1}.reel{--card-w:145px;height:200px}.reel-card{height:164px;padding:8px}.reel-card .item-art{height:110px}.reel-card .item-sprite{width:114px;height:114px}.reel-card .reel-name{font-size:.69rem}.reel-card small{font-size:.59rem}.reel:before,.reel:after{width:9%}.open-actions{gap:9px;padding:0 14px}.open-actions .primary{min-width:0;flex:1;font-size:.78rem;padding:12px 10px}.open-actions .outline{font-size:.75rem;padding:12px}.open-actions .ghost{width:100%;font-size:.72rem;min-height:30px;padding:4px}.open-hint{font-size:.65rem;margin:10px 16px 0}.spin-status{font-size:.71rem;margin:15px 0 12px}.result{margin:19px 13px 0;padding:15px;gap:10px;flex-wrap:wrap}.result .item-art{width:72px;height:72px}.result .item-sprite{width:79px;height:79px}.result strong{font-size:1rem}.result .actions{flex-direction:row;width:100%;margin-top:10px}.result .actions button{flex:1;font-size:.67rem}.odds-grid,.inventory-grid{gap:11px}.prize-card{padding:12px}.prize-card .item-art{height:128px}.prize-card .item-sprite{width:115px;height:115px}.prize-card h3{font-size:.77rem;min-height:32px;margin:6px 0}.prize-card .prize-value{font-size:.74rem}.chance{font-size:.6rem;top:10px;right:10px}.rarity-label{font-size:.56rem}.odds-info{font-size:.78rem;padding:18px}.inventory-tools{flex-wrap:wrap}.inventory-tools .search{flex:1 1 100%}.inventory-tools .sort-control{width:100%}.inventory-value{font-size:1.1rem}.bulk-bar{font-size:.73rem;gap:10px;padding:12px}.bulk-bar .primary{width:100%;margin-left:0;font-size:.76rem}.bulk-bar>span{margin-left:auto;font-size:.67rem}.item-card{padding:12px}.item-card .item-art{height:115px}.item-card .item-sprite{width:114px;height:114px}.item-card strong{font-size:.77rem;min-height:32px}.item-card small{font-size:.59rem}.item-card .small-btn{font-size:.63rem;min-height:37px}.statrow{grid-template-columns:1fr 1fr;gap:12px}.stat:first-child{grid-column:1/-1}.stat{padding:18px}.stat b{font-size:2rem;margin-top:12px}.stat:first-child b{font-size:2.5rem}.stat>span{font-size:.8rem}.wallet-panel{padding:19px}.wallet-panel .actions{width:100%}.wallet-panel .actions button{flex:1;padding:11px 9px;font-size:.75rem}.wallet-panel h2{font-size:1.2rem}.wallet-panel p{font-size:.78rem}.wallet-panel>.fine{font-size:.7rem}.history-panel{padding:0 14px}.entry{font-size:.72rem;gap:8px;padding:14px 0}.entry>div{gap:9px}.entry small{font-size:.61rem}.entry b{font-size:.72rem}.entry svg{width:16px;height:16px}.profile-panel{padding:21px}.profile-panel form .primary{width:100%}.profile-panel .profile-notes p{font-size:.75rem}.profile-panel .fine{font-size:.69rem}#feedback{left:50%;bottom:80px;font-size:.8rem}footer{margin-top:30px;padding:21px 0;gap:9px;font-size:.59rem}footer>span:nth-child(2){order:3;width:100%}footer>span:last-child{margin-left:auto}.footer-brand{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Readable controls and compact catalog presentation. */
.filter,.catalog-tools .search input,.catalog-tools select,.price-range,.affordable{font-size:.875rem}
.case-content p,.case-footer,.badge,.prize-card .rarity-label,.rarity-label{font-size:.75rem}
.hero-content{padding-top:22px;padding-bottom:22px}.hero h1{font-size:clamp(1.9rem,3.1vw,2.8rem);margin:7px 0 9px}.hero p{margin-bottom:15px;line-height:1.5}.hero{min-height:210px}.daily-banner{padding-top:20px;padding-bottom:20px}
.item-sprite.slot-3:not(.dota){clip-path:inset(0 0 0 6%)}
@media(max-width:1240px){.price-range>span:first-child{display:none}.case-content p{font-size:.75rem}.case-footer{font-size:.67rem}.badge{font-size:.65rem}}
@media(max-width:700px){.hero{min-height:190px}.hero-content{padding:20px;width:71%}.hero h1{font-size:2rem}.hero p{font-size:.8rem}.hero>img{right:-73px}.hero .primary,.daily-banner button,.open-actions .primary,.open-actions .outline,.prize-card h3,.item-card strong,.inventory-tools select,.inventory-tools input{font-size:.875rem}.daily-banner button{max-width:154px;font-size:.75rem}.case-content p{font-size:.75rem;white-space:normal;min-height:36px;line-height:1.4}.case-content h3{font-size:1rem}.case-footer{font-size:.65rem}.badge{font-size:.61rem}.prize-card .rarity-label{font-size:.67rem}.item-card .small-btn{font-size:.75rem}.side-nav button>span{font-size:.75rem}.affordable{font-size:.8rem}.sort-control select{font-size:.875rem}}

/* Collection catalog: themed cards and clearly separated series. */
.hero-meta{font-size:.875rem;color:#acbba8;margin:0 0 17px}
.catalog-sections{display:block}.catalog-group+.catalog-group{margin-top:38px}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:23px 0 17px}
.collection-heading>div{display:flex;align-items:center;gap:11px;min-width:0}
.collection-heading h3{font-size:1.2rem;margin:0;letter-spacing:-.025em}
.collection-index{font-size:.75rem;font-weight:800;color:var(--accent);padding:4px 7px;border:1px solid #414b3c;border-radius:4px}
.collection-total{font-size:.75rem;color:#8d96ab}
.collection-heading p{color:#939bb0;font-size:.875rem;margin:0;text-align:right}
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.case-card{background:linear-gradient(165deg,#222633,#161923);border-color:#343b4b}
.case-card:hover{border-color:var(--case-color);box-shadow:0 12px 35px #0003}
.case-card[data-tier=premium]{background:linear-gradient(165deg,#282635,#1b1a25)}
.case-visual{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 80%,var(--case-glow),transparent 72%);isolation:isolate}
.cover-letter{position:absolute;left:15px;top:1px;font-size:78px;font-weight:950;line-height:1;color:var(--case-color);opacity:.1;letter-spacing:-.09em;pointer-events:none}
.cover-crate{position:absolute;width:195px;height:195px;object-fit:contain;left:-5px;bottom:-39px;opacity:.75;mix-blend-mode:screen;filter:hue-rotate(var(--case-hue));transform:rotate(-9deg);transition:transform .25s}
.cover-feature{display:block;position:absolute;right:0;top:-12px;width:82%;height:170px;filter:drop-shadow(0 6px 12px #0007);transition:transform .25s}
.cover-feature .item-art{height:180px;overflow:visible}.cover-feature .item-sprite{width:170px;height:170px}
.case-card:hover .cover-feature{transform:translateY(-5px) rotate(3deg)}
.case-card:hover .cover-crate{transform:rotate(-5deg) translateY(-2px)}
.cover-series{position:absolute;bottom:8px;right:12px;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--case-color);opacity:.75}
.case-content{text-align:left;padding:14px 17px 17px}
.case-content h3{font-size:1.14rem;line-height:1.3;margin-bottom:7px;color:#f1f3f9}
.case-content p{font-size:.875rem;line-height:1.45;color:#a0a8bb;min-height:41px;white-space:normal;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.case-price{display:flex;gap:6px;align-items:center;font-size:1.05rem;font-weight:800;color:var(--case-color);background:#11141d;padding:9px 11px;border:1px solid #333a48;border-radius:6px}
.card-open-arrow{margin-left:auto;font-size:1.15rem;opacity:.8}.case-price small{font-size:.75rem;font-weight:600}
.case-footer{font-size:.75rem;gap:7px;padding:10px 16px;flex-wrap:wrap;color:#96a1b6}.case-footer b{color:#ccd3e1;font-weight:600}
.badge{font-size:.7rem}.card-topline{position:relative;z-index:2}
.detail-summary{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.875rem;color:#a6afc1;margin:0 0 22px}
.detail-summary>span{border-left:2px solid #3d495e;padding-left:10px}
.odds-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px;font-size:.875rem;color:#9da9bf}
.related-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.related-case{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;padding:18px;text-align:left;background:#1d2230;border:1px solid #343d52;border-radius:8px}
.related-case>span{font-size:.95rem;font-weight:750}.related-case>small{font-size:.875rem;color:#b3bed3;grid-column:1}.related-case>svg{grid-column:2;grid-row:1/3;color:#8794ad}
@media(min-width:1550px){.case-visual{height:215px}.cover-feature{right:5%;top:-3px}.cover-feature .item-sprite{width:190px;height:190px}.cover-crate{left:8px;width:215px;height:215px}}
@media(max-width:1200px){.collection-grid{gap:12px}.case-content{padding:12px}.case-visual{height:155px}.cover-feature{height:145px;top:-9px}.cover-feature .item-art{height:145px}.cover-feature .item-sprite{width:145px;height:145px}.cover-crate{width:160px;height:160px;bottom:-32px;left:-16px}.case-content h3{font-size:1rem}.case-footer{padding:9px 12px}.collection-heading p{max-width:240px}}
@media(max-width:950px){.collection-grid,.related-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.case-visual{height:180px}.cover-feature .item-art{height:180px}.cover-feature .item-sprite{width:175px;height:175px}.cover-crate{width:185px;height:185px;left:5px}.cover-feature{width:80%;right:4%}.collection-heading p{font-size:.8rem}.hero-meta{font-size:.75rem}}
@media(max-width:600px){.collection-heading{align-items:flex-start;flex-direction:column;gap:6px}.collection-heading h3{font-size:1.1rem}.collection-heading p{text-align:left;max-width:none;margin-left:39px;font-size:.8rem}.catalog-group+.catalog-group{margin-top:29px}.collection-grid{gap:10px}.case-visual{height:149px}.cover-letter{font-size:62px;left:10px}.cover-feature{right:-8px;top:-3px;width:100%;height:140px}.cover-feature .item-art{height:140px}.cover-feature .item-sprite{width:137px;height:137px}.cover-crate{left:-19px;width:150px;height:150px;bottom:-27px}.cover-series{font-size:.55rem;right:8px}.case-content{padding:12px 10px}.case-content p{font-size:.875rem;min-height:61px;-webkit-line-clamp:3}.case-price{font-size:.93rem;padding:8px;gap:4px}.case-price small{font-size:.7rem}.case-footer{flex-direction:column;gap:2px;padding:9px 10px;font-size:.75rem}.badge{font-size:.65rem}.hero-meta{font-size:.75rem;max-width:180px;margin-bottom:13px}.hero-content{width:75%}.hero{min-height:226px}.detail-summary{gap:8px;font-size:.75rem}.detail-summary>span:last-child{width:100%}.odds-toolbar{align-items:flex-start;flex-direction:column;font-size:.875rem}.odds-toolbar .sort-control{width:100%}.related-cases{gap:10px}.related-case{padding:13px}.related-case>span{font-size:.875rem}.related-case>small{font-size:.8rem}.related-case>svg{width:16px}}
/* Opening feedback: short reveal, no flashing or full-screen effects. */
.sound-controls{display:flex;justify-content:center;margin:0 0 10px}.sound-controls .ghost{font-size:14px;min-height:44px;border:1px solid var(--line);padding:8px 16px;border-radius:8px}.sound-controls [aria-pressed=true]{color:var(--accent)}
.result-reveal{animation:result-arrive .45s ease-out}.opening-panel[data-result-rarity=rare]{border-color:#bd9452;box-shadow:0 0 35px #ce994419}.opening-panel[data-result-rarity=epic]{border-color:#8354ad}.result.rare{background:radial-gradient(ellipse at 5% 50%,#a76b292d,transparent 70%),#1c202b}.result.rare .item-art{animation:rare-arrive .9s ease-out}.result.rare .result-body strong{color:#f7da9c}
@keyframes result-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rare-arrive{from{opacity:.25;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.result-reveal,.result.rare .item-art{animation:none}}
.collection-cover{position:absolute;display:block;left:50%;top:50%;width:90%;max-width:225px;aspect-ratio:1;transform:translate(-50%,-50%);background-repeat:no-repeat;filter:drop-shadow(0 12px 16px #0005);transition:transform .25s}.case-card:hover .collection-cover{transform:translate(-50%,-52%) scale(1.03)}
.detail-cover{display:block;width:100px;height:100px;flex:0 0 100px;background-repeat:no-repeat}.hero-cover{position:absolute;right:-20px;top:50%;width:320px;height:320px;transform:translateY(-50%);background-repeat:no-repeat;pointer-events:none;opacity:.9}
.item-sprite.skin-v10{background-image:url('/item-skins-v10.png');background-size:400% 200%}.item-sprite.skin-v10.slot-0{background-position:0 0}.item-sprite.skin-v10.slot-1{background-position:33.3333% 0}.item-sprite.skin-v10.slot-2{background-position:66.6667% 0}.item-sprite.skin-v10.slot-3{background-position:100% 0;clip-path:none}.item-sprite.skin-v10.dota.slot-0{background-position:0 100%}.item-sprite.skin-v10.dota.slot-1{background-position:33.3333% 100%}.item-sprite.skin-v10.dota.slot-2{background-position:66.6667% 100%}.item-sprite.skin-v10.dota.slot-3{background-position:100% 100%}
@media(max-width:600px){.collection-cover{width:96%}.detail-cover{width:70px;height:70px;flex-basis:70px}.hero-cover{width:210px;height:210px;right:-35px;opacity:.66}.sound-controls{margin-bottom:10px}.sound-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.collection-cover{transition:none}}
.collection-feature{position:absolute;right:0;bottom:6px;width:40%;max-width:105px;height:100px;filter:drop-shadow(0 5px 8px #0008)}.collection-feature .item-art{height:100px}.collection-feature .item-sprite{width:100px;height:100px}
@media(max-width:600px){.collection-feature{height:80px;bottom:10px}.collection-feature .item-art{height:80px}.collection-feature .item-sprite{width:78px;height:78px}}
/* Seven game catalog and source-backed reference prices. */
.top-brand{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:950;font-size:1.6rem;text-decoration:none;letter-spacing:-.06em}.top-brand span{color:#f2f4fa;font-size:.875rem;letter-spacing:.09em}
.game-switch{height:auto;display:flex;gap:8px;padding:20px 0 4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c576c transparent;max-width:100%}
.game-tab{height:auto;min-height:55px;flex-shrink:0;padding:11px 14px;gap:9px;border:1px solid #323b4b;border-radius:9px;background:#191d28;color:#a6afc2;font-size:.875rem;white-space:nowrap}
.game-tab.active{background:#252d36;border-color:var(--game-color);color:#f2f5fa}.game-tab:before,.game-tab:after{display:none!important}.game-tab .game-glyph,.game-tab .dota-glyph{color:var(--game-color);font-size:1rem;letter-spacing:-.04em;min-width:24px;transform:none;background:none}
.game-tab:hover{background:#29313f}.game-tab:focus-visible{outline:2px solid var(--game-color);outline-offset:2px}
.price-explainer{border:1px solid #374254;background:#1b2330;border-radius:8px;padding:15px 18px;margin:0 0 18px;font-size:.875rem;line-height:1.5;color:#b7c5d8}.price-explainer p{margin:0 0 6px;color:#e0e8f5}.price-explainer>span{font-size:.8rem;color:#a5b1c5}
.item-art.actual-art{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;overflow:hidden}.item-art.actual-art img{display:block;object-fit:contain;width:100%;height:100%;max-height:inherit;filter:drop-shadow(0 6px 12px #0004);border-radius:6px}
.prize-card .actual-art,.item-card .actual-art{height:160px}.reel-card .actual-art{height:130px}.drop-item .actual-art{height:65px}.result>.actual-art{flex:0 0 110px;width:110px;height:110px}.collection-feature .actual-art{height:100%;width:100%}.portrait-art img{object-position:center 27%}.text-art{display:grid;place-items:center;font-size:2rem;font-weight:800;color:#a3b1c8}
.market-price{display:flex;flex-direction:column;gap:5px;padding:13px 0 11px;border-top:1px solid #353e50;margin-top:12px;min-width:0;font-size:.75rem;line-height:1.4;text-align:left;color:#9eabc1;overflow-wrap:anywhere}.market-price b{color:#eaf3ff;font-size:1.1rem;line-height:1.35}.market-price b span{font-size:.8rem;color:#b9ccea;font-weight:600}.market-price a{color:#b9d5ff;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.market-price time,.market-price em,.market-price small{font-size:.75rem;font-style:normal}.market-price em{color:#efc685}.market-price .price-missing{font-size:.875rem;color:#bbc4d5;font-weight:500}.prize-card .prize-value{display:block;margin-top:5px;font-size:.8rem;color:#a9b6c9}.prize-card h3{font-size:.95rem;line-height:1.4;min-height:3.9em;overflow-wrap:anywhere}.item-card strong{overflow-wrap:anywhere}.item-card .market-price b{font-size:1rem}.item-card .small-btn{margin-top:12px}.result .market-price{margin-top:10px;padding-bottom:0}.result .market-price b{font-size:1rem}
.demo-notice{font-size:.8rem;line-height:1.5}.hero-copy{line-height:1.5}footer>span:nth-child(2){max-width:590px;line-height:1.6}
@media(max-width:700px){.topbar{height:64px}.top-brand{font-size:1.4rem}.top-brand span{font-size:.75rem}.game-switch{padding-top:15px;padding-bottom:8px;gap:7px}.game-tab{padding:9px 11px;min-height:48px;font-size:.8rem}.game-tab .game-glyph{font-size:.875rem;min-width:20px}.demo-notice{font-size:.75rem}.prize-card .actual-art,.item-card .actual-art{height:125px}.reel-card .actual-art{height:103px}.drop-item .actual-art{height:50px}.result>.actual-art{flex-basis:72px;width:72px;height:72px}.prize-card h3{font-size:.875rem;min-height:4.2em}.market-price{gap:5px}.market-price b{font-size:1rem}.price-explainer{padding:13px;font-size:.875rem}.collection-feature .actual-art{height:80px}.hero-meta{font-size:.75rem}.hero-copy{font-size:.875rem}}
@media(max-width:380px){.odds-grid,.inventory-grid{grid-template-columns:1fr}.prize-card .actual-art,.item-card .actual-art{height:175px}.prize-card h3{min-height:0}.account-tools{gap:5px}.top-brand span{display:none}}
/* Language, reference currency and game reward details. */
.site-preferences{display:flex;align-items:center;gap:10px;margin-left:auto}.site-preferences label{display:flex;align-items:center;gap:7px;color:#aab5c9;font-size:.75rem;white-space:nowrap}.site-preferences select{background:#222938;color:#f1f5fb;border:1px solid #435068;border-radius:6px;padding:9px 7px;min-height:40px;font-size:.875rem}.site-preferences select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fx-note{font-size:.75rem;color:#adbad1;line-height:1.6;margin:0 0 18px}.fx-note a{color:#bad6ff;text-decoration:underline;text-underline-offset:3px}.market-price .original-price{font-size:.75rem;color:#a8b8cb}.reward-kind{display:inline-block;font-size:.75rem;color:#cad8eb;background:#2c364a;padding:3px 7px;border-radius:4px;margin:3px 0 7px}.reward-context{font-size:.875rem;line-height:1.6;color:#b8c8de;border-left:2px solid var(--accent);padding-left:14px;margin-bottom:20px}.reward-context strong{display:block;font-size:.9rem;color:#e5edf7;margin-bottom:3px}.reward-context a{color:#bad6ff;text-decoration:underline}.item-obtain{font-size:.75rem;color:#aab8ce;line-height:1.45;margin:7px 0}.item-obtain a{color:#bad6ff}.prize-card .rarity-label{font-size:.75rem}.item-card .reward-kind{margin-top:8px}.demo-notice{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1050px){.site-preferences label>span{display:none}.top-brand>span{display:none}}
@media(max-width:600px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 15px;gap:10px}.site-preferences{order:3;width:100%;justify-content:flex-end;border-top:1px solid #303a4b;padding-top:9px}.site-preferences label>span{display:inline}.site-preferences select{min-height:36px;padding:6px}.account-tools{margin-left:auto}.top-brand>span{display:inline}.market-price{font-size:.75rem}.reward-context{font-size:.875rem}}
/* Touch controls: avoid iOS focus zoom and preserve tap targets. */
@media(max-width:700px){input,select,.site-preferences select,.catalog-tools .search input,.catalog-tools select,.inventory-tools input,.inventory-tools select,.sort-control select,.price-range input,.profile-panel input{font-size:16px}.site-preferences select,.sound-controls button,.item-card .small-btn,.filter,.favorite-btn{min-height:44px}.site-preferences{flex-wrap:wrap}.site-preferences label{min-width:0}.result-body{min-width:0}.result-body strong{overflow-wrap:anywhere}.open-actions{flex-wrap:wrap}.wallet-panel .actions{flex-wrap:wrap}.profile-panel form{min-width:0}}

@media(max-width:700px){.favorite-btn{min-width:44px}}