:root{--bg:#0b0b0d;--panel:#141417;--line:#26262c;--txt:#f2f2ee;--mut:#8d8d96;--brand:#d4ff3a;--accent:#d4ff3a;--cut:14px}
body[data-page=keydrop]{--accent:#ff8a1f}body[data-page=casehug]{--accent:#ff3b3b}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--txt);font:400 16px/1.55 Archivo,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,.logo,.price,.name,.stat b,.nums b{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
#skins{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#skins img{position:absolute;left:var(--x);top:var(--y);width:calc(var(--s) * 2.2);transform:rotate(var(--r));opacity:.07;filter:grayscale(1) contrast(1.2);animation:fl var(--d) ease-in-out infinite alternate}
@keyframes fl{to{transform:translateY(-20px) rotate(calc(var(--r) + 5deg))}}
header,main,footer{position:relative;z-index:1}
header{display:flex;align-items:center;gap:28px;padding:14px max(20px,5vw);position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:2px solid var(--line)}
.logo{font-size:28px}.logo b{font-weight:400;color:var(--brand)}.logo small{font:700 10px Archivo;letter-spacing:.18em;color:var(--mut);margin-left:8px;vertical-align:middle}
nav{display:flex;gap:4px;margin-left:auto}nav a{padding:8px 14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--mut);border-bottom:2px solid transparent}
nav a:hover,nav a.on{color:var(--txt);border-color:var(--brand)}
.codepill{background:var(--brand);color:#0b0b0d;border:0;padding:8px 16px;font:700 13px Archivo;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
main{max-width:1240px;margin:0 auto;padding:0 20px 80px}
.hero{padding:80px 0 56px;border-bottom:2px solid var(--line);margin-bottom:36px}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:12px}
h1{font-size:clamp(64px,13vw,170px);line-height:.9;margin:14px 0 22px}
h1 em{font-style:normal;color:var(--accent)}
.lead{max-width:560px;margin-bottom:28px;color:var(--mut);font-size:18px}
.btn{display:inline-flex;gap:8px;align-items:center;background:var(--accent);color:#0b0b0d;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:14px 26px;border:0;cursor:pointer;font:700 14px Archivo;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:.15s}
.btn:hover{filter:brightness(1.1);transform:translateX(3px)}
.panel,.card,.stat,.plat,.partner,#featured{background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.stat{padding:18px 22px;border-left:4px solid var(--accent)}.stat small{display:block;color:var(--mut);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.stat b{font-size:42px;line-height:1.1}
#featured{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;padding:28px;margin-bottom:36px;--cut:24px}
#featured .feat-img{text-align:center}#featured img{max-width:100%;max-height:250px}
#featured h2{font-size:56px;line-height:1}
.price{font-size:28px;color:var(--accent);margin:6px 0}.price.big{font-size:52px}
.sub,.muted,.dep{color:var(--mut);font-size:14px}.dep{margin-top:6px}#featured .btn{margin-top:16px}
.tabs{display:flex;gap:0;margin:0 0 20px;border-bottom:2px solid var(--line)}
.tabs button{border:0;background:none;color:var(--mut);font:700 13px Archivo;padding:12px 22px;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--txt);border-color:var(--accent)}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{position:relative;padding:16px;display:flex;flex-direction:column;transition:.15s;border-top:3px solid var(--rc,var(--line))}
.card:hover{transform:translateY(-3px);background:#1a1a1f}
.card .img{height:120px;display:grid;place-items:center}.card .img img{max-width:100%;max-height:120px}
.name{font-size:21px;margin-top:8px}.more{color:var(--accent);font-size:12px;font-weight:700}
.row{display:flex;justify-content:space-between;color:var(--mut);font-size:14px;margin-top:2px}.tick{color:var(--txt);font-variant-numeric:tabular-nums;font-weight:700}
.hot{position:absolute;top:10px;left:10px;background:#ff4a3a;color:#fff;font:700 10px Archivo;padding:2px 7px;letter-spacing:.12em;z-index:2}
.winner{display:flex;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}.winner img{width:24px;height:24px}
.rar-gold{--rc:#ffb52e}.rar-red{--rc:#ff4a3a}.rar-pink{--rc:#e04dff}.rar-violet{--rc:#8b6bff}.rar-blue{--rc:#4d8bff}
.empty{grid-column:1/-1;color:var(--mut);padding:50px;text-align:center}
.plats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:64px}
.plat{padding:30px;transition:.15s;--accent:#ff8a1f;--cut:24px;border-top:4px solid var(--accent)}.plat.ch{--accent:#ff3b3b}.plat:hover{transform:translateY(-4px)}
.plat h2{font-size:64px;line-height:1;color:var(--accent)}.plat p{color:var(--mut)}.plat .nums{display:flex;gap:36px;margin:18px 0 22px}.plat .nums b{display:block;font-size:34px;font-weight:400}.plat .nums small{color:var(--mut);letter-spacing:.16em;text-transform:uppercase;font-size:11px}
h3.sec{font-size:40px;margin-bottom:4px}.secsub{color:var(--mut);margin-bottom:22px}
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.partner{padding:22px;display:flex;flex-direction:column;gap:4px;transition:.15s}.partner:hover{border-color:var(--brand)}
.partner b{font:400 26px Anton}.partner b{text-transform:uppercase}.partner span{color:var(--mut)}.partner i{font-style:normal;color:var(--brand);font-weight:700;margin-top:8px;font-size:14px}
footer{border-top:2px solid var(--line);padding:30px max(20px,5vw);color:var(--mut);font-size:13px}footer p{max-width:760px;margin:6px 0}
.flinks{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.flinks a{font:700 12px Archivo;letter-spacing:.14em;text-transform:uppercase;color:var(--txt)}.flinks a:hover{color:var(--brand)}
@media(max-width:760px){header{gap:10px;flex-wrap:wrap}nav{margin-left:0;order:3;width:100%;overflow-x:auto}.stats,.plats,#featured{grid-template-columns:1fr}.hero{padding:44px 0 32px}.codepill{margin-left:auto}}