:root{ --bg:#05060d; --panel:#10141f; --ink:#e8edf7; --dim:#93a1bb; --teal:#2bd9a9; --amber:#ffb340; --sky:#3ec6ff; }
*{margin:0;padding:0;box-sizing:border-box}
body{background:radial-gradient(900px 480px at 85% -10%,rgba(124,92,255,.14),transparent 60%),var(--bg);color:var(--ink);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
main{max-width:860px;margin:0 auto;padding:26px 18px 44px}
a{color:var(--sky)}
.wordmark{font-weight:800;letter-spacing:.22em;text-decoration:none;color:var(--ink)}
.wordmark b{color:var(--teal)}
h1{font-size:1.7rem;margin:18px 0 6px}
.sub{color:var(--dim);margin-bottom:8px}
.label{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#04120c;background:var(--amber);padding:4px 10px;border-radius:999px;margin-top:14px}
.game{background:var(--panel);border:1px solid rgba(147,161,187,.15);border-radius:14px;padding:16px 18px;margin-top:14px}
.game h2{font-size:1.08rem}
.game p{color:var(--dim);font-size:.93rem;margin:6px 0 10px}
.btn{display:inline-block;background:var(--teal);color:#04120c;font-weight:800;text-decoration:none;padding:9px 16px;border-radius:10px;font-size:.9rem}
.btn.ext{background:transparent;color:var(--amber);border:1px solid var(--amber)}
.note{color:var(--dim);font-size:.87rem;margin-top:22px;border-top:1px solid rgba(147,161,187,.18);padding-top:14px}
footer{max-width:860px;margin:0 auto;padding:0 18px 30px;color:var(--dim);font-size:.85rem}