@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.ttf) format("truetype");font-display:swap}
:root{--bg:#0e0f12;--card:#16181d;--line:#2a2d35;--fg:#d8dae0;--mut:#8a8f9a;--acc:#5fbf5f;--bad:#d9534f}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
h1,h2,h3{font-family:Silkscreen,ui-monospace,monospace;font-weight:400;letter-spacing:.04em}
.hero{text-align:center;padding:72px 16px 48px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(2.5rem,10vw,4.5rem);margin:0}
.sub{color:var(--mut);margin:.5rem 0 1.5rem}
.status{font-family:Silkscreen,ui-monospace,monospace;color:var(--mut);margin:0}
.status.on{color:var(--acc)}.status.off{color:var(--bad)}
.players{color:var(--mut);margin:.25rem 0 1.5rem}
.addr{display:inline-block;padding:.6rem 1.2rem;background:var(--card);border:2px solid var(--line);font-size:1.1rem;user-select:all}
.meta{color:var(--mut);font-size:.9rem}
main{max-width:860px;margin:0 auto;padding:0 16px}
section{padding:32px 0;border-bottom:1px solid var(--line)}
h2{font-size:1.4rem;margin:0 0 1rem}
h3{font-size:1rem;margin:0 0 .4rem;color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);padding:14px}
.card p{margin:0;color:var(--mut);font-size:.95rem}
code{background:var(--card);padding:.1rem .35rem;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--line)}
th{color:var(--mut);font-weight:400}
a{color:var(--acc)}
footer{text-align:center;color:var(--mut);padding:32px 16px;font-size:.85rem}
.legal{max-width:760px;margin:0 auto;padding:32px 16px}