@font-face{font-family:"Press Start 2P";src:url("../fonts/PressStart2P-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("../fonts/PixelifySans.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--bg:#14101f;--line:#20182e;--panel:#241d36;--frame:#5b4b80;--ink:#f2ead7;--dim:#bfb1d4;--gold:#e8b730;--torch:#f08a24}
*{box-sizing:border-box}
body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--line) 2px,transparent 2px),linear-gradient(90deg,var(--line) 2px,transparent 2px);background-size:48px 24px;color:var(--ink);font:18px/1.55 "Pixelify Sans",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
.logo{display:inline-block;font:20px/1.4 "Press Start 2P",monospace;color:var(--gold);text-shadow:3px 3px 0 #71441d;text-decoration:none;margin-bottom:28px}
h1{font:18px/1.5 "Press Start 2P",monospace;color:var(--ink);margin:0 0 20px}
h2{font:12px/1.6 "Press Start 2P",monospace;color:var(--gold);margin:32px 0 10px}
.panel{background:var(--panel);border:2px solid var(--frame);box-shadow:inset 0 0 0 2px var(--bg),inset 0 0 0 4px #3a2f55,0 4px 0 #0c0912;padding:20px 22px}
a{color:var(--gold)}a:hover{color:var(--torch)}
p,li{color:var(--ink)}.dim{color:var(--dim)}
.btn{display:inline-block;margin-top:20px;padding:16px 22px;border:2px solid #ffc06b;background:#f08a24;color:#14101f;box-shadow:inset -4px -4px 0 #aa571b,inset 4px 4px 0 #ffbb57,0 4px 0 #0c0912;font:13px "Press Start 2P",monospace;text-decoration:none}
footer{margin-top:40px;font-size:15px;color:var(--dim)}footer a{margin-right:16px}