:root{color-scheme:dark;--bg: #07090f;--ink: #e9e6dc;--dim: #8b90a3;--glow: #f2c14e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:18px/1.5 ui-rounded,Segoe UI,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#start{position:fixed;inset:0;width:100%;border:0;background:radial-gradient(circle at 50% 42%,#18203a 0,var(--bg) 62%);color:inherit;font:inherit;display:grid;place-content:center;gap:1.1rem;text-align:center;padding:2rem;cursor:pointer}#start h1{font:600 clamp(3rem,14vw,7rem)/1 Georgia,"Times New Roman",serif;letter-spacing:.04em;margin:0;text-wrap:balance}#start p{margin:0;color:var(--dim);max-width:30rem;text-wrap:pretty}#start .go{color:var(--glow);font-weight:600;font-size:1.15rem}#start:focus-visible{outline:3px solid var(--glow);outline-offset:-8px}.ring{width:5.5rem;height:5.5rem;margin:0 auto .4rem;border-radius:50%;border:2px solid var(--glow);animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.18);opacity:.45}}#play{position:fixed;inset:0;display:grid;grid-template-rows:1fr 1fr}#top{position:relative;min-height:0;overflow:hidden}#radar{position:absolute;inset:0;width:100%;height:100%;display:block}#caption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:1.6rem 1.2rem .9rem;background:linear-gradient(transparent,var(--bg) 45%);text-align:center;font-size:clamp(1rem,2.6vw,1.35rem);text-wrap:pretty}#status{position:absolute;left:1rem;top:.8rem;right:1rem;display:flex;gap:1rem;justify-content:space-between;color:var(--dim);font-size:.85rem;font-variant-numeric:tabular-nums}#pad{position:relative;border-top:1px solid #1c2233;display:grid;place-items:center;color:var(--dim);text-align:center;padding:1rem}#pad .hint{max-width:34rem;font-size:.95rem;text-wrap:pretty}#pad .knob{position:absolute;width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;border-radius:50%;border:2px solid var(--glow);opacity:0;pointer-events:none;transition:opacity .15s}#pad.down .knob{opacity:.7}#ask{position:fixed;left:50%;top:22%;transform:translate(-50%);width:min(90vw,30rem);display:none}#ask.on{display:block}#ask input{width:100%;font:inherit;font-size:1.2rem;padding:.8rem 1rem;border-radius:.8rem;border:2px solid var(--glow);background:#0d1120;color:var(--ink);user-select:text;-webkit-user-select:text}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (prefers-reduced-motion: reduce){.ring{animation:none}}