:root{--ink:#0b1426;--night:#132038;--sand:#c4a574;--sand-deep:#8a6a3a;--saffron:#e9a319;--turquoise:#2a9d8f;--blood:#c23b22;--parchment:#e8d9b8;--muted:#7a8aa0}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);width:100%;height:100%;color:var(--parchment);font-family:Cormorant Garamond,Georgia,serif;overflow:hidden}#app{background:radial-gradient(ellipse 80% 60% at 50% 20%, #1a3050 0%, transparent 55%), radial-gradient(ellipse 100% 80% at 50% 100%, #1a1208 0%, transparent 45%), var(--ink);place-items:center;width:100%;height:100%;display:grid}.shell{flex-direction:column;align-items:center;gap:.75rem;max-width:100vw;padding:1rem;display:flex;position:relative}.brand{text-align:center;letter-spacing:.35em;text-transform:uppercase;color:var(--saffron);opacity:.9;font-size:clamp(.7rem,1.5vw,.85rem)}canvas#game{aspect-ratio:640/400;image-rendering:auto;cursor:none;background:#0a101c;border-radius:2px;width:min(960px,96vw);height:auto;display:block;box-shadow:0 0 0 1px #c4a57447,0 28px 90px #000000b3,0 0 140px #e9a31914}.hint{color:var(--muted);letter-spacing:.04em;text-align:center;max-width:42rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;line-height:1.6}.hint kbd{color:var(--parchment);border:1px solid #7a8aa073;border-radius:2px;padding:.1em .4em;font-size:.65rem;display:inline-block}@media (width<=640px){.hint{font-size:.58rem}}