:root{--ink: #dce8f4;--void: #04060a;--gutter: clamp(14px, 3vw, 30px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font:400 13px/1.55 Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;overscroll-behavior:none;text-rendering:optimizeLegibility}#stage{display:block;width:100vw;height:100vh;touch-action:none;cursor:crosshair;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#status{position:fixed;inset:0;display:grid;place-items:center;letter-spacing:.34em;text-transform:uppercase;font-size:11px;font-weight:500;opacity:.72;pointer-events:none}#status[hidden]{display:none}.overlay{position:fixed;inset:0;pointer-events:none;padding:max(var(--gutter),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(var(--gutter),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:flex-end}.overlay-word{position:fixed;top:max(var(--gutter),env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));font-size:12px;font-weight:500;letter-spacing:.4em;text-transform:uppercase;opacity:.72}.overlay-hints{display:flex;flex-wrap:wrap;gap:clamp(16px,5vw,54px);align-items:flex-end;transition:opacity 2.4s ease 1s}.overlay-hints.is-faded{opacity:.34}.legend{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px clamp(8px,2vw,16px);align-items:baseline;max-width:42ch}.legend dt{display:flex;align-items:center;gap:8px;letter-spacing:.18em;font-size:11px;font-weight:500;opacity:.92}.legend dd{margin:0;font-size:12px;opacity:.66}.swatch{width:11px;height:11px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 28%,#1b2530,#070a0f 62%)}.swatch-active{box-shadow:0 0 0 1px #c8dcf0d9,0 0 9px #a0c8f08c}.swatch-discovered{box-shadow:0 0 0 1px #c8dcf057}.swatch-ephemeral{box-shadow:0 0 0 1px #c8dcf029;background:none}.controls{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:12px;opacity:.68}.controls li{letter-spacing:.1em}.overview-toggle{position:fixed;bottom:max(var(--gutter),env(safe-area-inset-bottom));right:max(var(--gutter),env(safe-area-inset-right));pointer-events:auto;appearance:none;cursor:pointer;background:#0a0e1466;color:var(--ink);border:1px solid rgba(200,220,240,.22);border-radius:999px;padding:9px 18px;font:500 11px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.28em;text-indent:.28em;opacity:.7;backdrop-filter:blur(6px);transition:opacity .5s ease,border-color .5s ease,box-shadow .5s ease}.overview-toggle:hover{opacity:.95}.overview-toggle.is-active{opacity:.95;border-color:#c8dcf099;box-shadow:0 0 14px #a0c8f047}.overlay-debug{position:fixed;top:max(var(--gutter),env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));margin:0;font:400 12px/1.6 ui-monospace,SF Mono,Menlo,monospace;opacity:.78;text-align:right}.overlay-debug[hidden]{display:none}.debug-console{position:fixed;top:0;left:0;right:0;z-index:100;padding:10px max(var(--gutter),env(safe-area-inset-left));background:#04060aeb;border-bottom:1px solid rgba(220,232,244,.16);font:400 13px/1.5 ui-monospace,SF Mono,Menlo,monospace;color:var(--ink)}.debug-console[hidden]{display:none}.debug-console-line{display:flex;align-items:center;gap:8px}.debug-console-prompt{opacity:.5}.debug-console-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font:inherit}.debug-console-input::placeholder{color:#dce8f459}.debug-console-log{margin-top:6px;min-height:1.5em;opacity:.7;white-space:pre-wrap;word-break:break-word}.debug-console-log:empty{display:none}@media(prefers-reduced-motion:reduce){.overlay-hints{transition:none}}@media(max-width:620px){.legend dd,.controls li[data-kind=scroll]{display:none}}@media(hover:none){.controls li[data-kind=read]{display:none}}