:root{--ink:#16140f;--paper:#fff;--muted:#5f646a;--chip:#ffffffeb;--good:#2f9e44;--warn:#e8890c;--bad:#d6332a;--amber:#ffad1f;--yellow:#f5cf1d;--hivis:#d6ee2a;--story-a:#ff9a1f;--story-b:#ff4a2e;--story-c:#ff2f6e;--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);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1b1d1f;margin:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}[hidden]{display:none!important}button{font:inherit;cursor:pointer;touch-action:none}#hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));align-items:flex-start;gap:10px;display:flex;position:absolute}.progress{background:var(--chip);border-radius:12px;flex:1;max-width:520px;padding:6px 10px 8px;box-shadow:0 2px 10px #00000026}.progress-labels{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.progress-labels #progress-count{color:var(--ink)}.progress-bar{background:#e4e6e8;border-radius:3px;height:6px;position:relative}#progress-fill{background:var(--ink);border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}#progress-dots .dot{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;font-size:8px;font-weight:800;line-height:10px;position:absolute;top:50%}#progress-dots .dot.done{background:var(--yellow)}.hud-buttons{pointer-events:auto;gap:8px;display:flex}.icon-btn{background:var(--chip);width:40px;height:40px;color:var(--ink);border:0;border-radius:12px;place-items:center;display:grid;box-shadow:0 2px 10px #00000026}.icon-btn svg{width:22px;height:22px}.icon-btn.muted [data-wave]{display:none}.dash{left:50%;top:calc(64px + var(--safe-t));align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%)}.speedo{background:var(--chip);border-radius:16px;align-items:center;gap:10px;padding:6px 10px 6px 14px;display:flex;box-shadow:0 2px 10px #00000026}.speed{font-variant-numeric:tabular-nums;text-align:right;min-width:70px;font-size:30px;font-weight:800;line-height:1}.speed small{color:var(--muted);margin-left:3px;font-size:12px;font-weight:700}.speed.over{color:var(--bad)}.limit{background:#fff;border:5px solid #d6232a;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Arial Narrow,Arial,sans-serif;font-size:15px;font-weight:800;display:grid}.ind{background:#1416188c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.ind kbd{width:18px;height:18px;color:var(--ink);background:#fff;border-radius:5px;place-items:center;font:800 11px system-ui,sans-serif;display:grid;position:absolute;bottom:-6px;right:-4px;box-shadow:0 2px #00000073}body.touch .ind kbd{display:none}.ind svg{fill:#ffffff40;width:26px;height:26px}.ind.on svg{fill:#3ddc5a;filter:drop-shadow(0 0 6px #3ddc5a)}.chips{top:calc(122px + var(--safe-t));flex-wrap:wrap;justify-content:center;gap:6px;width:min(92vw,560px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.chip{background:var(--chip);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001f}.chip svg{width:15px;height:15px}.chip.phase{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.04em}.chip.phase b{color:var(--yellow)}.chip.hazard{color:var(--bad);border:2px solid var(--bad);background:#fff}.chip.gap.good{color:var(--good)}.chip.gap.warn{color:var(--warn)}.chip.gap.bad{color:var(--bad)}.chip.gust{color:#2b5d74;background:#e7f2f7}.clearance{right:calc(14px + var(--safe-r));top:calc(64px + var(--safe-t));background:var(--chip);border-radius:14px;width:150px;padding:8px 10px;position:absolute;box-shadow:0 2px 10px #00000026}.clearance-head{color:var(--muted);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.clearance-head b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.clearance-bar{background:#e4e6e8;border-radius:5px;height:10px;margin:6px 0 4px;position:relative;overflow:hidden}.clearance-fill{background:var(--good);width:0;position:absolute;inset:0 auto 0 0}.clearance-fill.warn{background:var(--warn)}.clearance-fill.bad{background:var(--bad)}.clearance-need{background:var(--ink);width:2px;position:absolute;top:-2px;bottom:-2px}.clearance-foot{color:var(--muted);font-size:10px;font-weight:600}.toast{color:var(--ink);letter-spacing:-.02em;text-align:center;background:#fff;border-radius:10px;max-width:min(86vw,520px);padding:10px 16px;font-family:Times New Roman,Georgia,serif;font-size:clamp(20px,4.4vw,32px);font-stretch:75%;line-height:1.05;animation:.25s ease-out pop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0000002e}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.key-hint{bottom:calc(12px + var(--safe-b));color:#fff;background:#14161899;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px 12px;max-width:calc(100vw - 24px);padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.key-hint span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.key-hint small{opacity:.7;font-weight:500}.key-hint kbd{min-width:20px;height:20px;color:var(--ink);background:#fff;border-radius:5px;place-items:center;padding:0 4px;font:800 11px system-ui,sans-serif;display:inline-grid;box-shadow:0 2px #00000073}body.touch .key-hint{display:none}#touch{pointer-events:none;height:0;position:absolute;inset:auto 0 0}.touch-left,.touch-right{bottom:calc(14px + var(--safe-b));pointer-events:auto;position:absolute}.touch-left{left:calc(14px + var(--safe-l));width:min(46vw,300px)}.touch-right{right:calc(14px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ind-buttons{justify-content:space-between;margin-bottom:10px;display:flex}.ind-btn{background:#14161899;border:0;border-radius:16px;place-items:center;width:62px;height:52px;display:grid}.ind-btn svg{fill:#fffc;width:30px;height:30px}.ind-btn.on{background:#141618cc;box-shadow:inset 0 0 0 3px #3ddc5a}.ind-btn.on svg{fill:#3ddc5a}.steer{background:#14161873;border:2px solid #ffffff59;border-radius:37px;height:74px;position:relative}.steer-track{background:#ffffff59;border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:28px;right:28px}.steer-knob{background:#fff;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;transition:transform .25s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0000004d}.steer:active .steer-knob{transition:none}.pedals{align-items:flex-end;gap:10px;display:flex}.pedal{color:#fff;text-transform:uppercase;letter-spacing:.05em;border:0;border-radius:18px;font-size:14px;font-weight:800;box-shadow:0 3px #00000059}.pedal.brake{background:#d6332ad9;width:84px;height:84px}.pedal.gas{background:#2f9e44e0;width:84px;height:120px}.pedal.held,.horn-btn.held{box-shadow:none;filter:brightness(1.15);transform:translateY(3px)scale(.97)}.horn-btn{color:#fff;background:#14161899;border:0;border-radius:12px;height:36px;padding:0 14px;font-size:12px;font-weight:700}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));touch-action:pan-y;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.splash{cursor:pointer;background:radial-gradient(circle at 50% 40%,#1b1d1f59,#1b1d1fd9)}.splash-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.splash-start{padding:15px 28px;font-size:18px;animation:1.6s ease-in-out infinite pulse}.splash-hint{color:#fffc;font-size:13px;font-weight:600}@keyframes pulse{50%{transform:scale(1.06)}}.loading{color:#fff;font-size:18px;font-weight:700}.title-screen{background:linear-gradient(#1b1d1f26,#1b1d1fa6)}.title-inner{text-align:center;color:#fff;width:100%;max-width:560px}.title-avatar{justify-content:center;margin-bottom:4px;display:flex}.badge-text{color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);letter-spacing:-.02em;margin:0;font:italic 900 clamp(46px,13vw,92px)/1 Arial Black,Impact,Helvetica Neue,sans-serif}.tagline{text-shadow:0 1px 6px #00000080;margin:10px 0 18px;font-size:16px;font-weight:600;line-height:1.4}.title-actions,.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{color:var(--ink);touch-action:manipulation;background:#fff;border:0;border-radius:14px;padding:13px 20px;font-size:15px;font-weight:800;box-shadow:0 3px #0000004d}.btn.primary{background:var(--yellow);box-shadow:0 3px 0 var(--ink), 0 0 0 2px var(--ink) inset}.btn.ghost{color:inherit;box-shadow:none;background:0 0;text-decoration:underline}.btn:active{box-shadow:none;transform:translateY(2px)}.pb{text-shadow:0 1px 6px #0009;margin-top:14px;font-size:14px;font-weight:700}.howto{text-align:left;max-width:460px;color:var(--ink);background:#fffffff2;border-radius:14px;margin:16px auto 0;padding:10px 14px;font-size:14px;line-height:1.45}.howto summary{cursor:pointer;font-weight:800}.howto ol{margin:8px 0;padding-left:20px}body.touch .controls-desktop,body:not(.touch) .controls-touch{display:none}.credit{opacity:.75;margin-top:14px;font-size:11px}.credit.made-by{margin-bottom:-10px}.credit a{color:inherit}.panel{text-align:center;background:#fff;border-radius:18px;gap:10px;min-width:240px;padding:20px;display:grid}.panel h2{margin:0 0 6px}.card-screen{background:#0a0a0a59}.card{background:linear-gradient(160deg, var(--story-a) 0%, var(--story-b) 55%, var(--story-c) 100%);color:#fff;border-radius:22px;width:min(420px,100%);padding:16px 16px 18px;animation:.3s ease-out rise;box-shadow:0 18px 50px #00000059}.card.perfect{background:radial-gradient(circle at 50% 30%, #fff3a0 0%, var(--yellow) 35%, #f0a20b 100%);color:var(--ink)}.card.crash{background:linear-gradient(160deg,#3a3d42,#1b1d1f)}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}}.card-head{align-items:center;gap:10px;display:flex}.card-head canvas{border-radius:50%}.card-who{flex-direction:column;line-height:1.15;display:flex}.card-who b{font-size:15px}.card-who span{opacity:.85;font-size:12px}.card-score{letter-spacing:-.03em;margin:12px 0 10px;font-size:68px;font-weight:800;line-height:1}.card-score small{opacity:.8;font-size:28px}.card-score.badge{color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font:italic 900 52px/1 Arial Black,Impact,sans-serif}.caption{color:#111;letter-spacing:-.025em;background:#fff;border-radius:8px;padding:10px 14px;font-family:Times New Roman,Nimbus Roman,Georgia,serif;font-size:23px;font-stretch:75%;line-height:1.08;display:inline-block;box-shadow:0 4px 14px #00000026}.breakdown{background:#0000002e;border-radius:14px;gap:4px;margin:14px 0;padding:10px 12px;font-size:13px;list-style:none;display:grid}.card.perfect .breakdown{background:#ffffff73}.breakdown li{grid-template-columns:18px 1fr auto;align-items:baseline;gap:6px;display:grid}.breakdown .mark{font-weight:900}.breakdown .label{font-weight:700}.breakdown .note{opacity:.85;grid-column:2/4;margin-top:-3px;font-size:12px}.breakdown .ded{font-variant-numeric:tabular-nums;opacity:.9;font-weight:700}.card .btn{width:100%}.bonk-screen{background:repeating-conic-gradient(from 0deg at 50% 45%, #f5cf1deb 0 10deg, #ffad1feb 10deg 20deg);cursor:pointer}.bonk-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:min(520px,100%);display:flex}.bonk-shout{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);letter-spacing:-.03em;font:italic 900 clamp(64px,18vw,140px)/.9 Arial Black,Impact,sans-serif}.bonk-face canvas{box-shadow:0 0 0 6px var(--ink), 10px 12px 0 6px #00000059;border-radius:50%;display:block}.bonk-quip{font-size:clamp(20px,5vw,28px)}.bonk-screen.go .bonk-face{animation:.45s cubic-bezier(.2,1.6,.4,1) both slam,.35s linear .45s both shake}.bonk-screen.go .bonk-shout{animation:.35s cubic-bezier(.2,1.8,.4,1) .1s both slam}.bonk-screen.go .bonk-quip{animation:.3s ease-out .5s both rise}@keyframes slam{0%{opacity:0;transform:scale(2.6)rotate(-14deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)rotate(-2deg)}40%{transform:translate(7px,-5px)rotate(2deg)}60%{transform:translate(-5px,3px)}80%{transform:translate(4px,-2px)}}@media (max-height:460px){.bonk-inner{flex-flow:wrap;justify-content:center}.bonk-shout{width:100%;font-size:64px}.bonk-quip{text-align:left;max-width:300px}}.end-screen{background:#0f0f0f8c}.end-inner{color:#fff;text-align:center;width:min(560px,100%)}.end-inner h2{margin:0 0 12px;font-size:22px}.end-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px;display:grid}.stat{color:var(--ink);background:#fff;border-radius:14px;padding:10px}.stat b{font-size:30px;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:12px;font-weight:600}.stat.pb-new{background:var(--yellow)}.end-best{text-align:left;gap:8px;margin-bottom:12px;display:grid}.end-best .row{color:var(--ink);background:#fffffff2;border-radius:12px;padding:8px 12px;font-size:13px}.end-best .row b{min-width:44px;display:inline-block}.share-preview img{border-radius:12px;max-width:70%;max-height:38vh;margin-bottom:12px;box-shadow:0 8px 24px #00000059}.rotate-hint{display:none}@media (orientation:portrait) and (max-width:600px){.dash{top:calc(62px + var(--safe-t))}.speed{min-width:60px;font-size:26px}.clearance{top:calc(160px + var(--safe-t));width:170px;right:50%;transform:translate(50%)}.chips{top:calc(116px + var(--safe-t))}.touch-left{width:52vw}.pedal.gas{width:72px;height:108px}.pedal.brake{width:72px;height:76px}}@media (max-height:460px){.dash{top:calc(8px + var(--safe-t));left:auto;right:calc(14px + var(--safe-r));gap:8px;transform:none}.ind{width:38px;height:38px}.speedo{padding:4px 8px 4px 12px}.ind-btn{width:54px;height:44px}.steer{height:64px}.hud-top .progress{max-width:34vw}.chips,.clearance{top:calc(64px + var(--safe-t))}.card-score{margin:6px 0;font-size:48px}.breakdown{grid-template-columns:1fr 1fr;font-size:12px}.breakdown .note{display:none}}