:root{--bg:#b8ff00;--fg:#0a0a0a;--muted:#0a0a0a9e;--line:#0a0a0a2e;--sans:"Avenir Next", "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color:var(--fg);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;min-height:100dvh;overflow:hidden}.app{background:var(--bg);height:100%;color:var(--fg);transition:background .22s,color .22s;position:relative}.stage{position:absolute;inset:0}.type-stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;position:absolute}.hud-left{padding:max(22px, env(safe-area-inset-top)) 24px;top:0;left:0}.hud-left h1{font:inherit;margin:0;font-weight:600}.hud-right{max-width:min(320px,50vw);padding:max(24px, env(safe-area-inset-top)) 24px;text-align:right;letter-spacing:.08em;text-transform:none;font-size:12px;line-height:1.5;top:0;right:0}.hint{z-index:2;left:50%;bottom:calc(118px + env(safe-area-inset-bottom));font-family:var(--mono);letter-spacing:.06em;opacity:.72;pointer-events:none;white-space:nowrap;margin:0;font-size:11px;position:absolute;transform:translate(-50%)}.dock{z-index:3;padding:0 16px max(16px, env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:0}.dock-inner{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, var(--fg) 12%);-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.dock-note{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:8px 4px 0;font-size:10px}.mode-switch,.theme-switch{gap:4px;display:inline-flex}button{appearance:none;border:1px solid var(--line);color:inherit;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 10px;font-size:10px}button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}button.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.text-field{flex:120px;min-width:100px}.text-field input{border:1px solid var(--line);width:100%;color:inherit;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;background:0 0;padding:8px 10px;font-size:12px}.text-field input:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.theme-switch button{border-color:color-mix(in srgb, currentColor 24%, transparent);min-width:64px}.theme-switch button.is-active{box-shadow:inset 0 0 0 1px var(--fg)}.reset{margin-left:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.hud-right{display:none}.hint{white-space:normal;text-align:center;width:min(90vw,360px)}.dock-inner{justify-content:center}.reset{margin-left:0}}@media (prefers-reduced-motion:reduce){.app{transition:none}}