:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;--hud-alpha: .1}*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#e8eaed}.app{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.title{margin:0;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:600;letter-spacing:-.01em}.topic{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.topic-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7480}.topic-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.95rem;font-weight:500;color:#e8eaed;background:#15181d;border:1px solid #2a3038;border-radius:8px;padding:.5rem 2rem .5rem .75rem;background-image:linear-gradient(45deg,transparent 50%,#9aa4b2 50%),linear-gradient(135deg,#9aa4b2 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.topic-select:disabled{opacity:.5;cursor:default}.topic-select:focus-visible{outline:2px solid #4d7cfe;outline-offset:1px}.framing{width:100%;display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:nowrap;flex-shrink:0}.fbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:2.5rem;height:2.5rem;display:grid;place-content:center;font:inherit;font-size:1.05rem;line-height:1;color:#e8eaed;background:#15181d;border:1px solid #2a3038;border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform 70ms ease,background .12s ease}.fbtn:active:not(:disabled){transform:scale(.92);background:#1d222a}.fbtn:disabled{opacity:.32;cursor:default}.fbtn:focus-visible{outline:2px solid #4d7cfe;outline-offset:1px}.fbtn--reset{font-size:1.2rem}.fzoom{flex:0 0 auto;min-width:3ch;text-align:center;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;color:#9aa4b2}.fsep{flex:0 0 auto;width:1px;height:1.5rem;background:#2a3038;margin:0 .15rem}.debug{margin:0;font-size:.7rem;font-family:ui-monospace,monospace;color:#6b7480;word-break:break-all;text-align:center}.stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid #23282f;border-radius:12px;overflow:hidden}.feed{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center;will-change:transform}.cam-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;margin:0;padding:1rem;text-align:center;color:#9aa4b2;background:#00000073}.hud{position:absolute;right:1rem;bottom:1rem;max-width:min(80%,44ch);padding:.7rem 1rem;border-radius:10px;background:rgba(8,10,13,var(--hud-alpha));backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:1px solid rgba(255,255,255,.18);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:600;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.75);animation:hud-in .14s ease-out}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hud{background:#080a0d8c}}.hud--answered{border-color:#78ffb473;color:#b9ffd4}.hud--error{border-color:#ff787873;color:#ffb9b9}.hud--thinking{color:#9aa4b2;font-weight:500}.hud-dots:after{content:"…";animation:dots 1s steps(4,end) infinite}@keyframes hud-in{0%{opacity:0;transform:translateY(6px)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.shutter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.9rem 2.4rem;font:inherit;font-size:1.05rem;font-weight:600;color:#0b0d10;background:#e8eaed;cursor:pointer;transition:transform 80ms ease,opacity .12s ease}.shutter:active:not(:disabled){transform:scale(.97)}.shutter:disabled{opacity:.5;cursor:default}.hint{margin:-.4rem 0 0;font-size:.85rem;color:#6b7480}.actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.shutter--stream{background:#2f6f4f;color:#eafff2}.shutter--stream.is-live{background:#b23b3b;color:#fff;animation:live-pulse 1.6s ease-in-out infinite}.shutter--voice{background:#2a2f37;color:#e8eaed}.shutter--voice.is-muted{background:#14171c;color:#6b7480}@keyframes live-pulse{50%{opacity:.72}}@media(prefers-reduced-motion:reduce){.shutter--stream.is-live{animation:none}}.road{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"tl tr" ".  . " "bl br";gap:.4rem;padding:.5rem;pointer-events:none}.road-cell{background:rgba(8,10,13,var(--hud-alpha));backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-radius:.6rem;padding:.4rem .6rem;font-size:clamp(.85rem,2.4vw,1.1rem);font-weight:600;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.8);align-self:start;max-width:100%;overflow-wrap:anywhere}.road-tl{grid-area:tl;justify-self:start}.road-tr{grid-area:tr;justify-self:end;text-align:right}.road-bl{grid-area:bl;justify-self:start;align-self:end}.road-br{grid-area:br;justify-self:end;align-self:end;text-align:right}.road-mph{font-size:clamp(1.4rem,5vw,2.2rem);font-weight:700;letter-spacing:-.02em}.road-unit{font-size:.7em;opacity:.75;margin-left:.2rem}.road-limit{display:block;font-size:.75em;opacity:.85}.road-ahead{font-size:clamp(.95rem,3vw,1.3rem)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.road-cell{background:#080a0d8c}}.prog{gap:.7rem;place-content:center;background:#000000b8}.prog-label{margin:0;font-size:.95rem;font-weight:600;color:#e8eaed;text-align:center}.prog-pct{color:#8fd6ff;font-variant-numeric:tabular-nums}.prog-sub{margin:0;font-size:.78rem;color:#8b94a0;text-align:center}.prog-track{width:min(72%,18rem);height:.45rem;border-radius:999px;background:#22262d;overflow:hidden}.prog-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#4d7cfe,#8fd6ff);transition:width .18s ease}.prog-bar.is-indet{width:40%;animation:prog-slide 1.1s ease-in-out infinite}@keyframes prog-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.prog-bar.is-indet{animation-duration:2.4s}}.photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;display:block;cursor:crosshair;touch-action:manipulation}.tapdot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #0009;pointer-events:none}.cr{width:100%;max-width:34rem}.cr-help{margin:0;font-size:.9rem;color:#8b94a0;text-align:center}.cr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.cr-row{display:grid;grid-template-columns:1.4rem minmax(5.5rem,auto) 1fr 2.6rem auto;align-items:center;gap:.5rem;font-size:.95rem}.cr-chip{width:1.4rem;height:1.4rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.25)}.cr-name{font-weight:600}.cr-warn{color:#ffc46b}.cr-bar{height:.55rem;border-radius:999px;background:#22262d;overflow:hidden}.cr-fill{display:block;height:100%;border-radius:999px}.cr-pct{text-align:right;font-variant-numeric:tabular-nums;color:#c7cdd6}.cr-conf{font-size:.78rem;color:#8b94a0;font-variant-numeric:tabular-nums}.cr-items{margin:.7rem 0 0;font-size:.85rem;color:#8b94a0;line-height:1.45}.cr-items-label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:#6b7480}.gate-screen{min-height:100dvh;justify-content:center}.gate{width:100%;max-width:20rem;display:flex;flex-direction:column;gap:.75rem;text-align:center}.gate-title{margin:0 0 .5rem;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600;letter-spacing:-.01em}.gate-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7480}.gate-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #2a2f37;border-radius:.6rem;padding:.8rem .9rem;font:inherit;font-size:1rem;text-align:center;letter-spacing:.12em;color:#e8eaed;background:#14171c}.gate-input:focus{outline:none;border-color:#4b5563}.gate-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.8rem 1.6rem;font:inherit;font-weight:600;color:#0b0d10;background:#e8eaed;cursor:pointer}.gate-btn:disabled{opacity:.5;cursor:default}.gate-error{margin:0;font-size:.85rem;color:#ff9b9b}.gate-hint{margin:0;font-size:.9rem;color:#6b7480}@media(orientation:landscape)and (max-height:600px){.app{height:100vh;height:100dvh;max-width:none;padding:.4rem .9rem .5rem;gap:.4rem .75rem;display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,28vw,250px);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"stage bar" "stage framing" "stage ." "stage shutter" "stage hint";align-items:center}.bar{grid-area:bar}.framing{grid-area:framing}.shutter{grid-area:shutter}.hint{grid-area:hint}.debug{display:none}.bar{flex-direction:column;align-items:flex-start;gap:.25rem}.topic,.topic-select{width:100%}.title{font-size:.95rem}.topic-label{font-size:.7rem}.topic-select{padding:.35rem 1.9rem .35rem .6rem;font-size:.85rem}.framing{gap:.25rem}.fbtn{width:2rem;height:2rem;font-size:.9rem}.fzoom{font-size:.78rem}.stage{grid-area:stage;aspect-ratio:auto;align-self:stretch;width:100%;height:100%;min-height:110px}.hud{right:.5rem;bottom:.5rem;font-size:1rem;padding:.5rem .75rem}.shutter{flex-shrink:0;padding:.55rem 2.25rem;font-size:.95rem}.hint{margin:0;font-size:.7rem}}@media(prefers-reduced-motion:reduce){.hud,.hud-dots:after{animation:none}}@media(max-width:640px)and (orientation:portrait){.app{padding:.75rem .75rem 1.25rem;gap:.75rem;min-height:100dvh}.bar{gap:.5rem}.title{font-size:1rem;flex:1 1 100%}.topic{flex:1 1 100%}.topic-select{flex:1 1 auto;padding:.7rem 2rem .7rem .75rem;font-size:1rem}.stage{aspect-ratio:3 / 4;flex:1 1 auto;border-radius:10px}.hud{right:.6rem;bottom:.6rem;max-width:calc(100% - 1.2rem);font-size:1.1rem}.shutter{width:100%;padding:1.1rem 0;font-size:1.15rem}.framing{gap:.2rem}.fbtn{width:2.125rem;height:2.125rem;font-size:1rem}.fzoom{font-size:.8rem;min-width:2.75ch}.fsep{margin:0 .05rem}}