:root{--bg:#14151a;--surface:#1d1f27;--line:#2e3140;--text:#e7e8ee;--dim:#9aa0b1;--accent:#6ea8fe;--ok:#3ddc84;--bad:#ff6b6b;--map-ground:#26362f;--map-road:#3b3f49;--map-road-edge:#555b66;--map-marking:#b9bdc7;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f7f7f9;--surface:#fff;--line:#dfe1e8;--text:#14151a;--dim:#666c7a;--accent:#2563eb;--ok:#17944e;--bad:#d1344a;--map-ground:#dbe8d8;--map-road:#747985;--map-road-edge:#b4b9c1;--map-marking:#f0f1f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:650}h2{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .75rem;font-size:1rem;font-weight:600}p{margin:0}.screen{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1.5rem;width:min(30rem,100%);margin:0 auto;padding:max(2rem,6svh) 1.25rem 3rem;display:flex}.screen.wide{width:min(46rem,100%)}.screen section{text-align:left;width:100%}.lede{color:var(--dim)}.menu-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;padding:.7rem 1.4rem;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{color:var(--dim);background:0 0}.settings{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:.75rem 1rem}.settings summary{cursor:pointer;color:var(--dim);font-weight:600}.settings fieldset{border:none;flex-direction:column;gap:.4rem;margin:.75rem 0 0;padding:.5rem 0 0;display:flex}.settings legend{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.settings label{align-items:center;gap:.5rem;display:flex}.settings label.off{color:var(--dim)}.settings em{color:var(--dim);font-size:.85rem}.settings input[type=number]{font:inherit;width:4.5rem;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.2rem .4rem}.settings input[type=range]{accent-color:var(--accent);flex:1}.figures{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin:0;display:flex}.figures dt{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.figures dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.6rem;font-weight:650}.figures small{color:var(--dim);font-size:.8rem;font-weight:400;display:block}.delta{font-variant-numeric:tabular-nums;margin-left:.35em;font-size:.8em}.delta.good{color:var(--ok)}.delta.bad{color:var(--bad)}.pairs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.pairs th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-size:.8rem;font-weight:600}.pairs th,.pairs td{border-bottom:1px solid var(--line);padding:.4rem .5rem}.pairs td:nth-child(n+3),.pairs th:nth-child(n+3){text-align:right}.sparkline{width:100%;height:5rem;color:var(--accent)}.play.visual-accent-blue{--accent:#6ea8fe}.play.visual-accent-sky{--accent:#38bdf8}.play.visual-accent-cyan{--accent:#22d3ee}.play.visual-accent-indigo{--accent:#818cf8}.play.visual-accent-violet{--accent:#a78bfa}.play.visual-accent-amber{--accent:#fbbf24}@media (prefers-color-scheme:light){.play.visual-accent-blue{--accent:#2563eb}.play.visual-accent-sky{--accent:#0369a1}.play.visual-accent-cyan{--accent:#0e7490}.play.visual-accent-indigo{--accent:#4f46e5}.play.visual-accent-violet{--accent:#7c3aed}.play.visual-accent-amber{--accent:#a16207}}.play.visual-font-system{--direction-font:system-ui, "Segoe UI", Roboto, sans-serif}.play.visual-font-humanist{--direction-font:"Trebuchet MS", "Avenir Next", Avenir, sans-serif}.play.visual-font-serif{--direction-font:Georgia, "Times New Roman", serif}.play.visual-font-condensed{--direction-font:"Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif}.play.visual-font-mono{--direction-font:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace}.direction-text{font-family:var(--direction-font,system-ui, sans-serif)}.play{flex:1;grid-template-rows:auto 1fr auto auto;transition:background-color .14s;display:grid}.play[data-verdict=correct]{background:color-mix(in srgb, var(--ok) 14%, var(--bg))}.play[data-verdict=wrong]{background:color-mix(in srgb, var(--bad) 14%, var(--bg))}.hud{color:var(--dim);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.hud .btn{margin-right:auto;padding:.35rem .8rem}.hud-stat{font-variant-numeric:tabular-nums}.hud-stat b{color:var(--text);font-size:1.1rem}.stage{place-items:center;min-height:30svh;padding:1rem;display:grid}.respond{padding:0 1rem}.hint{text-align:center;color:var(--dim);margin-bottom:.6rem;font-size:.9rem}.verdict{height:2.5rem;color:var(--dim);font-variant-numeric:tabular-nums;place-items:center;display:grid}.flash{animation:.16s ease-out flash-in}@keyframes flash-in{0%{opacity:.15;transform:scale(.94)}}.stage-word{letter-spacing:-.04em;font-size:clamp(2.5rem,18vmin,9rem);font-weight:750;line-height:1}.stage-arrow svg{width:clamp(5rem,30vmin,18rem);height:auto;display:block}.stage-raised-hand{width:min(100%,clamp(18rem,72vmin,38rem))}.raised-hand-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem;display:grid}.raised-hand-labels span{border-radius:calc(var(--radius) * .8);color:#fff;letter-spacing:.035em;text-align:center;padding:.55rem .35rem;font-size:clamp(1rem,4vmin,1.6rem);font-weight:800;line-height:1}.raised-hand-labels .person-left{grid-column:1}.raised-hand-labels .person-right{grid-column:2}.raised-hand-labels .their-label{background:#632a4a}.raised-hand-labels .my-label{background:#1f2d4b}.stage-raised-hand img{border-radius:var(--radius);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.stage-overhead-turn{width:min(100%,clamp(18rem,62vmin,31rem))}.stage-overhead-turn svg{width:100%;height:auto;display:block}.overhead-turn-ground{fill:var(--map-ground);stroke:var(--line);stroke-width:4px}.overhead-turn-road-edge,.overhead-turn-road-surface{fill:none;stroke-linecap:butt;stroke-linejoin:round}.overhead-turn-road-edge{stroke:var(--map-road-edge);stroke-width:138px}.overhead-turn-road-surface{stroke:var(--map-road);stroke-width:128px}.overhead-turn-road-edge.narrow{stroke-width:84px}.overhead-turn-road-surface.narrow{stroke-width:74px}.overhead-turn-center-line{fill:none;stroke:var(--map-marking);stroke-width:2.5px;stroke-dasharray:10 11}.overhead-turn-route{fill:none;stroke-linecap:butt;stroke-linejoin:round;stroke:var(--accent);stroke-width:7px}.overhead-turn-arrowhead{fill:var(--accent)}.overhead-turn-car-body{fill:color-mix(in srgb, var(--accent) 78%, #fff)}.overhead-turn-car-window{fill:color-mix(in srgb, var(--surface) 70%, #74a9c9)}.stage-first-person-turn{width:min(100%,clamp(20rem,72vmin,36rem))}.first-person-turn-svg{width:100%;height:auto;display:block}.first-person-turn-sky{fill:color-mix(in srgb, var(--accent) 12%, var(--surface))}.first-person-turn-ground{fill:var(--map-ground)}.first-person-turn-horizon{fill:none;stroke:color-mix(in srgb, var(--map-ground) 76%, var(--line));stroke-width:4px}.first-person-turn-road-edge{fill:var(--map-road-edge)}.first-person-turn-road-surface{fill:var(--map-road)}.first-person-turn-center-mark{fill:var(--map-marking)}.first-person-turn-frame{fill:none;stroke:var(--line);stroke-width:4px}.stage-audio svg{width:clamp(4rem,18vmin,9rem);height:auto;color:var(--accent);display:block}.stage-moving-dots{width:clamp(13rem,52vmin,28rem)}.portal-dots-field{aspect-ratio:4;width:100%;position:relative}.portal-dots-viewport{position:absolute;inset:0 4.375%;overflow:hidden}.portal-dot-group{position:absolute;inset:0}.portal-dot{aspect-ratio:1;background:var(--accent);border-radius:50%;width:4.795%;position:absolute;top:50%;transform:translate(-50%,-50%)}.portal-bar{background:var(--text);border-radius:999px;width:4.375%;position:absolute;top:11.25%;bottom:11.25%}.portal-bar-left{left:0}.portal-bar-right{right:0}.stage-moving-dots.moving .portal-dot-group{animation:1.2s linear infinite portal-dots-travel}.stage-moving-dots.direction-left .portal-dot-group{animation-direction:reverse}.stage-laser{width:min(100%,clamp(20rem,70vmin,36rem))}.laser-svg{width:100%;height:auto;display:block}.laser-chamber{fill:#10131a}.laser-emitter-body{fill:#626b7a}.laser-emitter-neck{fill:#343b47}.laser-emitter-light{fill:#282d37}.laser-mirror-surface{fill:none;stroke-linecap:round;stroke:#dce5ef;stroke-width:11px}.laser-beam{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;opacity:0;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 8px #dcecff)}.laser-beam.revealed{opacity:1;animation:.15s linear laser-fire}.stage-laser.revealed .laser-emitter-light{fill:#fff;filter:drop-shadow(0 0 4px #fff)}@keyframes laser-fire{0%{opacity:.35;stroke-dashoffset:1px}}@keyframes portal-dots-travel{to{transform:translate(33.3333%)}}.arrow-buttons{gap:1rem;padding-bottom:1rem;display:flex}.arrow-button{height:min(28svh,14rem);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.5);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;place-items:center;display:grid}.arrow-button:active{background:color-mix(in srgb, var(--accent) 25%, var(--surface))}.arrow-button:focus{outline:none}.arrow-button:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.arrow-button svg{width:45%;max-width:8rem;height:auto;max-height:70%}.labeled-button{font:inherit;letter-spacing:.035em;font-size:clamp(1.5rem,7vw,3rem);font-weight:750}.speak-word{height:min(28svh,14rem);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.speak-dot{background:var(--dim);border-radius:50%;width:.7rem;height:.7rem}.speak-word.armed .speak-dot{background:var(--accent);animation:1.6s ease-out infinite speak-listening}@keyframes speak-listening{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 0 .8rem #0000}}.stacked-word-buttons{flex-direction:column;gap:1rem;height:min(28svh,14rem);padding-bottom:1rem;display:flex}.stacked-word-button{width:100%;height:auto;min-height:0}.steering-wheel{width:min(46vmin,18rem);color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0 auto 1rem}.steering-wheel.dragging{cursor:grabbing}.steering-wheel:focus{outline:none}.steering-wheel-svg{filter:drop-shadow(0 .45rem .65rem #00000038);width:100%;height:auto;display:block;overflow:visible}.steering-wheel-rotation{transform-box:view-box;transform-origin:50%;transition:transform .18s ease-out}.steering-wheel.dragging .steering-wheel-rotation{transition:none}.steering-wheel-rim,.steering-wheel-spokes{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.steering-wheel-rim{stroke-width:18px}.steering-wheel-spokes{stroke-width:15px}.steering-wheel-hub{fill:var(--surface);stroke:currentColor;stroke-width:8px}.steering-wheel-cap{fill:var(--accent)}.turn-signal-control{border-radius:calc(var(--radius) * 1.25);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:min(100%,34rem);margin:0 auto 1rem}.turn-signal-control:focus{outline:none}.turn-signal-frame{aspect-ratio:520/310;position:relative}.turn-signal-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.turn-signal-dashboard{fill:color-mix(in srgb, var(--surface) 72%, #050608);stroke:var(--line);stroke-width:4px}.signal-panel rect{fill:#15171c;stroke:#30343d;stroke-width:2px}.signal-panel path{fill:#4b4f59;transition:fill .1s,filter .1s}.signal-panel.active path{fill:#59e391;filter:drop-shadow(0 0 5px #59e391a6)}.turn-signal-lever{transform-box:view-box;transform-origin:231px 195px;transition:transform .13s ease-out}.turn-signal-control.dragging .turn-signal-lever{transition:none}.turn-signal-stalk{fill:none;stroke:#686d77;stroke-width:14px;stroke-linecap:round}.turn-signal-grip{fill:#252830;stroke:#7b808b;stroke-width:3px}.turn-signal-mark{fill:none;stroke:#a0a5af;stroke-width:3px;stroke-linecap:round}.turn-signal-lever-hit{fill:none;stroke:#0000;stroke-width:52px;cursor:grab;pointer-events:stroke}.turn-signal-control.dragging .turn-signal-lever-hit{cursor:grabbing}.turn-signal-wheel-rim,.turn-signal-wheel-spokes{fill:none;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round}.turn-signal-wheel-rim{stroke-width:24px}.turn-signal-wheel-spokes{stroke-width:21px}.turn-signal-wheel-hub{fill:var(--surface);stroke:var(--text);stroke-width:10px}.turn-signal-wheel-cap{fill:var(--accent)}.drag-dots-control{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:min(100%,32rem);margin:0 auto 1rem}.drag-dots-control.dragging{cursor:grabbing}.drag-dots-control:focus{outline:none}.portal-hit-area{position:absolute;inset:0}.type-word{place-items:center;padding-bottom:2rem;display:grid}.type-input{font:inherit;text-align:center;width:min(100%,16rem);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .8rem;font-size:clamp(1.5rem,7vw,3rem);font-weight:650}.type-input:focus{border-color:var(--accent);outline:none}@media (height<=500px){.hud{padding:.35rem .75rem}.stage{min-height:0;padding:.5rem}.hint{margin-bottom:.35rem}.verdict{height:1.75rem}.arrow-button{height:min(34svh,9rem)}.type-word,.arrow-buttons{padding-bottom:.75rem}.stacked-word-buttons{gap:.75rem;height:min(34svh,9rem);padding-bottom:.75rem}.steering-wheel{width:min(30vmin,9rem);margin-bottom:.5rem}.stage-overhead-turn{width:min(40vmin,12rem)}.stage-first-person-turn{width:min(56vmin,20rem)}.stage-raised-hand{width:min(48vmin,18rem)}.raised-hand-labels{gap:.35rem;margin-bottom:.35rem}.raised-hand-labels span{padding:.35rem .2rem;font-size:clamp(.75rem,3.5vmin,1rem)}.turn-signal-control{width:min(75vmin,27rem);margin-bottom:.5rem}.stage-moving-dots,.stage-laser{width:min(52vmin,20rem)}.drag-dots-control{width:min(82vmin,27rem);margin-bottom:.5rem}}