:root { --bg: #1b1424; --ink: #f6f2e6; --dim: #b9b0cc; --gold: #ffd23f; --panel: #2d2240; --line: #0b0812; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Pixelify Sans', ui-monospace, monospace; font-size: 18px; line-height: 1.5; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 60px; }
h1 { font-family: 'Press Start 2P', monospace; font-size: 18px; color: var(--gold); line-height: 1.6; }
h2 { font-family: 'Press Start 2P', monospace; font-size: 12px; color: var(--gold); margin-top: 28px; line-height: 1.6; }
a { color: var(--gold); }
.card { background: var(--panel); border: 3px solid var(--line); box-shadow: 4px 4px 0 rgba(0,0,0,.45); padding: 16px; margin: 16px 0; }
.btn { display: inline-block; padding: 10px 16px; background: #d8343f; color: #fff; border: 3px solid var(--line); text-decoration: none; box-shadow: 3px 3px 0 rgba(0,0,0,.45); }
small, .dim { color: var(--dim); }