:root{--bg:#0b0d12;--ink:#f4f1e8;--muted:#8a93a6;--faint:#2b313d;--accent:#f0e442;--panel:#0b0d12d1;--mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud [hidden]{display:none!important}.hud-title{max-width:min(560px,80vw);position:absolute;top:72px;left:28px}#title{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:13px}#hint{margin-top:8px;font-size:17px;line-height:1.45}#eye-wrap{text-align:center;width:min(720px,86vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}#eye{width:100%;height:18px;image-rendering:pixelated;border:1px solid var(--faint);background:#000;border-radius:2px;display:block}#eye-label{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:11px}body.eye-only #view{visibility:hidden}body.eye-only #eye-wrap{top:50%;transform:translate(-50%,-50%)}body.eye-only #eye{height:64px}#message{background:var(--panel);border:1px solid var(--faint);text-align:center;border-radius:6px;max-width:min(640px,90vw);padding:14px 18px;font-size:16px;line-height:1.5;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#controls{text-align:center;font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:12px;position:absolute;bottom:22px;left:0;right:0}#side-wrap{background:var(--panel);border:1px solid var(--faint);text-align:center;border-radius:6px;padding:10px;position:absolute;top:72px;right:24px}#side{width:200px;height:200px;display:block}#side-wrap span{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:11px;display:block}#scrub-wrap{pointer-events:auto;width:222px;font-family:var(--mono);color:var(--muted);text-align:center;font-size:11px;position:absolute;top:312px;right:24px}#scrub{accent-color:#cc79a7;width:100%}#card{background:radial-gradient(circle at 50% 45%, #0b0d128c, var(--bg) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}#card-title{font-family:var(--mono);letter-spacing:.4em;margin:0 -.4em 0 0;font-size:clamp(40px,9vw,96px);font-weight:500}#card-body{max-width:520px;color:var(--muted);margin:0;font-size:18px;line-height:1.55}#card-foot{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0;font-size:13px;animation:1.6s ease-in-out infinite pulse}#paused{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);font-size:12px;position:absolute;top:18px;right:24px}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){#card-foot{animation:none}}#controls-open{pointer-events:auto;cursor:pointer;border:1px solid var(--faint);color:var(--muted);font-family:var(--mono);letter-spacing:.12em;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:18px;left:24px}#controls-open:hover{color:var(--ink);border-color:var(--muted)}#controls-screen{pointer-events:auto;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px;display:flex;position:absolute;inset:0;overflow:auto}#controls-heading{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:20px;font-weight:500}#controls-help{min-height:1.4em;font-family:var(--mono);color:var(--muted);margin:0 0 6px;font-size:13px}#controls-list{margin:0;padding:0;list-style:none}.controls-head,.controls-row{text-align:left;grid-template-columns:1.2em 1.3fr 1fr 1fr;gap:12px;width:min(720px,100%);display:grid}.controls-head{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 11px;font-size:11px}.controls-row{cursor:pointer;width:min(720px,100vw - 32px);color:var(--ink);font-family:var(--sans);background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 10px;font-size:14px}.controls-row .keys,.controls-row .pad{font-family:var(--mono);font-size:13px}.controls-row .pad{color:var(--muted)}.controls-row .marker,.controls-row.capturing .keys{color:var(--accent)}.controls-row.selected{border-color:var(--accent)}.controls-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#controls-reset{margin-top:8px}@media (width<=640px){#controls-open{top:auto;bottom:16px;left:16px}#controls{bottom:52px}}