:root{--bg: #0d1015;--panel: #161b23;--line: #262d38;--text: #c8d2e0;--dim: #7c8899;--accent: #7ff0b6;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:13px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace}canvas{display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#toolbar{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:8px;pointer-events:auto}.brand{padding:0 10px 0 6px;letter-spacing:.14em;font-weight:600;color:var(--accent)}.brand .ms{color:var(--dim);letter-spacing:.04em;font-weight:400}#toolbar button{display:flex;align-items:center;gap:6px;padding:6px 10px;font:inherit;color:var(--text);background:#1e2530;border:1px solid var(--line);border-radius:6px;cursor:pointer}#toolbar button:hover{background:#27303d}#toolbar button.active{color:#0d1015;background:var(--accent);border-color:var(--accent)}#toolbar button.active kbd{color:#0d1015;border-color:#0d101559}kbd{padding:0 4px;font:inherit;font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:3px}.spacer{width:12px}#hud{position:absolute;top:12px;right:12px;padding:8px 12px;color:var(--dim);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:8px;white-space:pre}#hints{position:absolute;bottom:12px;left:12px;padding:8px 12px;color:var(--dim);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:8px}#hints b{color:var(--text);font-weight:600}#fatal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;color:#ff8095;background:var(--panel);border:1px solid #6a2230;border-radius:8px}