:root { --bg: #0b090d; --ink: #e8dcc0; --dim: #8a8296; --gold: #e8c25a; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--ink); font: 14px/1.5 system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; padding: 16px; }
a { color: var(--dim); text-decoration: none; }
a:hover { color: var(--gold); }
header { width: min(100%, 760px); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
h1 { font: 700 20px/1.2 'Silkscreen', monospace; color: var(--gold); margin: 0; letter-spacing: 1px; }
p.hint { width: min(100%, 760px); color: var(--dim); margin: 0 0 12px; }
#stage { width: min(100%, 760px); }
#again { margin-top: 12px; font: 12px 'Silkscreen', monospace; background: #241f30; color: var(--ink); border: 1px solid #3a3442; padding: 6px 12px; cursor: pointer; visibility: hidden; }