:root{--bg:#0e1621;--card:#101824f0;--text:#eef2f6;--muted:#a7b3c2;--line:#ffffff1f;--accent:#ffd23f;--go:#2fbf71;--stop:#e5484d;--minor:#f5a524;--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#000;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view,#hud{left:var(--stage-x,0);top:var(--stage-y,0);width:var(--stage-w,100vw);height:var(--stage-h,100dvh);position:fixed}#view{touch-action:none;display:block}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}#hud{pointer-events:none}.hud-stage{width:calc(var(--stage-w,100vw) / var(--hud-zoom,1));height:calc(var(--stage-h,100dvh) / var(--hud-zoom,1));zoom:var(--hud-zoom,1);position:absolute;top:0;left:0}.hud-top{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));align-items:center;gap:12px;display:flex;position:absolute}.dial{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1018b8;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex}.speed{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;min-width:78px;display:flex}.speed span{font-size:36px;font-weight:800;line-height:1}.speed small{color:var(--muted);font-size:13px}.speed.over span{color:var(--stop)}.progress{background:#0a10188c;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-text{font-variant-numeric:tabular-nums;white-space:nowrap;background:#0a101899;border-radius:8px;padding:3px 8px;font-size:13px;font-weight:600}#progress-bar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.icon-btn{pointer-events:auto;background:#0a1018b8;border:0;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.icon-btn svg{fill:var(--text)}.toast{top:calc(76px + var(--safe-t));text-align:center;background:#0a1018d1;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.pedals{display:none}body.touch .pedals{left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));justify-content:space-between;display:flex;position:absolute}.indicators{display:none}@media (pointer:coarse){body.touch.practice .indicators{justify-content:space-between;width:22%;display:flex;position:absolute;bottom:29%;left:50%;transform:translate(-50%)}}.indicator{pointer-events:auto;touch-action:manipulation;color:#fff;background:#0a101899;border:2px solid #ffffff59;border-radius:14px;width:64px;height:48px;font-size:20px}.indicator.on{color:#06310f;background:#35ff6ebf;border-color:#35ff6e;animation:.667s step-end infinite indicator-flash}@keyframes indicator-flash{50%{color:#fff;background:#35ff6e40}}.pedal{pointer-events:auto;touch-action:none;letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #ffffff59;border-radius:20px;width:min(22vw,92px);height:min(22vw,92px);font-size:16px;font-weight:800;transition:transform 60ms,background-color 60ms}.pedal.brake{background:#e5484d8c}.pedal.gas{background:#2fbf7180}.pedal.brake.pressed{background:#e5484de6;transform:scale(.95)}.pedal.gas.pressed{background:#2fbf71d9;transform:scale(.95)}@media (orientation:landscape) and (height<=500px){body.touch .pedals{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:max(8px, var(--safe-b))}.pedal{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;width:60px;height:60px;font-size:13px}.pedal.brake{background:#e5484d73}.pedal.gas{background:#2fbf7166}.indicator{width:56px;height:40px}}.key-hint{bottom:calc(14px + var(--safe-b));color:var(--muted);white-space:nowrap;background:#0a101899;border-radius:10px;padding:6px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}body.touch .key-hint{display:none}kbd{border:1px solid var(--line);color:var(--text);background:#ffffff14;border-radius:4px;padding:0 5px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.flash{pointer-events:none;opacity:0;background:#e5484d8c;position:fixed;inset:0}.flash.on{animation:.7s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#080c128c;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;width:min(520px,100%);padding:24px;box-shadow:0 20px 60px #00000073}.card.wide{-webkit-user-select:text;user-select:text;width:min(720px,100%);max-height:100%;overflow-y:auto}.card.center{text-align:center}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}h1{margin:0 0 8px;font-size:clamp(24px,6vw,32px);line-height:1.15}h2{margin:0 0 16px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px;font-size:15px}.lede{color:var(--muted);margin:0 0 16px}.howto{margin:0 0 22px;padding-left:20px}.howto li{margin-bottom:8px}.touch-only{display:none}body.touch .touch-only{display:inline}body.touch .kbd-only{display:none}.buttons{gap:10px;display:grid}.buttons.row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.buttons button,.card>button{border:1px solid var(--line);background:#ffffff14;border-radius:14px;min-height:50px;padding:12px 18px;font-weight:650}button.primary{background:var(--accent);color:#1a1400;border:0;width:100%}.spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:4px auto 14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verdict{border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.verdict span{color:#ffffffd9;font-weight:600}.verdict strong{letter-spacing:.02em;font-size:34px}.verdict.pass{background:linear-gradient(135deg,#1f8f55,#2fbf71)}.verdict.fail{background:linear-gradient(135deg,#b4262b,#e5484d)}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:12px}.stat b{font-variant-numeric:tabular-nums;font-size:26px;display:block}.stat b small{color:var(--muted);font-size:15px}.stat span{color:var(--muted);font-size:13px}.stat.bad b{color:var(--stop)}.hazards,.faults{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hazard{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:12px 14px}.hazard.bad{border-color:#e5484d99}.hazard-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hazard-head b{flex:1}.num{background:#ffffff1a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid}.pts{background:var(--accent);color:#1a1400;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800}.hazard-grid{grid-template-rows:auto auto;grid-template-columns:repeat(5,auto);grid-auto-flow:column;gap:2px 16px;font-size:14px;display:grid}.hazard-grid span{color:var(--muted);font-size:12px}.hazard-grid small{color:var(--muted);font-weight:400}.faults li{align-items:baseline;gap:10px;font-size:15px;display:flex}.faults li.none,.hazards li.none{color:var(--muted)}.sev{text-align:center;text-transform:uppercase;border-radius:6px;flex:none;width:82px;padding:1px 0;font-size:12px;font-weight:700}.sev.minor{color:var(--minor);background:#f5a52433}.sev.serious,.sev.dangerous{color:#ff7b7f;background:#e5484d33}.notes{color:var(--muted);margin:18px 0 0;font-size:14px}.notes b{color:var(--text)}@media (width<=560px){.card{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.hazard-grid{grid-template-rows:none;grid-template-columns:auto 1fr;grid-auto-flow:row;gap:2px 12px}.hazard-grid span{font-size:13px}.buttons.row{grid-template-columns:1fr}}.credits,body.touch .credits{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.4}.rotate{display:none}@media (orientation:portrait){body.touch .rotate{z-index:10;text-align:center;background:#0e1621;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex;position:fixed;inset:0}}.rotate p{margin:0}.rotate .muted{color:var(--muted);font-size:14px}.rotate-phone{transform-origin:32px 32px;animation:2.4s ease-in-out infinite turn-sideways}@keyframes turn-sideways{0%,25%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}.instruction{top:calc(74px + var(--safe-t));background:#0e3c8ce0;border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 18px 10px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.instruction b{font-size:19px;line-height:1.2;display:block}.instruction small{color:#cfe0ff;font-variant-numeric:tabular-nums;font-size:14px;display:block}.instr-arrow{flex:none;place-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:grid}body.practice .toast{top:calc(142px + var(--safe-t))}.practice-only{display:none}body.practice .practice-only{display:inline}.route-pick{margin:0 0 12px;font-weight:600;display:block}.route-pick select{font:inherit;border-radius:8px;margin-left:8px;padding:4px 8px}@media (orientation:landscape) and (height<=500px){.instruction{top:calc(60px + var(--safe-t));padding:6px 14px 6px 8px;left:40%}.instruction b{font-size:16px}.instr-arrow{width:28px;height:28px;font-size:22px}body.practice .toast{top:calc(116px + var(--safe-t))}}.credits a{color:#9cc3ff}.coach{top:calc(96px + var(--safe-t));right:calc(12px + var(--safe-r));background:#0a1018cc;border-radius:12px;width:min(300px,42%);padding:10px 12px;font-size:14px;line-height:1.35;position:absolute}.coach h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:13px}.coach ul{margin:0;padding:0;list-style:none}.coach li{align-items:baseline;gap:8px;padding:2px 0;display:flex}.coach li:before{content:"○";color:var(--muted)}.coach li.done{color:#9fe6b4}.coach li.done:before{content:"✓";color:#3dff7a}.coach kbd{margin-left:auto}.coach .tip{border-radius:8px;margin:8px 0 0;padding:6px 8px;font-weight:700}.coach .tip.stop{background:#e5484d59}.coach .tip.go{background:#2fbf7159}.coach .tip.info{background:#ffffff1f}.picks{flex-wrap:wrap;gap:4px 18px;display:flex}.mode-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-buttons button small{opacity:.8;margin-top:2px;font-size:12px;font-weight:500;display:block}@media (orientation:landscape) and (height<=500px){.coach{top:calc(56px + var(--safe-t));width:min(250px,36vw);padding:6px 8px;font-size:12px}body.practice .coach{top:calc(64px + var(--safe-t));right:calc(70px + var(--safe-r));width:min(200px,29%);font-size:10px;line-height:1.2}body.practice .coach h4{margin-bottom:3px;font-size:10px}body.practice .coach kbd{white-space:nowrap;font-size:10px}body.practice .coach .tip{margin-top:4px;padding:3px 6px}}.car-tip{z-index:5;pointer-events:none;white-space:nowrap;background:#0a1018d9;border-radius:6px;padding:4px 8px;font-size:13px;position:fixed;top:0;left:0}body.practice .dial{display:none}