@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700;800&display=swap");
:root{color-scheme:dark;--bg:#090a0b;--panel:#151719;--panel2:#1d2022;--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.2);--text:#f3f1eb;--muted:#959a9b;--quiet:#62696c;--orange:#ff623d;--lime:#a8f46b;--blue:#72c5ff;--violet:#bf88ff;--gold:#f3c367;--display:"Unbounded","Arial Black",sans-serif;--body:"Manrope",Inter,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--max:1260px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:500 13px/1.5 var(--body)}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:var(--bg)}[hidden]{display:none!important}
.skip-link{position:fixed;z-index:60;top:6px;left:6px;padding:10px 14px;transform:translateY(-150%);background:var(--lime);color:var(--bg);font-weight:800}.skip-link:focus{transform:none}.symbols{position:absolute;width:0;height:0;overflow:hidden}
.notice{display:flex;min-height:31px;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #ffffff0e;background:#0d0e0f;color:#a9acab;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.notice>i,.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.notice strong{color:var(--lime)}.notice button{padding:0;border:0;background:none;color:var(--text);cursor:pointer;font:inherit}.notice button:hover{color:var(--orange)}
.header{position:sticky;z-index:25;top:0;display:flex;height:70px;align-items:center;gap:34px;padding:0 max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:#090a0bf5;backdrop-filter:blur(16px)}.brand{display:flex;flex:none;align-items:center;gap:9px}.brand>svg{width:34px;height:34px;color:var(--orange)}.brand>span{font:800 16px/.9 var(--display);letter-spacing:-.09em}.brand>span>span{color:var(--orange)}
.nav{display:flex;height:100%;align-items:stretch;gap:5px}.nav button{position:relative;min-width:74px;padding:0 11px;border:0;background:transparent;color:#a5a8a9;cursor:pointer;font-size:11px;font-weight:800}.nav button:after{position:absolute;right:14px;bottom:0;left:14px;height:2px;transform:scaleX(0);background:var(--orange);content:"";transition:transform .2s}.nav button:hover,.nav button.active{color:var(--text)}.nav button.active:after{transform:scaleX(1)}.head-right{display:flex;align-items:center;gap:11px;margin-left:auto}.balance{display:grid;gap:1px;min-width:82px;padding:5px 9px;border:1px solid var(--line);background:#111315}.balance small{color:var(--muted);font:7px var(--mono);letter-spacing:.08em}.balance b{font-size:11px}.balance i{color:var(--lime);font:500 7px var(--mono);font-style:normal}.steam-button{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line2);background:#191c1e;color:var(--text);cursor:pointer;font-size:9px;font-weight:800}.steam-button:hover{border-color:var(--orange)}.steam-button span{font-size:15px}.hamburger{display:none;width:39px;height:35px;align-content:center;justify-content:center;gap:5px;border:1px solid var(--line);background:transparent}.hamburger i{width:16px;height:2px;background:var(--text)}.mobile-menu{position:absolute;z-index:24;top:102px;right:10px;left:10px;padding:6px;border:1px solid var(--line2);background:#111315;box-shadow:0 18px 40px #000}.mobile-menu button{min-height:43px;padding:0 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.ticker{display:flex;height:48px;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#0f1112}.ticker>strong{display:flex;flex:0 0 150px;align-items:center;gap:7px;padding-left:max(13px,calc((100vw - var(--max))/2));font:8px var(--mono);letter-spacing:.07em;white-space:nowrap}.ticker>strong i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}.ticker>strong small{color:var(--quiet);font:7px var(--mono)}.ticker-track{display:flex;min-width:0;align-items:center;overflow:hidden}.ticker-track>span{display:flex;height:28px;flex:0 0 180px;align-items:center;gap:7px;padding:0 12px;border-left:1px solid var(--line);color:#dedcd5;font-size:8px;font-weight:800;white-space:nowrap}.ticker-track>span small{color:var(--muted);font:7px var(--mono)}.ticker-track>span em{margin-left:auto;color:var(--quiet);font:7px var(--mono);font-style:normal}.ticker-track .weapon{width:49px;height:23px}.ticker-note{flex:0 0 150px;padding-right:max(12px,calc((100vw - var(--max))/2));color:var(--quiet);font:7px var(--mono);text-align:right;white-space:nowrap}
.weapon{display:grid;place-items:center;color:var(--orange)}.weapon svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 4px #0008)}.weapon--blue{color:var(--blue)}.weapon--purple{color:var(--violet)}.weapon--lime{color:var(--lime)}.weapon--pink{color:#ed7fae}.weapon--orange{color:var(--orange)}
.shell{width:min(var(--max),calc(100% - 60px));margin-inline:auto}.screen{display:none;min-height:60vh;animation:enter .22s ease both}.screen.active{display:block}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:11px;padding:0 15px;border:1px solid transparent;cursor:pointer;font-size:10px;font-weight:800;transition:transform .16s,background .16s,border-color .16s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:none}.btn b{font-size:13px}.btn.lime{background:var(--lime);color:#0b0c0b;box-shadow:0 4px 20px #a8f46b1c}.btn.lime:hover{background:#c1ff8b;box-shadow:0 7px 24px #a8f46b38}.btn.outline{border-color:var(--line2);background:#0e101180;color:var(--text)}.btn.outline:hover{border-color:var(--text);background:#ffffff0a}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font:8px var(--mono);letter-spacing:.09em}.eyebrow i{width:17px;height:2px;background:var(--orange)}.eyebrow b{color:var(--orange);font-weight:500}
.hero{display:grid;min-height:432px;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:29px 0}.hero-copy{position:relative;z-index:2;padding-left:12px}.hero h1,.page-heading h1,.detail-heading h1{margin:16px 0 14px;font:800 clamp(32px,4.1vw,54px)/1.18 var(--display);letter-spacing:-.09em}.hero h1 span,.page-heading h1 span,.detail-heading h1 span{color:var(--orange)}.hero-copy>p{max-width:440px;margin:0;color:#a8acad;font-size:12px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-meta{display:flex;align-items:center;gap:11px;margin-top:25px;color:var(--muted);font:7px var(--mono);letter-spacing:.06em}.hero-meta span:first-child{display:flex;align-items:center;gap:7px;color:#b9bbb6}.hero-meta i{width:5px;height:5px}.hero-meta>b{width:20px;height:1px;background:#494c4c}
.hero-stage{position:relative;display:grid;height:370px;place-items:center;overflow:hidden;isolation:isolate;border:1px solid var(--line2);background:radial-gradient(ellipse at 57% 52%,#ff603d48,transparent 38%),linear-gradient(132deg,#251a16,#171313 48%,#111516)}.stage-grid{position:absolute;z-index:-1;inset:0;opacity:.19;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 34%,#000 93%,transparent)}.stage-halo{position:absolute;top:35px;right:14%;width:216px;height:216px;border:1px solid #ff623d66;border-radius:50%;background:radial-gradient(circle,#ff815036,transparent 68%);box-shadow:0 0 80px #ff623d22}.orbit{position:absolute;width:420px;height:96px;transform:rotate(-22deg);border:1px solid #ff8c5070;border-radius:50%}.stage-top{position:absolute;top:14px;right:15px;left:15px;display:flex;justify-content:space-between;color:#aaa8a2;font:7px var(--mono);letter-spacing:.09em}.mascot{position:absolute;z-index:2;bottom:-8px;left:50%;width:min(88%,390px);height:94%;object-fit:contain;object-position:center bottom;transform:translateX(-47%);filter:drop-shadow(0 15px 25px #0008)}.callout{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff36;background:#101213d9;color:var(--text);font:7px/1.45 var(--mono);box-shadow:0 8px 17px #0005}.callout-left{top:92px;left:17px}.callout-left>b{color:var(--orange);font-size:17px}.callout-right{right:18px;bottom:76px}.callout-right>i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.sticker{position:absolute;z-index:4;top:56px;right:45px;display:grid;width:56px;height:56px;place-content:center;transform:rotate(9deg);background:var(--lime);color:#0a0a0a;font:800 10px/.94 var(--display);text-align:center;box-shadow:0 7px 23px #a8f46b33}.sticker b{margin-top:3px;font:700 10px var(--body)}.stage-caption{position:absolute;right:0;bottom:0;left:0;display:flex;height:32px;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid var(--line);background:#090a0bdc;color:#aaa;font:7px var(--mono);letter-spacing:.08em}.stage-caption>b{color:var(--text);font-weight:500}.stage-caption i{color:var(--orange);font-style:normal}
.promise{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:14px;overflow:auto;padding:0 12px;border:1px solid var(--line);background:#111315;color:#afb1ad;font:7px var(--mono);letter-spacing:.07em;white-space:nowrap;scrollbar-width:none}.promise::-webkit-scrollbar{display:none}.promise>i{color:var(--orange);font-style:normal}.promise>strong{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:500}.promise>strong b{display:grid;width:21px;height:21px;place-items:center;background:var(--orange);color:var(--bg);font:800 10px var(--display)}
.cases-section{padding:71px 0 68px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:19px}.section-heading h2{margin:9px 0 0;font:700 clamp(21px,2.6vw,33px)/1.2 var(--display);letter-spacing:-.08em}.section-heading h2 span{color:var(--orange)}.section-heading>p{margin:0 0 3px;color:var(--muted);font-size:9px;line-height:1.7;text-align:right}.filters{display:flex;gap:6px;margin-bottom:12px}.filters button{display:inline-flex;min-height:30px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);background:#111315;color:#aeb0aa;cursor:pointer;font-size:8px;font-weight:800}.filters button small{color:var(--quiet);font:7px var(--mono)}.filters button.selected,.filters button:hover{border-color:var(--lime);background:#a8f46b10;color:var(--lime)}
.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.case-card{min-width:0;padding:9px;border:1px solid var(--line);background:var(--panel);transition:transform .2s,border-color .2s,box-shadow .2s}.case-card:hover{transform:translateY(-4px);border-color:#ffffff45;box-shadow:0 17px 30px #0005}.case-card[hidden]{display:none}.case-top{display:flex;min-height:17px;align-items:center;justify-content:space-between}.case-tag,.case-id{font:7px var(--mono);letter-spacing:.05em}.case-tag{display:flex;align-items:center;gap:5px;color:var(--case)}.case-tag i{width:5px;height:5px;border-radius:50%;background:currentColor}.case-id{color:var(--quiet)}
.case-art{position:relative;display:grid;height:185px;place-items:center;overflow:hidden;isolation:isolate;margin:8px 0 10px;background:radial-gradient(ellipse at center,var(--glow),transparent 62%),linear-gradient(135deg,#ffffff06,transparent)}.case-art:before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:26px 26px;opacity:.5;mask-image:radial-gradient(ellipse,#000 15%,transparent 78%);content:""}.case-art:after{position:absolute;z-index:-1;width:95px;height:95px;border:1px solid var(--case);border-radius:50%;box-shadow:0 0 36px var(--glow),inset 0 0 24px var(--glow);opacity:.65;content:""}.crate{position:relative;width:144px;height:135px;transform:rotate(-10deg) skewY(3deg);filter:drop-shadow(0 16px 12px #0008);transition:transform .3s}.case-card:hover .crate{transform:translateY(-5px) rotate(-7deg) skewY(3deg)}.crate:before{position:absolute;top:0;left:17px;width:112px;height:37px;transform:skewY(-21deg);border:1px solid #ffffff55;background:linear-gradient(145deg,var(--crateTop),var(--crateSide));content:""}.crate:after{position:absolute;top:32px;left:17px;width:110px;height:87px;border:1px solid #ffffff44;background:linear-gradient(90deg,var(--crateFront) 0 72%,var(--crateSide) 72% 100%);content:""}.crate i{position:absolute;z-index:1;top:47px;left:38px;width:48px;height:56px;border:1px solid #ffffff65;background:linear-gradient(145deg,#0b0d0d88,#ffffff16)}.crate i:after{position:absolute;top:17px;left:11px;width:23px;height:23px;border:4px solid var(--case);transform:rotate(45deg);content:""}.crate b{position:absolute;z-index:2;top:67px;left:83px;width:11px;height:22px;background:var(--case);box-shadow:0 0 9px var(--glow)}.crate em{position:absolute;z-index:2;top:37px;left:22px;width:93px;height:2px;background:#ffffff55;box-shadow:0 79px #ffffff33}.case-art>strong{position:absolute;top:10px;left:11px;color:white;font:800 12px/.95 var(--display);letter-spacing:-.08em;text-shadow:0 3px 11px #000a}.case-art>small{position:absolute;right:7px;bottom:7px;padding:4px 6px;border:1px solid #ffffff40;background:#090a0bd9;color:var(--text);font:6px var(--mono);letter-spacing:.08em}
.case-card--ember{--case:#ff965b;--glow:#ff623d55;--crateTop:#914530;--crateSide:#592a23;--crateFront:#b95738}.case-card--lime{--case:#b4f36c;--glow:#a8f46b38;--crateTop:#697d3d;--crateSide:#354426;--crateFront:#628543}.case-card--violet{--case:#cb9aff;--glow:#bf88ff3d;--crateTop:#694986;--crateSide:#382745;--crateFront:#7950a0}.case-card--blue{--case:#80d9ff;--glow:#72c5ff44;--crateTop:#447d94;--crateSide:#264455;--crateFront:#488aa5}
.case-details{display:flex;align-items:start;justify-content:space-between;gap:6px}.case-details h3{margin:0;font-size:11px;font-weight:800}.case-details p{margin:3px 0 0;color:var(--muted);font-size:8px}.case-price{flex:none;color:var(--lime);font:600 10px var(--mono)}.case-price small{color:var(--muted);font-size:7px}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;padding-top:8px;border-top:1px solid var(--line)}.case-bottom>span{color:var(--quiet);font:6px var(--mono)}.case-open{display:flex;min-height:29px;align-items:center;gap:7px;padding:0 8px;border:0;background:var(--lime);color:var(--bg);cursor:pointer;font-size:8px;font-weight:800}.case-open:hover{background:#c1ff8b}.case-open b{font-size:12px}
.fine-note{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);background:#0e1011}.fine-note>b{display:grid;width:21px;height:21px;flex:none;place-items:center;border:1px solid #a8f46b70;border-radius:50%;color:var(--lime);font:10px var(--mono)}.fine-note p{margin:0;color:var(--muted);font-size:8px}.fine-note button{margin-left:auto;padding:4px;border:0;background:none;color:var(--text);cursor:pointer;font-size:8px;font-weight:800;white-space:nowrap}.fine-note button:hover{color:var(--lime)}
.upgrade-banner{position:relative;display:grid;min-height:268px;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;margin:0 0 72px;border:1px solid var(--line2);background:linear-gradient(115deg,#171a17,#171715 53%,#241713)}.banner-copy{position:relative;z-index:2;padding:27px 20px 27px 32px}.banner-copy h2{margin:12px 0 9px;font:700 clamp(23px,3vw,37px)/1.15 var(--display);letter-spacing:-.09em}.banner-copy h2 span{color:var(--lime)}.banner-copy p{max-width:340px;margin:0 0 15px;color:var(--muted);font-size:9px}.banner-visual{position:relative;display:flex;height:225px;align-items:center;justify-content:center;gap:12px}.banner-visual:before{position:absolute;left:50%;width:205px;height:205px;transform:translateX(-50%);border:1px solid #a8f46b3d;border-radius:50%;background:radial-gradient(circle,#a8f46b12,transparent 70%);content:""}.banner-item,.banner-chance{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;color:var(--orange)}.banner-item svg{width:90px;height:39px;filter:drop-shadow(0 6px 8px #0008)}.banner-item small,.banner-chance i{color:var(--muted);font:6px var(--mono);font-style:normal}.banner-item.target{color:var(--lime)}.banner-visual>b{position:relative;z-index:1;color:var(--orange);font-size:22px}.banner-chance{position:absolute;top:6px;right:6%;display:grid;width:69px;height:69px;place-content:center;border:2px solid var(--lime);border-radius:50%;color:var(--lime);font:700 14px var(--display);text-align:center}.banner-chance small{font:8px var(--mono)}.banner-chance i{grid-column:1/-1}.banner-watermark{position:absolute;right:7%;bottom:-45px;color:#a8f46b0d;font:800 150px/.8 var(--display)}
.trust{padding:0 0 77px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.trust-grid article,.integrity-grid>article{min-height:142px;padding:13px;border:1px solid var(--line);background:var(--panel)}.trust-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid currentColor;font:13px var(--mono);font-style:normal}.lime-text{color:var(--lime)}.orange-text{color:var(--orange)}.blue-text{color:var(--blue)}.violet-text{color:var(--violet)}.trust-grid h3,.integrity-grid h3{margin:11px 0 4px;font-size:10px}.trust-grid p,.integrity-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.7}
.footer{border-top:1px solid var(--line);background:#0c0d0e}.footer>.shell{display:flex;min-height:72px;align-items:center;gap:19px}.footer .brand>svg{width:26px;height:26px}.footer .brand>span{font-size:12px}.footer p{margin:0;color:var(--quiet);font-size:8px}.footer>a:nth-of-type(2){margin-left:auto;color:#b7b9b5;font-size:8px}.footer>a:nth-of-type(2):hover{color:var(--lime)}.footer>small{padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:7px var(--mono)}.mobile-tabs{display:none}
.back-link{display:inline-flex;align-items:center;gap:8px;margin:22px 0 18px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:9px;font-weight:800}.back-link:hover{color:var(--lime)}
.detail-heading,.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 21px}.detail-heading h1,.page-heading h1{margin:10px 0 4px;font-size:clamp(27px,4vw,44px)}.detail-heading p,.page-heading p{margin:0;color:var(--muted);font-size:10px}.demo-chip{display:inline-flex;align-items:center;gap:7px;margin-bottom:4px;padding:7px 9px;border:1px solid #a8f46b55;color:var(--lime);font:7px var(--mono);white-space:nowrap}.demo-chip i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.detail-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.detail-art{position:relative;display:grid;min-height:305px;place-items:center;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:radial-gradient(ellipse at center,#ff623d4b,transparent 60%),#121415}.detail-art:before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:31px 31px;content:""}.big-crate{transform:scale(1.45) rotate(-10deg)}.detail-art>span{position:absolute;top:16px;left:16px;font:800 17px/.98 var(--display);letter-spacing:-.08em}.detail-art>small{position:absolute;right:12px;bottom:12px;color:var(--muted);font:7px var(--mono)}.open-panel{padding:15px;border:1px solid var(--line);background:var(--panel)}.panel-head{display:flex;justify-content:space-between;gap:8px;color:#c2c4bd;font:8px var(--mono)}.panel-head small{color:var(--quiet);font:7px var(--mono)}.reel{position:relative;height:122px;overflow:hidden;margin:14px 0 8px;border:1px solid var(--line);background:#0d0f10}.reel:before,.reel:after{position:absolute;z-index:2;top:0;bottom:0;width:45px;content:"";pointer-events:none}.reel:before{left:0;background:linear-gradient(90deg,#0d0f10,transparent)}.reel:after{right:0;background:linear-gradient(270deg,#0d0f10,transparent)}.reel>i{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:var(--lime);box-shadow:0 0 13px var(--lime)}#reel-track{display:flex;height:100%;align-items:stretch;gap:5px;padding:9px calc(50% - 48px);transition:transform 2.6s cubic-bezier(.08,.67,.04,1)}.reel-item{display:grid;width:96px;flex:0 0 96px;align-content:center;justify-items:center;gap:5px;border:1px solid var(--line);background:linear-gradient(145deg,#1b1e20,#101213)}.reel-item>svg{width:68px;height:33px}.reel-item b{max-width:86px;overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.reel-item small{color:var(--muted);font:6px var(--mono)}.reel-item.pink{color:#ed7fae}.reel-item.blue{color:var(--blue)}.reel-item.violet{color:var(--violet)}.reel-item.gold{color:var(--gold)}.reel-result{min-height:24px;margin:0;color:var(--muted);font-size:8px}.reel-result.win{color:var(--lime)}.reel-result b{color:var(--lime)}.open-case-btn{width:100%;justify-content:space-between}.fineprint{display:block;margin:8px 0 0;color:var(--quiet);font:6px var(--mono);text-align:center}
.section-heading.compact{margin-top:43px}.section-heading.compact h2{font-size:clamp(19px,2.5vw,28px)}.contents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:73px}.content-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:10px;border:1px solid var(--line);background:var(--panel)}.content-card>span:first-child{grid-column:1/-1;display:grid;height:52px;place-items:center;background:radial-gradient(ellipse,#ffffff14,transparent 70%)}.content-card svg{width:110px;height:43px}.content-card h3{margin:0;font-size:7px}.content-card small{grid-column:1;color:var(--quiet);font:6px var(--mono)}.content-card strong{grid-column:2;grid-row:2/4;color:var(--lime);font:600 10px var(--mono)}
.page-heading{min-height:155px;margin-bottom:19px}.page-heading h1{font-size:clamp(28px,4.3vw,46px)}.page-heading>.demo-chip{align-self:center}
.workbench{display:grid;grid-template-columns:1fr .68fr 1fr;gap:11px;padding:14px;border:1px solid var(--line2);background:linear-gradient(135deg,#161819,#101213)}.pick-heading{display:flex;min-height:30px;align-items:center;justify-content:space-between;margin-bottom:8px}.pick-heading>b{display:flex;align-items:center;gap:8px;font:600 10px var(--display);letter-spacing:-.06em}.pick-heading>b i{display:grid;width:21px;height:21px;place-items:center;border:1px solid #a8f46b70;color:var(--lime);font:8px var(--mono);font-style:normal}.pick-heading>b i.orange-step{border-color:#ff623d77;color:var(--orange)}.pick-heading>small{color:var(--quiet);font:6px var(--mono)}
.pick-card{display:grid;width:100%;min-height:73px;grid-template-columns:78px 1fr 16px;align-items:center;gap:8px;margin-bottom:6px;padding:6px;border:1px solid var(--line);background:#101213;text-align:left;cursor:pointer}.pick-card:hover,.pick-card.selected{border-color:#a8f46b70;background:#a8f46b0c}.pick-card.target.selected{border-color:#ff623d77;background:#ff623d0c}.pick-card>.weapon{height:46px;background:radial-gradient(ellipse,#ffffff14,transparent 70%)}.pick-card>.weapon svg{width:72px;height:31px}.pick-card>span:nth-child(2){display:grid;gap:2px;min-width:0}.pick-card .rarity{font:6px var(--mono);letter-spacing:.05em}.pink-text{color:#ed7fae}.red-text{color:#ff7769}.gold-text{color:var(--gold)}.pick-card b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.pick-card em{color:var(--quiet);font:6px var(--mono);font-style:normal}.pick-card>i{display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:transparent;font:9px var(--mono);font-style:normal}.pick-card.selected>i{border-color:var(--lime);background:var(--lime);color:var(--bg)}.pick-card.target.selected>i{border-color:var(--orange);background:var(--orange)}
.chance-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 12px;border-right:1px solid var(--line);border-left:1px solid var(--line);text-align:center}.chance-ring{position:relative;display:grid;width:min(165px,100%);aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,var(--lime) 0 var(--chance,24.5%),#2d312e var(--chance,24.5%) 100%);box-shadow:0 0 25px #a8f46b12}.chance-ring:before{position:absolute;inset:6px;border:1px solid #ffffff17;border-radius:50%;background:#151817;content:""}.chance-ring>div{position:relative;display:grid;justify-items:center;gap:5px}.chance-ring small{color:var(--muted);font:6px var(--mono);letter-spacing:.07em}.chance-ring b{color:var(--lime);font:700 24px var(--display);letter-spacing:-.08em}.chance-ring em{font:500 11px var(--mono);font-style:normal}.chance-ring i{color:var(--quiet);font:6px var(--mono);font-style:normal}.equation{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--text);font:6px var(--mono)}.equation b{color:var(--orange);font-size:11px}.chance-side>.btn{width:100%;min-height:38px;font-size:8px}.chance-side>small{max-width:190px;margin-top:7px;color:var(--quiet);font:6px/1.6 var(--mono)}.workbench-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;margin-top:3px;padding:9px 10px;border:1px solid var(--line);background:#0d0f10;color:var(--muted);font:7px var(--mono)}.workbench-foot b,.workbench-foot strong{color:var(--lime);font-weight:500}
.inventory-heading{margin-top:43px!important}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:73px}.inventory-card{display:grid;grid-template-columns:75px 1fr;grid-template-rows:1fr auto;align-items:center;gap:4px 8px;padding:9px;border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer}.inventory-card:hover,.inventory-card.selected{border-color:#a8f46b70}.inventory-card>.weapon{grid-row:1/3;height:44px}.inventory-card>strong{font-size:7px}.inventory-card>small{color:var(--quiet);font:6px var(--mono)}
.history-list{min-height:300px;margin-bottom:70px;border:1px solid var(--line);background:#0e1011}.empty{display:grid;min-height:300px;justify-items:center;align-content:center;padding:22px;text-align:center}.empty>b{display:grid;width:51px;height:51px;place-items:center;border:1px solid #a8f46b55;color:var(--lime);font-size:22px}.empty h2{margin:14px 0 5px;font:700 18px var(--display);letter-spacing:-.07em}.empty p{max-width:360px;margin:0 0 15px;color:var(--muted);font-size:9px}.history-row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:11px;padding:11px;border-bottom:1px solid var(--line)}.history-row>i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #a8f46b55;color:var(--lime);font-style:normal}.history-row b{font-size:8px}.history-row small{display:block;margin-top:3px;color:var(--muted);font:6px var(--mono)}.history-row>span{color:var(--muted);font:6px var(--mono)}
.integrity-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:8px;margin-bottom:27px}.integrity-grid>article{position:relative;min-height:218px;padding:14px;border:1px solid var(--line);background:var(--panel)}.integrity-grid>article small{position:absolute;right:10px;bottom:10px;left:10px;padding-top:8px;border-top:1px solid var(--line);color:var(--quiet);font:6px var(--mono)}.integrity-feature{overflow:hidden;background:radial-gradient(ellipse at 90% 15%,#ff623d38,transparent 50%),linear-gradient(140deg,#281a16,#171514)!important}.integrity-feature>small{position:static!important;padding:0!important;border:0!important;color:var(--orange)!important}.integrity-feature h2{position:relative;z-index:1;margin:17px 0 10px;font:700 18px/1.3 var(--display);letter-spacing:-.08em}.integrity-feature h2 em{color:var(--orange);font-style:normal}.integrity-feature p{position:relative;z-index:1;max-width:255px}.integrity-feature>b{position:absolute;right:11px;bottom:25px;transform:rotate(-12deg);padding:6px 8px;border:1px solid #ff623d99;color:#ff8068;font:800 9px/.9 var(--display);text-align:center}.integrity-grid h3{margin:12px 0 5px}.integrity-grid>article>p{margin:0;color:var(--muted);font-size:8px;line-height:1.7}.legal-note{max-width:850px;margin:0 auto 72px;padding:13px 16px;border-left:2px solid var(--orange);background:#141516}.legal-note>b{font-size:9px}.legal-note p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.8}
#result-dialog{position:fixed;width:min(365px,calc(100% - 28px));max-width:none;padding:22px;border:1px solid #ffffff33;background:radial-gradient(ellipse at 50% 0,#ff623d2b,transparent 55%),#17191a;color:var(--text);box-shadow:0 20px 90px #000c}#result-dialog::backdrop{background:#030404c9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:2;top:8px;right:8px;width:29px;height:29px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-size:18px}.result-art{position:relative;display:grid;height:120px;place-items:center;margin-bottom:15px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle,#ff623d31,transparent 60%),#0e1011;color:#ff623d88;font-size:70px}.result-art b{position:absolute;display:grid;width:49px;height:49px;place-items:center;transform:rotate(-5deg);background:var(--lime);color:var(--bg);font:800 18px var(--display)}#result-dialog h2{margin:7px 0;font:700 17px var(--display);letter-spacing:-.07em}#result-item{color:var(--orange);font-size:12px}#result-copy{margin:5px 0 15px;color:var(--muted);font-size:8px}.dialog-ok{width:100%}
#toast{position:fixed;z-index:80;right:15px;bottom:15px;max-width:min(320px,calc(100% - 30px));padding:11px 14px;transform:translateY(10px);border:1px solid #a8f46b66;background:#151916;color:var(--text);font-size:9px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.visible{transform:none;opacity:1}
@media(min-width:1500px){:root{--max:1330px}.hero{min-height:470px}.hero-stage{height:405px}}
@media(max-width:1000px){.header{gap:17px}.shell{width:calc(100% - 42px)}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-art{height:205px}.crate{transform:scale(1.1) rotate(-10deg) skewY(3deg)}.case-card:hover .crate{transform:scale(1.1) translateY(-5px) rotate(-7deg) skewY(3deg)}.trust-grid{grid-template-columns:repeat(2,1fr)}.integrity-grid{grid-template-columns:repeat(2,1fr)}.ticker-note{display:none}}
@media(max-width:720px){
html{scroll-padding-top:75px}body{font-size:12px;padding-bottom:56px}.notice{min-height:27px;gap:6px;font-size:7px}.notice button{display:none}.header{height:57px;gap:9px;padding:0 12px}.brand{gap:6px}.brand>svg{width:28px;height:28px}.brand>span{font-size:12px}.nav{display:none}.head-right{gap:6px}.balance{min-width:63px;padding:4px 6px}.balance small{font-size:6px}.balance b{font-size:9px}.steam-button{min-height:30px;gap:4px;padding:0 7px;font-size:8px}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu{top:84px}.ticker{height:41px}.ticker>strong{flex-basis:auto;padding:0 8px 0 11px;font-size:7px}.ticker-track{overflow:auto;scrollbar-width:none}.ticker-track::-webkit-scrollbar{display:none}.ticker-track>span{flex-basis:147px;height:25px;gap:5px;padding:0 8px;font-size:7px}.ticker-track .weapon{width:39px;height:20px}.ticker-track>span small{font-size:6px}.shell{width:calc(100% - 26px)}
.hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:25px 0 18px}.hero-copy{padding:0 1px}.eyebrow{font-size:7px}.hero h1{margin:12px 0 10px;font-size:clamp(31px,9vw,45px)}.hero-copy>p{max-width:420px;font-size:10px}.hero-actions{gap:6px;margin-top:16px}.btn{min-height:39px;padding:0 11px;font-size:8px}.hero-meta{margin-top:15px;font-size:6px}.hero-stage{height:min(70vw,330px);min-height:250px}.mascot{width:min(94%,350px);height:96%}.stage-halo{right:18%;width:180px;height:180px}.callout-left{top:65px;left:9px}.callout-right{right:9px;bottom:61px}.sticker{top:48px;right:31px;width:46px;height:46px;font-size:8px}.stage-caption{height:28px;font-size:6px}
.promise{justify-content:flex-start;gap:12px;min-height:37px;font-size:6px}.promise>span,.promise>i,.promise>strong{flex:none}.cases-section{padding:50px 0 45px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:13px}.section-heading h2{font-size:clamp(20px,6vw,29px)}.section-heading>p{display:none}.filters{gap:5px;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;min-height:28px;padding:0 8px;font-size:7px}.case-grid{gap:7px}.case-card{padding:6px}.case-top{min-height:14px}.case-tag,.case-id{font-size:5px}.case-art{height:clamp(122px,38vw,165px);margin:6px 0 7px}.crate{transform:scale(.84) rotate(-10deg) skewY(3deg)}.case-card:hover .crate{transform:scale(.84) translateY(-3px) rotate(-7deg) skewY(3deg)}.case-art>strong{top:7px;left:7px;font-size:9px}.case-art>small{right:4px;bottom:4px;font-size:5px}.case-details h3{font-size:9px}.case-details p{font-size:6px}.case-price{font-size:8px}.case-price small{font-size:5px}.case-bottom{align-items:end;gap:3px;margin-top:7px;padding-top:6px}.case-bottom>span{max-width:55px;font-size:5px;line-height:1.4}.case-open{min-height:25px;gap:4px;padding:0 6px;font-size:6px;white-space:nowrap}.fine-note{align-items:flex-start;gap:7px;padding:8px}.fine-note p{font-size:7px;line-height:1.5}.fine-note button{display:none}
.upgrade-banner{grid-template-columns:1fr;min-height:0;margin-bottom:49px}.banner-copy{padding:19px 16px 2px}.banner-copy h2{font-size:26px}.banner-copy p{font-size:8px}.banner-visual{height:158px}.banner-visual:before{width:165px;height:165px}.banner-item svg{width:67px}.banner-chance{top:1px;right:5%;width:58px;height:58px;font-size:12px}.banner-watermark{right:2%;bottom:-25px;font-size:85px}.trust{padding-bottom:48px}.trust-grid{gap:6px}.trust-grid article{min-height:128px;padding:9px}.trust-icon{width:26px;height:26px;font-size:11px}.trust-grid h3{margin:8px 0 4px;font-size:8px}.trust-grid p{font-size:7px}
.footer>.shell{min-height:87px;flex-wrap:wrap;gap:7px 12px;padding:12px 0 16px}.footer .brand>svg{width:23px;height:23px}.footer .brand>span{font-size:10px}.footer p{order:3;width:100%;font-size:7px}.footer>a:nth-of-type(2){margin-left:auto;font-size:7px}.footer>small{font-size:6px}.mobile-tabs{position:fixed;z-index:22;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);min-height:55px;padding:4px 5px max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--line2);background:#0b0c0df5;backdrop-filter:blur(14px)}.mobile-tabs button{display:grid;justify-items:center;align-content:center;gap:2px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:7px}.mobile-tabs button b{color:var(--orange);font:14px var(--mono)}.mobile-tabs button.active,.mobile-tabs button.active b{color:var(--lime)}
.back-link{margin:17px 0 13px}.detail-heading,.page-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.detail-heading h1,.page-heading h1{font-size:27px}.detail-heading p,.page-heading p{font-size:8px}.demo-chip{font-size:6px}.detail-layout{grid-template-columns:1fr;gap:7px}.detail-art{min-height:205px}.detail-art>span{top:10px;left:11px;font-size:13px}.big-crate{transform:scale(1.15) rotate(-10deg)}.open-panel{padding:10px}.panel-head{font-size:7px}.panel-head small{font-size:6px}.reel{height:101px}.contents-grid{grid-template-columns:repeat(2,1fr);gap:6px}.content-card{padding:7px}.content-card h3{font-size:6px}.section-heading.compact{margin-top:35px}.section-heading.compact>p{display:block}.page-heading{min-height:0;padding:24px 0 13px}.workbench{grid-template-columns:1fr;gap:12px;padding:8px}.chance-side{grid-row:2;padding:12px;border:1px solid var(--line)}.chance-ring{width:143px}.pick-heading>b{font-size:9px}.pick-card{min-height:65px;grid-template-columns:70px 1fr 16px;gap:6px;padding:5px}.pick-card>.weapon{height:42px}.pick-card>.weapon svg{width:63px}.pick-card b{font-size:7px}.workbench-foot{flex-direction:column;gap:5px;font-size:6px}.inventory{grid-template-columns:1fr;gap:6px}.inventory-card{min-height:58px}.integrity-grid{grid-template-columns:1fr 1fr;gap:6px}.integrity-grid>article{min-height:180px;padding:10px}.integrity-feature{grid-column:1/-1;min-height:200px!important}.integrity-feature h2{font-size:16px}.integrity-grid h3{font-size:8px}.integrity-grid>article>p{font-size:7px}.integrity-grid>article small{left:7px;font-size:5px}.legal-note{margin-bottom:42px;padding:11px}.legal-note p{font-size:7px}.history-row{grid-template-columns:31px 1fr auto;gap:7px;padding:8px}.history-row>i{width:29px;height:29px}.history-row>span:nth-last-child(2){display:none}}
@media(max-width:390px){.brand>span{font-size:10px}.balance{display:none}.hero h1{font-size:29px}.hero-actions .btn{padding:0 9px;font-size:7px}.case-open{font-size:5.5px}.case-details h3{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}