:root{--bg:#0b0f17;--panel:#121927;--line:#22304a;--text:#d7e0f0;--mute:#8a98b3;--acc:#39ff88;--red:#ff4d6d;--gold:#ffd166;--cyan:#4cc9f0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg) radial-gradient(circle at 20% -10%,#1a2a4a 0,transparent 50%);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--cyan)}a:hover{color:var(--acc)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header.nav{border-bottom:1px solid var(--line);background:#0b0f17cc;position:sticky;top:0;backdrop-filter:blur(6px);z-index:5}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;flex-wrap:wrap}
.logo{font-family:ui-monospace,Consolas,monospace;font-weight:800;color:var(--acc);text-decoration:none;letter-spacing:.5px}
.logo span{color:var(--text)}nav a{color:var(--mute);text-decoration:none;margin-left:16px;font-size:.95rem}nav a:hover{color:var(--acc)}
.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
code{background:#1a2336;padding:1px 6px;border-radius:4px;font-size:.9em}
pre{background:#0e1420;border:1px solid var(--line);border-radius:8px;padding:14px;overflow-x:auto}pre code{background:none;padding:0}
.hero{padding:72px 0 40px}.tag{display:inline-block;font:700 .75rem ui-monospace,monospace;color:var(--bg);background:var(--acc);padding:3px 8px;border-radius:3px;letter-spacing:1px}
h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;margin:.4em 0}h1 em{color:var(--acc);font-style:normal}
h2{border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:2em}
.sub{color:var(--mute);font-size:1.15rem;max-width:640px}
form.signup{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 6px}
form.signup input{flex:1 1 240px;padding:14px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:1rem}
.btn{display:inline-block;padding:14px 20px;border-radius:6px;border:0;background:var(--acc);color:#04110a;font-weight:800;text-decoration:none;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(1.1);color:#04110a}.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.btn[aria-disabled=true]{background:#2a3550;color:var(--mute);cursor:not-allowed}
.note{color:var(--mute);font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}
.card h3{margin-top:0}.price{font:800 2rem ui-monospace,monospace;color:var(--gold)}
.buff{color:var(--acc)}.nerf{color:var(--red)}.loot{color:var(--gold)}
details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:700}
article.issue h2{font-family:ui-monospace,monospace}article.issue{padding:30px 0}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}td,th{border:1px solid var(--line);padding:8px;text-align:left}
footer{border-top:1px solid var(--line);margin-top:60px;padding:24px 0;color:var(--mute);font-size:.85rem}
@media(max-width:560px){nav a{margin:0 12px 0 0}.hero{padding:40px 0 20px}}
.logo{display:inline-flex;align-items:center;gap:8px}.brand-mark{width:28px;height:28px;border-radius:6px;display:block;box-shadow:0 0 0 1px var(--line)}
footer p{margin:.35em 0}.foot-links a{color:var(--cyan);text-decoration:none}.foot-links a:hover{color:var(--acc)}
.cta-sub{margin:28px 0 6px}

p code,li code,td code{overflow-wrap:anywhere}img{max-width:100%;height:auto}