:root{--ink:#1f2a36;--panel:#141c26b8;--red:#c8102e;--amber:#ffa31a;--green:#1a7f37;--btn:#ffffff29;--btn-down:#ffffff6b;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{color:#fff;touch-action:none;background:#1f2a36;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud button,#pedal{pointer-events:auto}#dash{top:10px;left:calc(10px + var(--safe-l));background:var(--panel);border-radius:14px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute}#speed{align-items:baseline;gap:4px;min-width:92px;display:flex}#kmh{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}#speed small{opacity:.7}#speed.near #kmh{color:var(--amber)}.limit-sign{border:6px solid var(--red);color:#111;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:grid}#clock{font-variant-numeric:tabular-nums;opacity:.85}#minimap{top:10px;right:calc(10px + var(--safe-r));border:2px solid #ffffffd9;border-radius:12px;width:150px;height:150px;position:absolute;box-shadow:0 4px 14px #00000059}#notice{opacity:0;white-space:nowrap;background:#1a7f37e6;border-radius:999px;padding:6px 14px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:70px;left:50%;transform:translate(-50%,-8px)}#notice.show{opacity:1;transform:translate(-50%)}#belt{white-space:nowrap;opacity:0;visibility:hidden;background:#d27800f0;border-radius:999px;align-items:center;gap:10px;padding:10px 10px 10px 18px;font-size:19px;font-weight:800;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%,-8px)}#belt.show{opacity:1;visibility:visible;transform:translate(-50%)}#belt button{color:var(--ink);background:#ffffffeb;border-radius:999px;padding:3px 10px;font-size:15px;font-weight:700;text-decoration:none}#belt button[hidden]{display:none}#left-controls{left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}#blinkers{gap:12px;display:flex}#blinkers button.armed{border-color:var(--amber);color:var(--amber)}#blinkers button.on{background:var(--amber);color:#3a2200;box-shadow:0 0 14px var(--amber);border-color:#fff}svg.arrow{fill:currentColor;vertical-align:middle;width:1em;height:1em}.right>svg.arrow{transform:scaleX(-1)}.telltale{color:#ffffff2e;font-size:20px;font-weight:900}.telltale.on{color:#35e06a;filter:drop-shadow(0 0 5px #35e06a)}#wheel{width:180px;height:172px;position:relative}#wheel:before{content:"";box-sizing:border-box;pointer-events:none;border:11px solid #14181e8c;border-radius:50%;width:150px;height:150px;position:absolute;top:15px;left:15px;box-shadow:0 0 0 1px #ffffff59}#dirs{position:absolute;inset:0}#dir-straight{top:0;left:63px}#dir-left{top:68px;left:0}#dir-right{top:68px;left:126px}#dirs button{background:var(--btn);color:#fff;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:2px solid #ffffff8c;border-radius:16px;width:54px;height:54px;font-size:30px;font-weight:800;position:absolute}#dirs button.on{background:#1d6ee6;border-color:#fff}#dirs button.gps:after{content:"";background:#ffd23f;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}#dirs button:disabled{opacity:.3}#dirs.locked button.on{background:#4a6f9e}#pedals{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;gap:10px;display:grid;position:absolute}#pedals button,#blinkers button{background:var(--btn);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;border:2px solid #ffffff8c;border-radius:18px;font-weight:800}#pedals button.down{background:var(--btn-down)}#handbrake{grid-area:1/1;justify-self:center;width:52px;height:44px;font-size:20px}#gear{grid-area:2/1;justify-self:center;width:52px;height:44px;font-size:18px}#horn{touch-action:none;background:#282c34cc;border:2px solid #ffffff8c;border-radius:50%;width:60px;height:60px;font-size:24px;position:absolute;top:75px;left:60px}#horn:before{content:"";z-index:-1;background:#e6a014;border-radius:50%;position:absolute;inset:4px;transform:scale(0)}#horn{isolation:isolate}#horn.charging:before{animation:.25s linear forwards horn-charge}@keyframes horn-charge{to{transform:scale(1)}}#weather{font-size:20px}#mission-icon{font-size:64px;line-height:1.1}#mission-story{font-size:17px;line-height:1.45}.career-line{color:#6a4c93;margin:-6px 0 12px;font-size:14px;font-weight:700}.weather-line{background:#f3eee2;border-radius:10px;margin:4px 0 12px;padding:6px 10px}#gear.on{color:#111;background:#f5f5f5}.gear{background:#ffffff26;border-radius:6px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.gear.reverse{color:#111;background:#f5f5f5}#repeater{left:calc(12px + var(--safe-l));background:#1c1d20;border-radius:10px;flex-direction:column;gap:5px;padding:6px;display:flex;position:absolute;top:42%;box-shadow:0 4px 14px #00000059}#repeater[hidden]{display:none}#repeater i{background:#2b2b2b;border-radius:50%;width:22px;height:22px}#repeater.red .red{background:#ff2a2a;box-shadow:0 0 10px #ff2a2a}#repeater.orange .orange{background:#ffab1a;box-shadow:0 0 10px #ffab1a}#repeater.green .green{background:#2fe060;box-shadow:0 0 10px #2fe060}#guide{background:#103c6ed9;border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}#guide.hidden{display:none}#guide-icon svg{width:40px;height:40px;display:block}#guide-text{flex-direction:column;line-height:1.15;display:flex}#guide-what{font-size:17px}#guide-dist{opacity:.85;font-variant-numeric:tabular-nums;font-size:13px}#mute{pointer-events:auto;background:0 0;border:0;padding:2px 4px;font-size:18px}#alarm{pointer-events:none;opacity:0;position:fixed;inset:0}#alarm.on{animation:.55s step-end infinite beacons}@keyframes beacons{0%{opacity:1;box-shadow:inset 0 0 90px 20px #286effbf}50%{opacity:1;box-shadow:inset 0 0 90px 20px #e61e32b3}}@media (prefers-reduced-motion:reduce){#alarm.on{opacity:1;animation:none;box-shadow:inset 0 0 70px 14px #286eff99}}#flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}#flash.go{animation:.7s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.screen{background:#0f141c8c;place-items:safe center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.hidden{display:none}.card{width:min(560px,100%);color:var(--ink);text-align:center;background:#fbf8f2;border-radius:18px;padding:18px 22px;box-shadow:0 10px 40px #0006}.card h1{letter-spacing:.5px;margin:0 0 4px;font-size:34px}.card h2{margin:6px 0}.lead{margin:0 0 10px;line-height:1.4}.rules{text-align:left;columns:2 250px;column-gap:18px;margin:0 0 12px;padding:0;font-size:14px;list-style:none}.rules li{break-inside:avoid;align-items:center;gap:8px;margin:0 0 6px;display:flex}.rules .i{flex:none;place-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:grid}.rules .i.lim{border:4px solid var(--red);border-radius:50%;font-size:11px}.rules .i.stop{background:var(--red);color:#fff;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);font-size:9px}.rules .i.yield{background:var(--red);clip-path:polygon(0 8%,100% 8%,50% 95%)}.rules .i.prio{background:#f2b705;outline:2px solid #fff;width:16px;height:16px;margin:7px;transform:rotate(45deg);box-shadow:0 0 0 3px #bbb}.howto{opacity:.8;margin:0 0 10px;font-size:13px}.rules .i.blink{color:#d98200}.rules .i.round{color:#fff;background:#1d5fb8;border-radius:50%}button.big{color:#fff;background:var(--green);border:0;border-radius:14px;padding:14px 34px;font-size:20px;font-weight:800;box-shadow:0 4px #0f5324}button.big:active{transform:translateY(2px);box-shadow:0 2px #0f5324}.stats{opacity:.75;margin:12px 0 0;font-size:13px}#result-icon{font-size:54px}#result-detail{margin:0 0 16px;line-height:1.45}#result-screen[data-kind=flash] h2,#result-screen[data-kind=crash] h2,#result-screen[data-kind=fault] h2{color:var(--red)}#result-screen[data-kind=win] h2{color:var(--green)}@media (height<=420px),(width<=480px){#pedal{width:70px;height:204px}#blinkers button{width:54px;height:40px}#minimap{width:124px;height:124px}.card{padding:12px 16px}.card h1{font-size:26px}.rules{font-size:12.5px}.rules li{margin-bottom:3px}}@media (width<=640px){#guide{top:74px;left:calc(10px + var(--safe-l));transform:none}#notice{top:132px}}.card.wide{width:min(880px,100%);position:relative}.card h1 small{letter-spacing:0;color:#b07a2a;font-size:15px;font-style:italic;font-weight:700;display:block}.langs{gap:4px;display:flex;position:absolute;top:12px;right:14px}@media (width<=520px){.langs{justify-content:flex-end;margin-bottom:2px;position:static}}.lang{color:var(--ink);background:#fff;border:2px solid #c9c2b4;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:800}.lang.on{border-color:var(--green);background:var(--green);color:#fff}.columns{text-align:left;grid-template-columns:minmax(0,1fr);gap:14px 22px;display:grid}@media (width>=720px){.columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.play{flex-direction:column;align-items:stretch;gap:10px;display:flex}.levels{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.level{color:var(--ink);background:#fff;border:2px solid #c9c2b4;border-radius:12px;padding:9px 4px;font-size:15px;font-weight:800}.level.on{border-color:var(--green);background:var(--green);color:#fff}.blurb{min-height:2.7em;margin:0;font-size:13px;line-height:1.35}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.scores caption{text-align:left;padding-bottom:4px;font-weight:800}.scores td{border-top:1px solid #e3ddd0;padding:3px 6px}.scores td:first-child{opacity:.6;width:1.5em}.scores td:last-child{text-align:right;opacity:.65}.rulebook .rules{columns:1}#notice.hint{background:#d27800f0}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}button.plain{color:var(--ink);background:0 0;border:0;padding:10px;font-size:15px;text-decoration:underline}@media (width<=480px){#dash{gap:6px;padding:5px 8px}#speed{min-width:0}#kmh{font-size:26px}#speed small{display:none}.limit-sign{border-width:5px;width:38px;height:38px;font-size:14px}.telltale{font-size:15px}}.tilt-toggle,.cam-toggle{width:100%;color:var(--ink);text-align:left;background:#fff;border:2px solid #c9c2b4;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.tilt-toggle:after,.cam-toggle:after{content:"";background:#c9c2b4 radial-gradient(circle at 12px,#fff 8px,#0000 9px);border-radius:12px;flex:none;width:42px;height:24px;transition:background .15s}.tilt-toggle.on,.cam-toggle.on{border-color:var(--green)}.tilt-toggle.on:after,.cam-toggle.on:after{background:radial-gradient(circle at 30px 50%, #fff 8px, transparent 9px) var(--green)}.tilt-help{margin:6px 0 0;font-size:13px;line-height:1.35}.tilt-toggle[hidden],.tilt-help[hidden]{display:none}#pedal{--coast:.12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #ffffff8c;border-radius:18px;grid-area:1/2/span 2;width:84px;height:232px;position:relative;overflow:hidden}#pedal .zone{color:#fff;pointer-events:none;justify-content:center;font-weight:800;display:flex;position:absolute;left:0;right:0}#pedal .zone.gas{height:calc(50% - var(--coast) * 50%);background:linear-gradient(#1a7f3773,#1a7f372e);align-items:flex-start;padding-top:10px;font-size:28px;top:0}#pedal .zone.brake{height:calc(50% - var(--coast) * 50%);background:linear-gradient(#c8102e2e,#c8102e80);align-items:flex-end;padding-bottom:12px;font-size:16px;bottom:0}#pedal:before{content:"";left:0;right:0;top:calc(50% - var(--coast) * 50%);height:calc(var(--coast) * 100%);background:#282c34b3;position:absolute}#pedal.auto .zone.brake{background:linear-gradient(#d6282873,#ff8a80cc)}#pedal .fill{pointer-events:none;height:0;position:absolute;left:0;right:0}#pedal .fill.gas{background:#3cdc69d9;bottom:50%}#pedal .fill.brake{background:#ff403ae6;top:50%}#pedal .mark{pointer-events:none;background:#fff;border-radius:3px;height:6px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%);box-shadow:0 0 6px #00000080}#pedal.held .mark{background:#ffe066;height:10px}.lang{align-items:center;gap:4px;display:inline-flex}.lang[hidden]{display:none}.flag{background-size:100% 100%;border-radius:2px;width:20px;height:14px;display:inline-block;box-shadow:0 0 0 1px #0000002e}.flag.fr{background:linear-gradient(90deg,#0055a4 33.3%,#fff 33.3% 66.6%,#ef4135 66.6%)}.flag.nl{background:linear-gradient(#ae1c28 33.3%,#fff 33.3% 66.6%,#21468b 66.6%)}.flag.en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23C8102E' stroke-width='2'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}.flag.wa{background:#ffe10a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23d8161c'%3E%3Cpath d='M23 16c-1-5 3-8 6-5 0-5 5-7 8-3 1-4 7-4 7 1 3-1 5 2 3 5-3 2-7 3-12 3-5 1-9 1-12-1z'/%3E%3Cpath d='M21 23c4-6 15-7 21-3 6 4 7 10 8 17 1 5 3 9 8 10 9 1 17 3 21 9 3 5 2 11-2 15-6 6-16 8-26 6-10-2-17-8-20-15-2-5-1-10 0-14 0-4-2-7-5-8l-8 1 5-4c-3-2-3-5-2-8z'/%3E%3Cpath d='M21 25l-10 3 9 3z'/%3E%3Cpath d='M23 31c-1 6 1 10 5 10 3 0 3-5 1-8z'/%3E%3Cpath d='M70 48c0-14 5-27 15-33 5-3 11-3 13 1-6 0-10 4-12 10 6-6 13-7 16-3-7 1-11 6-12 12 6-3 12-2 13 2-6 0-11 4-12 9 5-1 9 1 9 5-5-1-9 1-12 4l-6 3z'/%3E%3Cpath d='M52 77l-2 12-8 3h15l-3-3 2-12z'/%3E%3Cpath d='M40 72l-7 9-10-1-3 3 4 1-3 3 5-1 1 3 3-4 10-3 7-8z'/%3E%3C/g%3E%3Cpath d='M44 58c7-4 18-4 24 2-4 6-14 8-22 4' fill='none' stroke='%23ffe10a' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='24' r='1.8' fill='%23ffe10a'/%3E%3C/svg%3E") 50%/contain no-repeat}#wa-screen [hidden]{display:none}.wa-flag .flag{border-radius:6px;width:72px;height:50px}.keys-link{margin:8px auto 0;display:block}.keys-card{max-height:92vh;overflow-y:auto}table.keys{border-collapse:collapse;text-align:left;width:100%;font-size:14px}table.keys th{text-transform:uppercase;color:#8a7f6c;padding:10px 0 4px;font-size:13px}table.keys td{vertical-align:top;padding:3px 0}table.keys td:first-child{white-space:nowrap;width:40%}kbd{text-align:center;background:#fff;border:1px solid #c9c2b4;border-bottom-width:2px;border-radius:4px;min-width:1.4em;padding:1px 5px;font:700 12px/1.4 system-ui,sans-serif;display:inline-block}.blame{animation:.8s ease-in-out infinite alternate blame}@keyframes blame{0%{box-shadow:0 0 0 3px #ffd400}to{box-shadow:0 0 0 6px #ffd400,0 0 16px 6px #ffd400b3}}.blinker-keys{margin:10px 0 0;font-weight:700}.blinker-keys kbd{min-width:1.6em;font-size:16px}