@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}
:root{--bg:#0b0f1a;--panel:#121828;--panel2:#171e31;--line:#283150;--line2:#3a4466;--cream:#e8e0d4;--dim:#a9a397;--mute:#6b7187;
--red:#e04848;--red2:#ff5c5c;--amber:#f5b800;--amber2:#ffd25a;--lime:#7ddc3a;--blue:#4dc3ff;--td:#ffb833}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Barlow,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}img{display:block;max-width:100%}
.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
h1,h2,h3,.disp{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;letter-spacing:.01em;margin:0;line-height:.95;text-transform:uppercase}
.pix{font-family:Barlow,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.tex{image-rendering:pixelated;image-rendering:crisp-edges}
/* strata: a cross-section strip of blocks used as section dividers */
.strata{height:22px;background:url(data:image/png;base64,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) 0 0/56px 56px repeat-x;image-rendering:pixelated;position:relative}
.strata::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:rgba(0,0,0,.35)}
.strata.stone{background-image:url(data:image/png;base64,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)}
.strata.deep{background-image:url(data:image/png;base64,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)}
/* slab: in-game panel */
.slab{background:linear-gradient(180deg,#141b2e,#10152a);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.4);border-radius:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:6px;font:700 15px/1 Barlow,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;color:#fff;
background:linear-gradient(180deg,#273152,#1a2240);border:1px solid #3a4874;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.35);transition:transform .08s,filter .15s,box-shadow .15s}
.btn:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.45)}.btn:active{transform:translateY(1px);filter:brightness(.95)}
.btn.red{background:linear-gradient(180deg,#e64c4c,#b82e2e);border-color:#ff7b7b}
.btn.amber{background:linear-gradient(180deg,#ffc83d,#d99a00);border-color:#ffe08a;color:#1a1200}
.btn.lime{background:linear-gradient(180deg,#7fd441,#4f9d1f);border-color:#a6ec73;color:#0d1a04}
.btn.ghost{background:rgba(255,255,255,.03);box-shadow:none;border-color:var(--line2);color:var(--cream)}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn.sm{padding:9px 14px;font-size:13px;border-radius:5px}
/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(9,12,21,.82);backdrop-filter:blur(10px);border-bottom:2px solid #141a2c}
.navrow{display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;height:68px;padding:0 28px;max-width:1600px;margin:0 auto}
.navr{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.ipbtn{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px}
@media (max-width:820px){.ipbtn{display:none}.navrow{grid-template-columns:1fr auto;padding:0 16px}}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.brand span{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:24px;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase}.brand b{color:var(--red2);font-weight:400}
.menu{display:flex;gap:2px;justify-content:center;justify-self:center}
.menu a{font-family:Barlow,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.09em;padding:12px 14px;text-decoration:none;color:var(--dim);border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover{color:#fff}.menu a.on{color:var(--amber2);border-bottom-color:var(--amber)}
.menu a.dcl{color:#9db7ff}
.online{display:none;align-items:center;gap:8px;font:700 12px/1 Barlow,sans-serif;letter-spacing:.1em;color:var(--lime);text-transform:uppercase;white-space:nowrap}
.online i{width:8px;height:8px;background:var(--lime);box-shadow:0 0 8px var(--lime)}
@media (min-width:1000px){.online{display:inline-flex}}
.burger{display:none;background:#1b2238;border:1px solid #34406a;color:#fff;width:42px;height:38px;border-radius:6px;cursor:pointer;font-size:18px}
@media (max-width:820px){.menu{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;background:#0d1222;border-bottom:2px solid var(--line);padding:8px 20px 14px}.menu.open{display:flex}.burger{display:block}}
/* page hero (inner pages) */
.ph{padding:54px 0 34px;text-align:center;position:relative}
.ph .eyebrow{color:var(--amber);font-size:11px;margin-bottom:10px}
.ph h1{font-size:clamp(52px,8vw,88px)}.ph h1 b{color:var(--red2);font-weight:400}
.ph p{color:var(--dim);max-width:600px;margin:12px auto 0;font-size:16px}
section{padding:56px 0}
footer{padding:34px 0 44px;border-top:2px solid #141a2c;color:var(--mute);font-size:13px;background:#07090f}
footer .wrap{display:flex;flex-direction:column;gap:12px}
footer .row{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
footer a{color:var(--dim);text-decoration:none}footer a:hover{color:#fff}
footer small{font-size:10.5px;letter-spacing:.06em;color:#3f4660}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1b2238;border:2px solid #34406a;color:#fff;padding:10px 16px;border-radius:3px;font-size:14px;transition:.2s;z-index:60}
.toast.show{opacity:1;transform:translate(-50%,0)}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;font-size:.85em;background:#0a0d16;border:1px solid var(--line);padding:2px 7px;border-radius:3px;color:#fff}
kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;font-size:.8em;background:#1b2238;border:1px solid var(--line2);border-bottom-width:3px;padding:1px 7px;border-radius:3px;color:#fff}
.td{color:var(--td);font-weight:700}

/* ============ HOME ============ */
.hero{position:relative;min-height:calc(100vh - 64px);min-height:calc(100svh - 64px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#05060c 0%,#0e1222 45%,#1a1626 75%,#241420 100%)}
.hero .moonc{position:absolute;right:8%;top:7%;width:170px;height:170px;border-radius:50%;background:#c23a3a;box-shadow:0 0 90px 30px rgba(255,74,74,.35),inset -18px -14px 0 #a82f2f;animation:bob 9s ease-in-out infinite}
.hero .moonc::before{content:"";position:absolute;left:28%;top:22%;width:16px;height:12px;background:#a82f2f;box-shadow:44px 36px 0 6px #a82f2f,-6px 60px 0 0 #a82f2f,60px -6px 0 -2px #a82f2f}
@media (max-width:760px){.hero .moonc{width:110px;height:110px;right:6%;top:4%}}
.hero .sky{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%}
.hero .sky .fl{animation:flick 3s steps(2) infinite}
.hero .sky .bulb{animation:flick 7s steps(2) infinite}
@keyframes flick{0%,92%{opacity:1}93%,100%{opacity:.2}}
.hero .sky .zoms{animation:shamble 22s steps(44) infinite}
@keyframes shamble{to{transform:translateX(-220px)}}
.hero .sky .L1,.hero .sky .L2,.hero .sky .L3{transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.hero .sky .flash{pointer-events:none}
.hero canvas.ash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.hero .lamplight{animation:lamp 5s steps(3) infinite}@keyframes lamp{0%,80%{opacity:1}85%{opacity:.4}90%,100%{opacity:1}}
.hero .sky .moon{animation:bob 9s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
.hero .fog{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,rgba(9,12,21,.3) 50%,rgba(9,12,21,.85));pointer-events:none}
.hero .inner{position:relative;text-align:center;padding:40px 20px 120px;width:100%}
.hero .logo{width:min(320px,58vw);height:auto;margin:0 auto 6px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(255,60,60,.35));animation:bob 6s ease-in-out infinite}
.hero h1{font-size:clamp(60px,10vw,120px);color:#fff;letter-spacing:.02em;text-shadow:0 4px 0 #2a0a0a,0 14px 40px rgba(0,0,0,.6),0 0 60px rgba(224,72,72,.3)}
.hero h1 b{color:var(--red2);font-weight:400}
.hero .sub{color:#d9d2c6;font-weight:500;font-size:clamp(15px,2vw,19px);letter-spacing:.02em;margin:6px 0 26px;text-shadow:0 2px 8px #000}
.ipbox{display:inline-flex;border:1px solid #3a4874;background:#0a0d16;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.ipbox .ip{display:flex;align-items:center;gap:12px;padding:14px 22px;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(18px,2.6vw,24px);letter-spacing:.06em;color:#fff;cursor:pointer;text-transform:uppercase}
.ipbox .ip i{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.ipbox button{border:0;border-left:1px solid #3a4874;background:linear-gradient(180deg,#e64c4c,#b82e2e);color:#fff;padding:0 20px;font:700 14px Barlow,sans-serif;letter-spacing:.03em;cursor:pointer}
.ipbox button:hover{background:#d84343}.ipbox button.done{background:#3c9a3c}
.hero .pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 26px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(10,13,22,.85);font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--mute)}.pill.live i{background:var(--lime);box-shadow:0 0 8px var(--lime)}.pill.beta i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.pill.off i{background:var(--red2)}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.forecast{padding:30px 0 6px;position:relative;z-index:2}
.fc-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 10px}
.fc-head .pix{color:var(--amber)}.fc-head .upd{color:var(--mute);font-weight:600;letter-spacing:.08em;font-size:11px;text-transform:uppercase}
.fc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:700px){.fc-grid{grid-template-columns:1fr}}
.ev{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:18px 20px;position:relative;overflow:hidden}
.ev::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mute);opacity:.6}
.ev-ico{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;font-size:34px;background:#0a0d16;border:1px solid var(--line);color:var(--mute)}
.ev-k{font:700 11px Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ev-v{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:30px;line-height:1.05;text-transform:uppercase;color:var(--cream);margin:2px 0 3px}
.ev-s{font-size:13.5px;color:var(--mute)}
.ev[data-state="soon"]::before{background:var(--amber)}.ev[data-state="soon"] .ev-ico{color:var(--amber2);border-color:#6b5600;box-shadow:0 0 24px rgba(245,184,0,.15) inset}.ev[data-state="soon"] .ev-v{color:#fff}
.ev[data-state="active"]::before{background:var(--red2)}.ev[data-state="active"] .ev-ico{color:#fff;background:#5a1414;border-color:#ff6b6b;animation:evpulse 1.6s ease-in-out infinite}.ev[data-state="active"] .ev-v{color:var(--red2)}
.ev.rad[data-state="active"]::before{background:var(--lime)}.ev.rad[data-state="active"] .ev-ico{background:#1f3a0f;border-color:#8ee05a;color:#d8ffb0}.ev.rad[data-state="active"] .ev-v{color:var(--lime)}
.ev.rad[data-state="soon"]::before{background:var(--lime)}.ev.rad[data-state="soon"] .ev-ico{color:var(--lime);border-color:#2f5a18}
@keyframes evpulse{50%{box-shadow:0 0 0 6px rgba(255,92,92,.18)}}
.hooks{padding:22px 0 70px;position:relative;z-index:2}
.hooks .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:820px){.hooks .grid{grid-template-columns:1fr}}
.hook{padding:26px 24px 24px;position:relative;overflow:hidden}
.hook .k{font-size:10px;color:var(--amber);margin-bottom:10px}
.hook h2{font-size:36px;margin-bottom:6px;letter-spacing:.01em}
.hook p{margin:0;color:var(--dim);font-size:14.5px}
.hook .ico{position:absolute;right:16px;top:16px;width:40px;height:40px;opacity:.9}
.hook.red .k{color:var(--red2)}.hook.lime .k{color:var(--lime)}
.strip{padding:44px 0;background:#07090f}
.strip .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.strip h2{font-size:36px}.strip p{margin:2px 0 0;color:var(--dim)}.strip .sp{flex:1}

/* ============ STORE ============ */
.store{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}
@media (max-width:900px){.store{grid-template-columns:1fr}}
.cats{position:sticky;top:84px;padding:10px}
.cats a{display:flex;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;color:var(--dim);font:700 12px/1.2 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-left:3px solid transparent}
.cats a:hover{color:#fff;background:rgba(255,255,255,.04)}.cats a.on{color:var(--amber2);border-left-color:var(--amber);background:rgba(245,184,0,.06)}
.cats .ico{display:none}
.cats .crate{margin-top:10px;padding:12px;border-top:2px solid var(--line);font-size:12px;color:var(--mute)}
.cat-title{display:flex;align-items:baseline;gap:14px;margin:6px 0 16px}
.cat-title h2{font-size:40px}.cat-title span{color:var(--mute);font-size:13px}
.packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:40px}
@media (max-width:1000px) and (min-width:901px){.packs{grid-template-columns:1fr}}
@media (max-width:640px){.packs{grid-template-columns:1fr}}
.pack{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;padding:18px;position:relative}
.pack .art{width:104px;height:130px;display:grid;place-items:center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.65))}
.pack .art img{width:100px;height:auto}
.pack h3{font-size:30px;line-height:1;letter-spacing:.01em}
.pack .tag{font-size:9.5px;margin-bottom:4px}
.pack .desc{margin:6px 0 10px;color:var(--dim);font-size:13.5px}
.pack .perks{margin:0 0 12px;padding:0;list-style:none;font-size:13px;color:var(--dim)}
.pack .perks li{padding:3px 0 3px 14px;position:relative}
.pack .perks li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--c,var(--mute));box-shadow:0 0 6px var(--c,transparent)}
.pack .buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pack .price{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:30px;color:#fff;letter-spacing:.03em}
.pack .price s{color:var(--mute);font-size:20px;margin-right:6px}
.pack.hot{border-color:#6a2a2a;background:linear-gradient(180deg,#1b1424,#121828)}
.pack .rib{position:absolute;top:-10px;right:14px;font-size:10px;background:var(--amber);color:#1a1200;padding:4px 9px;border-radius:4px}
.pack.survivalist{--c:#9ccc65}.pack.veteran{--c:#3fa9ff}.pack.trailblazer{--c:#ff7a1a}.pack.wastelander{--c:#ff3b3b}
.pack .tag{color:var(--c,var(--amber))}
/* crate (basket) */
.crate-bar{position:fixed;right:18px;bottom:18px;z-index:45}
.crate-bar .btn{box-shadow:0 20px 50px rgba(0,0,0,.6),inset 2px 2px 0 rgba(255,255,255,.08),inset -2px -2px 0 rgba(0,0,0,.5),0 6px 0 #0a0d16}
.crate-bar .n{background:#fff;color:#000;font:700 12px Inter,sans-serif;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 6px}
.drawer{position:fixed;inset:0;z-index:50;display:none}
.drawer.open{display:block}
.drawer .veil{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.drawer .box{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:#0d1222;border-left:2px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.drawer h2{font-size:36px}
.drawer .line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.drawer .line b{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:20px;letter-spacing:.03em}
.drawer .line button{background:none;border:0;color:var(--mute);cursor:pointer;font-size:16px}
.drawer input{width:100%;padding:12px 14px;background:#0a0d16;border:2px solid var(--line2);color:#fff;font:600 15px Inter,sans-serif;border-radius:3px}
.drawer label{font:700 11px/1 Barlow,sans-serif;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;display:block;margin-bottom:6px}
.drawer .total{display:flex;justify-content:space-between;align-items:baseline;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:30px;margin-top:auto;padding-top:10px;border-top:2px solid var(--line)}
.drawer .fine{font-size:11.5px;color:var(--mute)}
.empty{color:var(--mute);font-size:14px;padding:20px 0}
.store-note{margin-top:8px;color:var(--mute);font-size:12.5px}

/* ============ VOTE ============ */
.vote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:820px){.vote{grid-template-columns:1fr}}
.card{padding:24px}
.card h2{font-size:34px;margin-bottom:6px}.card p{color:var(--dim);margin:0;font-size:14.5px}
.loot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.loot div{background:#0a0d16;border:1px solid var(--line);border-radius:6px;padding:12px 8px;text-align:center;font-size:12.5px;color:var(--dim)}
.loot b{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:24px;color:#fff;letter-spacing:.04em}
.sites{list-style:none;margin:14px 0 0;padding:0}
.sites li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);font-size:14px}
.sites li:first-child{border-top:0}
.sites .n{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:22px;color:var(--amber);width:26px}
.sites .soon{margin-left:auto;font-size:9.5px;color:var(--mute)}
.sites .btn{margin-left:auto}
.streak{display:flex;gap:8px;margin-top:14px}
.streak i{flex:1;height:10px;background:#0a0d16;border:1px solid var(--line)}
.streak i.on{background:var(--lime);box-shadow:0 0 8px var(--lime)}

/* ============ GUIDE ============ */
.guide{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start}
@media (max-width:900px){.guide{grid-template-columns:1fr}.toc{position:static}}
.toc{position:sticky;top:84px;padding:8px}
.toc a{display:block;padding:9px 12px;text-decoration:none;color:var(--dim);font:700 12px/1.2 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-left:3px solid transparent}
.toc a:hover{color:#fff}.toc a.on{color:var(--amber2);border-left-color:var(--amber)}
.g h2{font-size:44px;margin:0 0 10px;scroll-margin-top:90px}
.g h2 b{color:var(--red2);font-weight:400}
.g .block{padding:22px 24px;margin-bottom:28px}
.g p{color:var(--dim);margin:0 0 10px;font-size:15px}
.g ul{color:var(--dim);margin:0;padding-left:18px;font-size:14.5px}.g li{margin:4px 0}
.g table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 4px}
.g th{text-align:left;font:700 11px Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);padding:8px 10px;border-bottom:2px solid var(--line)}
.g td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--dim)}.g td:first-child{color:#fff;font-weight:600}
.hudkey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
@media (max-width:640px){.hudkey{grid-template-columns:1fr}}
.hudkey div{background:#0a0d16;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:13.5px;color:var(--dim)}
.hudkey b{display:block;color:#fff;font:700 12px Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}

/* ============ DISCORD ============ */
.dc{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
@media (max-width:860px){.dc{grid-template-columns:1fr}}
.dc iframe{width:100%;height:500px;border:2px solid var(--line);background:#0a0d16}
.chan{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);font-size:14px;color:var(--dim)}
.chan:first-child{border-top:0}.chan b{color:#fff;font:700 13px Barlow,sans-serif;min-width:150px}