@font-face{font-family:"Source Sans 3";src:url(./SourceSans3-Bold-D6_5tO0y.ttf) format("truetype");font-weight:700;font-display:swap}:root{color:#2b2f36;background:#9bb65e;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:16px;--hp: 2px}@media(min-width:900px){:root{--hp: 3px}}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden}body{user-select:none;-webkit-user-select:none}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;image-rendering:auto}.hud{position:absolute;inset:0;pointer-events:none}.hud [data-ui],.hud button{pointer-events:auto}.chip{background:#f7ecd4;color:#2b2f36;border:1px solid rgba(59,42,42,.35);border-radius:12px;box-shadow:0 2px 8px #3a2b3f40;font-family:"Source Sans 3",sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.hud-band{position:absolute;z-index:6;top:calc(var(--hp) * 4 + env(safe-area-inset-top));left:calc(var(--hp) * 6 + env(safe-area-inset-left));right:calc(var(--hp) * 6 + env(safe-area-inset-right));display:flex;flex-direction:column;gap:calc(var(--hp) * 2);pointer-events:none}.topbar{display:flex;align-items:center;gap:calc(var(--hp) * 2);height:calc(var(--hp) * 18);min-width:0}.hud-band .time,.hud-band .leg,.hud-band .points,.hud-band .speed,.menu-btn{position:static;top:auto;right:auto;display:flex;align-items:center;flex-wrap:nowrap;gap:calc(var(--hp) * 1);height:calc(var(--hp) * 18);min-height:0;min-width:0;padding:0 calc(var(--hp) * 2);font-size:calc(var(--hp) * 8);font-weight:400;line-height:1;white-space:nowrap}.hud-band .time{padding-left:calc(var(--hp) * 1);flex:0 1 auto}.clock-copy{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;line-height:1}.weekday{font-size:calc(var(--hp) * 6);letter-spacing:.02em;text-transform:uppercase;color:#6b7280;line-height:1}.clock{font-size:calc(var(--hp) * 8);font-weight:400;line-height:1}.hud-band .leg{flex:0 1 auto;padding-left:calc(var(--hp) * 1)}.leg-to{display:none}.leg-time{font-size:calc(var(--hp) * 8);font-weight:400;font-variant-numeric:tabular-nums;line-height:1}.leg.last{box-shadow:var(--hp) var(--hp) 0 #e8892bd9}.hud-band .points{flex:0 0 auto;font-variant-numeric:tabular-nums;z-index:auto}.hud-band .speed{flex:0 0 auto;margin-left:auto;font-variant-numeric:tabular-nums;font-size:calc(var(--hp) * 7)}.menu-btn{flex:0 0 auto;margin-left:0;border-radius:calc(var(--hp) * 4);font-family:"Source Sans 3",sans-serif;color:#2b2f36;cursor:pointer;-webkit-font-smoothing:none}.eyebrow{margin:0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}input[type=range]{width:100%;margin:8px 0 0;accent-color:#e8892b;touch-action:pan-x}.stats-panel{position:absolute;top:calc(var(--hp) * 42 + env(safe-area-inset-top));right:calc(var(--hp) * 6 + env(safe-area-inset-right));padding:calc(var(--hp) * 3) calc(var(--hp) * 4);white-space:pre-line;font-variant-numeric:tabular-nums;font-size:calc(var(--hp) * 7);line-height:1.35;min-width:148px;z-index:6}.minimap{display:none!important}.arrow{position:absolute;z-index:5;display:flex;align-items:center;gap:calc(var(--hp) * 2);padding:calc(var(--hp) * 2) calc(var(--hp) * 3);border:1px solid rgba(59,42,42,.35);border-radius:12px;background:#f7ecd4;box-shadow:0 2px 8px #3a2b3f40;transform:none;pointer-events:none;font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:calc(var(--hp) * 8);line-height:1;white-space:nowrap;-webkit-font-smoothing:antialiased;color:#2b2f36}.arrow.edge-right{flex-direction:row-reverse}.arrow[hidden]{display:none!important}.arrow svg,.sun-arc,.leg-ring,.token{display:block}.sun-arc{width:calc(var(--hp) * 16);height:calc(var(--hp) * 9)}.leg-ring{width:calc(var(--hp) * 12);height:calc(var(--hp) * 12)}.fuel{display:flex;flex-direction:column;gap:2px;min-width:calc(var(--hp) * 22)}.fuel-label{font-size:calc(var(--hp) * 5);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;line-height:1}.fuel-track{display:block;height:calc(var(--hp) * 4);background:#2b2f36;border-radius:2px;overflow:hidden}.fuel-fill{display:block;height:100%;width:100%;background:#2f7d4a}.token{width:calc(var(--hp) * 8);height:calc(var(--hp) * 8);border-radius:50%;background:#e8892b;box-shadow:inset 0 0 0 2px #f7ecd4,0 0 0 1px #2b2f36}.arrow svg{width:calc(var(--hp) * 12);height:calc(var(--hp) * 12);transform-origin:50% 50%}.hud-band .points{gap:calc(var(--hp) * 1)}.paints{display:grid;gap:4px;margin:8px 0}.paints label{display:flex;align-items:center;gap:8px;min-height:36px;font-weight:650}.paints input{width:18px;height:18px;accent-color:#e8892b}#veil{position:absolute;inset:0;z-index:1;background:#1c2430;opacity:0;pointer-events:none}:root{--wheel: clamp(150px, 46vw, 190px);--wheel-pad: 40px;--pedal-h: clamp(72px, 10vh, 90px);--pedal-w: clamp(76px, 21vw, 96px);--controls: 18px;--hud-stack: calc(var(--hp) * 40 + env(safe-area-inset-top))}body.phone,body.touch{--controls: calc(var(--wheel) + var(--wheel-pad) + 12px + env(safe-area-inset-bottom))}.wheel{display:none;position:absolute;z-index:7;right:calc(4px + env(safe-area-inset-right));bottom:calc(4px + env(safe-area-inset-bottom));width:calc(var(--wheel) + var(--wheel-pad));height:calc(var(--wheel) + var(--wheel-pad));touch-action:none;background:transparent}.wheel-face{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 42% 36%,#f7ecd4,#f5eddb 58%,#e6d5bc);border:1px solid rgba(59,42,42,.18);box-shadow:0 3px 6px #3a2b3f4d,inset 0 0 0 12px #3f4247eb;pointer-events:none;transition:transform 90ms ease,box-shadow 90ms ease}.wheel.held .wheel-face{transform:scale(.97);box-shadow:inset 0 2px 8px #1c243047,inset 0 0 0 12px #2f3237f5}.wheel-rotor{position:absolute;inset:12px;border-radius:50%}.spoke{position:absolute;left:50%;top:50%;width:8px;height:46px;margin-left:-4px;margin-top:-46px;border-radius:4px;background:#3f4247;transform-origin:50% 46px}.spoke-e{transform:rotate(90deg)}.spoke-s{transform:rotate(180deg)}.spoke-w{transform:rotate(270deg)}.hub{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#e8892b;box-shadow:inset 0 0 0 2px #f7ecd4}body.touch .wheel,body.phone .wheel,body.touch .pedals,body.phone .pedals{display:flex}.pedals{display:none;position:absolute;z-index:7;left:calc(10px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));gap:16px;align-items:flex-end;perspective:240px;touch-action:none}.pedal{position:relative;padding:0;border:0;background:transparent;color:transparent;font-size:0;line-height:0;touch-action:none;cursor:pointer;transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .11s ease-out,filter .11s ease-out;filter:drop-shadow(0 8px 2px rgba(22,16,12,.55))}.pedal.brake{width:78px;height:48px}.pedal.accel{width:44px;height:96px}.pedal-face{position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,#ffffff47,#fff0 26%),linear-gradient(90deg,rgba(255,255,255,.16),transparent 22%,transparent 78%,rgba(0,0,0,.28)),repeating-linear-gradient(to bottom,#3a3a3a 0 3px,#161616 3px 8px);box-shadow:inset 0 0 0 3px #b7bcc2,inset 0 0 0 5px #6a7078,inset 0 1px #ffffffb3;pointer-events:none}.pedal.accel .pedal-face{border-radius:3px 3px 5px 5px}.pedal.held{transform:translateY(7px) scaleY(.9) rotateX(16deg);filter:drop-shadow(0 2px 1px rgba(22,16,12,.38))}.rev{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:#e8892b;color:#fff;font-size:13px;line-height:22px;text-align:center}.compass{position:relative;width:calc(var(--hp) * 16);height:calc(var(--hp) * 16);flex:0 0 auto;border-radius:50%;border:1px solid rgba(59,42,42,.35);background:#f7ecd4;box-shadow:0 2px 8px #3a2b3f40;pointer-events:none}.compass-rose{position:absolute;inset:0}.compass-rose span{position:absolute;left:50%;top:50%;font-size:calc(var(--hp) * 5);font-weight:700;line-height:1;color:#2b2f36}.c-n{transform:translate(-50%,-50%) translateY(calc(var(--hp) * -5));color:#c8432f!important}.c-e{transform:translate(-50%,-50%) translate(calc(var(--hp) * 5))}.c-s{transform:translate(-50%,-50%) translateY(calc(var(--hp) * 5))}.c-w{transform:translate(-50%,-50%) translate(calc(var(--hp) * -5))}.sign{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.blade{display:flex;align-items:center;gap:6px;min-height:28px;padding:3px 14px 3px 12px;border-radius:999px;background:#0e4d8b;border:2px solid #f7f4ee;color:#fff;font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:clamp(15px,4.4vw,18px);line-height:1.1;letter-spacing:.01em;white-space:nowrap;box-shadow:0 2px 4px #14203047}.blade-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid white;transform-origin:30% 50%}.road-text{display:none;position:absolute;z-index:3;left:0;top:0;font-family:"Source Sans 3",sans-serif;font-weight:700;letter-spacing:.03em;line-height:1;color:#f7f4ece6;text-shadow:0 0 2px rgba(18,20,24,.9),0 1px 1px rgba(18,20,24,.75),1px 0 1px rgba(18,20,24,.55),-1px 0 1px rgba(18,20,24,.55);white-space:nowrap;pointer-events:none}.quiz-card{position:absolute;z-index:20;left:12px;right:12px;top:calc(var(--hud-stack) + 8px);width:auto;max-width:420px;max-height:calc(100% - var(--hud-stack) - var(--controls) - 16px);margin:0 auto;padding:12px 12px 10px;overflow:auto;pointer-events:auto}.quiz-card h2{margin:2px 0 8px;font-size:16px;line-height:1.3;font-weight:700}.quiz-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:6px;padding:8px 12px;border:0;border-radius:12px;background:#2f4a63;color:#fff;font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:pointer}.quiz-opt:disabled{cursor:default}.quiz-opt.wrong{background:#c8102e;color:#fff}.quiz-opt.right{background:#2f7d4a;color:#fff}.quiz-letter{flex:none;width:22px;font-weight:700}.quiz-note{margin:8px 0 0;font-size:14px;line-height:1.35;font-weight:650;color:#3a342c}.road-name{position:absolute;z-index:6;left:50%;bottom:calc(var(--wheel) + 36px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(46vw,220px);padding:2px 12px;border-radius:999px;background:#0e4d8b;border:2px solid #f7f4ee;color:#fff;font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:clamp(13px,3.6vw,16px);line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 2px 4px #14203047;transition:opacity .16s ease}body:not(.phone):not(.touch) .road-name{bottom:calc(18px + env(safe-area-inset-bottom))}.perf{position:absolute;z-index:8;top:auto;bottom:calc(150px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));padding:6px 8px;font-size:12px;line-height:1.35;white-space:pre;pointer-events:none}body.touch .minimap{width:128px;height:128px;bottom:calc(148px + env(safe-area-inset-bottom))}.action{position:absolute;z-index:7;touch-action:none;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));min-width:132px;min-height:48px;padding:12px 18px;border:0;border-radius:999px;background:#e8892b;color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer;box-shadow:0 8px 20px #e8892b59}.action:disabled{opacity:.45}.sheet-credit{margin:10px 0 0;font-size:11px;line-height:1.35;color:#2b2f36b8}.place-pill{position:absolute;z-index:3;transform:translate(-50%,-50%);padding:2px 8px;border-radius:999px;background:#f4ecd6eb;color:#3a342c;font-size:13.8px;font-weight:600;line-height:1.3;letter-spacing:.01em;white-space:nowrap;max-width:78vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 1px 2px #3a342c2e;border:1px solid rgba(58,52,44,.16)}.hud-band .goal{position:static;left:auto;right:auto;top:auto;display:flex;align-items:center;height:calc(var(--hp) * 12);min-height:0;padding:0 calc(var(--hp) * 3);z-index:auto}.goal p{margin:0;flex:1;min-width:0;font-size:calc(var(--hp) * 7);line-height:1;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ask{width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#2b2f36;color:#fff;font:inherit;font-size:18px;font-weight:700;cursor:pointer}.toast{position:absolute;left:calc(var(--hp) * 6 + env(safe-area-inset-left));top:calc(var(--hp) * 42 + env(safe-area-inset-top));padding:calc(var(--hp) * 2) calc(var(--hp) * 3);font-size:calc(var(--hp) * 8);line-height:1.2;max-width:min(340px,calc(100% - 24px));text-align:left;opacity:0;z-index:8;transition:opacity .28s ease}.venue-card{position:absolute;left:calc(12px + env(safe-area-inset-left));top:calc(var(--hud-stack) + 8px);padding:12px 14px;max-width:min(280px,calc(100% - 24px));z-index:8}.venue-card p{margin:0}.venue-name{font-weight:650;line-height:1.3}.when{color:#2f4a63;font-weight:650;margin-top:4px!important}.sheet{position:absolute;left:12px;top:calc(var(--hud-stack) + 4px);width:min(320px,calc(100% - 24px));max-height:calc(100% - var(--hud-stack) - var(--controls) - 12px);padding:16px;overflow:auto;z-index:20}.menu-sheet{left:auto;right:calc(var(--hp) * 6 + env(safe-area-inset-right));width:min(220px,calc(100% - 48px))}.penalty{z-index:30;pointer-events:auto}.sheet .penalty-actions{display:flex;gap:8px;margin-top:8px}.sheet .penalty-actions button{flex:1 1 0;width:auto;margin-top:0;text-align:center}body.penalty-open .hud-band{z-index:36}body.penalty-open .menu-sheet,body.penalty-open #settings-sheet,body.penalty-open #sleep-sheet,body.penalty-open #help,body.penalty-open #stats{z-index:34}.sheet h2{margin:4px 0 12px;font-size:22px;line-height:1.2}.sheet button{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px 14px;border:0;border-radius:12px;background:#2f4a63;color:#fff;font:inherit;font-size:16px;font-weight:650;text-align:left;cursor:pointer}.sheet button.quiet{background:#e4e0d8;color:#2b2f36}.relaxed-row{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:650;cursor:pointer}.relaxed-row input{width:22px;height:22px;accent-color:#2f4a63}.toast.show{opacity:1}body.cards-open .sign,body.cards-open .road-text,body.cards-open .place-pill,body.cards-open .road-name{visibility:hidden!important}body.cards-open .wheel,body.cards-open .pedals{opacity:.4}.intro{position:absolute;left:12px;right:12px;top:calc(var(--hud-stack) + 8px);width:auto;max-width:420px;max-height:calc(100% - var(--hud-stack) - var(--controls) - 16px);margin:0 auto;padding:16px 16px 14px;overflow:auto;z-index:20}body.phone .intro,body.touch .intro,body.phone .quiz-card,body.touch .quiz-card{top:auto;bottom:var(--controls)}.intro h2{margin:4px 0 8px;font-size:22px;line-height:1.2}@media(max-width:420px){.intro h2{font-size:20px}}.intro p{margin:0 0 10px;font-size:16px;line-height:1.4}.howto-touch,body.touch .howto-keys,body.phone .howto-keys{display:none}body.touch .howto-touch,body.phone .howto-touch{display:block}.intro button{min-height:48px;padding:0 18px;border:0;border-radius:999px;background:#e8892b;color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}.cutscene{position:absolute;inset:0;z-index:46;background:#1c2430;pointer-events:auto}.cutscene canvas{width:100%;height:100%;display:block}.cut-skip{position:absolute;top:16px;right:16px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#f7ecd4;color:#2b2f36;font:inherit;font-size:16px;font-weight:700;cursor:pointer}body.cutscene-open .hud,body.cutscene-open .sign,body.cutscene-open .road-name,body.cutscene-open .place-pill,body.cutscene-open .intro{visibility:hidden!important}.loading{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:linear-gradient(180deg,#7fb4e0,#dcebf6 46%,#7fa65a);pointer-events:auto}.load-card{width:min(440px,calc(100% - 32px));padding:22px 22px 20px}.load-card h1{margin:6px 0 8px;font-size:28px}.load-card p{margin:0;line-height:1.45}button[hidden],.chip[hidden],.loading[hidden],.sign[hidden],.blade[hidden],.road-name[hidden],.road-text[hidden],.quiz-card[hidden],.rev[hidden]{display:none!important}@media(max-height:680px){:root{--wheel: clamp(108px, 28vh, 136px);--wheel-pad: 28px;--pedal-h: 60px;--pedal-w: clamp(72px, 20vw, 88px)}.wheel-face{inset:14px}.wheel-rotor{inset:8px}.spoke{height:34px;margin-top:-34px;transform-origin:50% 34px}.hub{width:28px;height:28px;margin:-14px 0 0 -14px}.sheet{padding:10px 12px 8px}.sheet h2{margin:0 0 6px;font-size:18px}.sheet button{min-height:40px;margin-top:6px;font-size:15px}.relaxed-row{min-height:32px;font-size:15px}.paints{margin:2px 0 4px;gap:0}.paints label{min-height:28px;font-size:15px}.intro,.quiz-card{padding:12px 12px 10px}.intro h2{font-size:18px;margin:2px 0 6px}.intro p{font-size:14.5px;line-height:1.3;margin-bottom:6px}.intro button,.quiz-opt{min-height:42px}.pedal.brake{width:70px;height:42px}.pedal.accel{width:44px;height:84px}}@media(orientation:landscape)and (max-height:520px){:root{--wheel: clamp(108px, 36vh, 150px)}}@media(prefers-reduced-motion:reduce){.toast{transition:none}}