@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,500;6..12,700;6..12,800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--hud-fg:#fffaf4;--hud-shadow:0 1px 2px #3c1e3273, 0 0 12px #50283c40;--ahead:#7ee08a;--behind:#ff8a7a}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;touch-action:none;background:#e7a8b8;height:100%;margin:0;font-family:Nunito Sans,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}#hud{pointer-events:none;color:var(--hud-fg);text-shadow:var(--hud-shadow);position:fixed;inset:0}.hud-lap{left:max(24px, env(safe-area-inset-left));line-height:1;position:absolute;top:16px}.hud-lap .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:54px;font-weight:800;display:block}.hud-lap small,.hud-speed small{letter-spacing:.12em;margin-top:2px;font-size:13px;font-weight:700;display:block}.hud-time{right:max(24px, env(safe-area-inset-right));text-align:right;font-variant-numeric:tabular-nums;position:absolute;top:18px}.hud-time .chrono{font-size:34px;font-weight:700;display:block}.hud-time .delta{min-height:24px;font-size:20px;font-weight:700;display:block}.hud-time .delta.ahead{color:var(--ahead)}.hud-time .delta.behind{color:var(--behind)}.hud-map{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));filter:drop-shadow(0 2px 6px #3c1e3259);width:136px;height:136px;position:absolute}.hud-speed{right:calc(max(24px, env(safe-area-inset-right)) + 100px);bottom:calc(max(20px, env(safe-area-inset-bottom)) + 22px);text-align:right;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1;position:absolute}.hud-boost{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));filter:drop-shadow(0 2px 6px #3c1e3259);width:88px;height:88px;transition:transform .15s;position:absolute}.hud-boost svg{width:100%;height:100%;overflow:visible}.hud-boost .bg{fill:#3c284666;stroke:#fffaf4;stroke-width:4px}.hud-boost .ring{fill:none;stroke:#ffffff40;stroke-width:6px}.hud-boost .fill{fill:none;stroke:#ff9fc0;stroke-width:6px;stroke-linecap:round;transform-origin:40px 40px;transition:stroke .2s;transform:rotate(-90deg)}.hud-boost .bolt{fill:#fffaf4;transition:fill .2s}.hud-boost.charging .fill{animation:.9s ease-in-out infinite charge}.hud-boost.full .bolt{fill:#ffe08a}.hud-boost.full .fill{stroke:#ffd36b}.hud-boost.active{transform:scale(1.1)}.hud-boost.active .fill,.hud-boost.active .bolt{stroke:#ffe08a;fill:#ffe08a}.hud-boost.active .fill{fill:none}@keyframes charge{50%{stroke:#ffc6da}}.hud-boost .boost-tag{letter-spacing:.12em;text-transform:uppercase;color:#fffaf4;white-space:nowrap;text-shadow:0 1px 3px #3c1e3299;opacity:0;font-size:10px;font-weight:700;transition:opacity .25s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.hud-boost.drafting .boost-tag,.hud-boost.turbo .boost-tag{opacity:.9}.hud-boost.drafting .ring{stroke:#d2ebffb3;animation:.6s ease-in-out infinite draft}.hud-boost.turbo .fill,.hud-boost.turbo .ring{stroke:#ffd36b}.hud-boost.turbo .bolt{fill:#ffe9a8}.hud-boost.turbo{filter:drop-shadow(0 0 10px #ffc85ae6);transform:scale(1.14)}.hud-boost.turbo .boost-tag{color:#ffe08a}@keyframes draft{50%{stroke:#d2ebff33}}.hud-croissants{color:#fffaf4;background:#3c284673;border-radius:10px;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-size:12px;font-weight:700;line-height:16px;display:flex;position:absolute;bottom:-14px;right:50%;transform:translate(50%)}.hud-croissants[hidden]{display:none}.hud-croissants svg{fill:#f2b453;width:17px;height:11px}.hud-croissants.pop{animation:.35s ease-out croissant-pop}@keyframes croissant-pop{40%{transform:translate(50%)scale(1.3)}}.hud-street{outline-offset:-6px;letter-spacing:.06em;text-transform:uppercase;text-shadow:none;opacity:0;white-space:nowrap;background:#2b4a8a;border:2px solid #e9edf2;border-radius:6px;outline:2px solid #3e8a5e;padding:6px 16px;font-size:15px;font-weight:800;transition:opacity .4s,transform .4s;position:absolute;top:20px;left:50%;transform:translate(-50%,-8px)}.hud-street.show{opacity:1;transform:translate(-50%)}.hud-count{font-size:120px;font-weight:800;line-height:1;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud-count.pop{animation:.9s ease-out forwards pop}.hud-count.go{color:#ffe2a8;font-size:96px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.hud-toast{text-align:center;opacity:0;white-space:nowrap;font-size:26px;font-weight:800;transition:opacity .3s,transform .3s;position:absolute;top:22%;left:50%;transform:translate(-50%,8px)}.hud-toast small{opacity:.9;font-size:16px;font-weight:700;display:block}.hud-toast .best{color:#ffe2a8}.hud-toast.show{opacity:1;transform:translate(-50%)}.hud-wrong{opacity:0;background:#d4574fd9;border-radius:999px;padding:8px 18px;font-size:20px;font-weight:800;transition:opacity .25s;position:absolute;top:46%;left:50%;transform:translate(-50%)}.hud-wrong.show{opacity:1}.hud-results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#462c468c;border-radius:18px;min-width:min(340px,100vw - 32px);padding:22px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-results h2{margin:0;font-size:30px;font-weight:800}.hud-results .total{font-variant-numeric:tabular-nums;font-size:48px;font-weight:800}.hud-results ul{margin:10px 0;padding:0;list-style:none}.hud-results li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:24px;font-size:18px;display:flex}.hud-results .best{color:#ffe2a8}.hud-results .record{color:#ffe2a8;margin:8px 0 0;font-weight:800}.hud-results .vs{color:#bfe3ff;margin:4px 0 0;font-size:14px}.hud-results .again{opacity:.85;margin:12px 0 0;font-size:14px}.hud-help{left:50%;bottom:max(20px, env(safe-area-inset-bottom));white-space:nowrap;background:#46283c47;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;transition:opacity 1.2s;position:absolute;transform:translate(-50%)}.hud-help.hidden{opacity:0}#debug{white-space:pre;color:#d9ffe9;pointer-events:none;z-index:10;background:#14101cb8;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:fixed;top:10px;left:10px}body.touch .hud-help{display:none}.touch-ui{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.touch-ui>*{pointer-events:auto;touch-action:none}.touch-steer{width:55%;height:100%;position:absolute;top:0;left:0}.touch-stick{opacity:0;background:#3c284640;border:3px solid #fffaf4b3;border-radius:50%;place-items:center;width:96px;height:96px;transition:opacity .15s;display:grid;position:absolute;top:-48px;left:-48px;pointer-events:none!important}.touch-stick.on{opacity:1}.touch-knob{background:#fffaf4;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 6px #3c1e3266}.touch-btn{color:#fffaf4;letter-spacing:.06em;filter:drop-shadow(0 2px 6px #3c1e3259);-webkit-tap-highlight-color:transparent;background:#3c284659;border:3px solid #fffaf4;border-radius:999px;font:800 16px/1 inherit;position:absolute}.touch-btn.pressed{background:#ff9fc08c;transform:scale(.94)}.touch-boost{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:0 0;border-color:#0000;width:96px;height:96px}.touch-brake{right:max(20px, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 104px);width:88px;height:56px}.touch-bell{right:calc(max(20px, env(safe-area-inset-right)) + 104px);bottom:calc(max(20px, env(safe-area-inset-bottom)) + 104px);width:56px;height:56px;font-size:22px}.touch-top{left:calc(max(20px, env(safe-area-inset-left)) + 120px);top:max(14px, env(safe-area-inset-top));gap:10px;display:flex;position:absolute}.touch-small{width:44px;height:44px;font-size:20px;position:static}.touch-gate{z-index:90;color:#fffaf4;text-align:center;touch-action:manipulation;background:linear-gradient(#7f86c8 0%,#d99bb4 50%,#f6b98e 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-family:Nunito Sans,system-ui,sans-serif;display:none;position:fixed;inset:0}.touch-gate.on{display:flex}.touch-gate .gate-title{text-shadow:0 3px 8px #5a283c59;margin:0;font:italic 700 clamp(34px,8vmin,64px)/1 Playfair Display,Georgia,serif}.touch-gate .gate-title em{color:#ffe1b0}.touch-gate .gate-phone{font-size:64px;line-height:1}.touch-gate .gate-rotate{text-shadow:0 2px 6px #5a283c59;margin:0;font-size:22px;font-weight:800;display:none}.touch-gate.portrait .gate-rotate{display:block}.touch-gate.portrait .gate-phone{animation:1.6s ease-in-out infinite gate-turn}.touch-gate:not(.portrait) .gate-phone{display:none}.touch-gate .gate-btn{color:#3b2a3c;background:#fffaf4;border:0;border-radius:999px;padding:16px 30px;font:800 20px/1 Nunito Sans,system-ui,sans-serif;box-shadow:0 4px 14px #3c243c4d}.touch-gate.no-fs .gate-btn{display:none}@keyframes gate-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.in-title #hud,body.in-menu .touch-ui{display:none}.hud-results{pointer-events:auto}.menu{z-index:40;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#3b2a3c;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu-pause{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3c243c59}.menu-title{text-align:center;color:#fffaf4;text-shadow:0 2px 4px #461e3273,0 0 30px #78324659}.menu-title h1{letter-spacing:.01em;margin:0;font:700 clamp(48px,11vw,112px)/.95 Playfair Display,serif}.menu-title h1 em{color:#ffd8a8}.menu-title .tagline{letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;font-size:clamp(15px,2.4vw,20px);font-weight:700}.menu-best{min-height:1.2em;margin:10px 0 0;font-size:17px;font-weight:700}.menu-card{background:#fff8eee6;border-radius:22px;flex-direction:column;gap:10px;width:min(320px,100%);max-height:calc(100vh - 32px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #461e324d,inset 0 0 0 2px #ffffffb3}.menu-card.wide{width:min(520px,100%)}.menu-card h2{text-align:center;color:#6b3f4e;margin:0 0 6px;font:italic 700 30px/1.1 Playfair Display,serif}.menu button,.hud-results button{letter-spacing:.04em;color:#6b3f4e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffaf4;border:2px solid #c98b98;border-radius:999px;padding:13px 18px;font:800 17px/1 Nunito Sans,system-ui,sans-serif;transition:transform .1s,background .15s}.menu button:hover,.menu button:focus-visible,.hud-results button:hover,.hud-results button:focus-visible{background:#ffe7ee;outline:none;transform:scale(1.03)}.menu button.primary,.hud-results button.primary{color:#fffaf4;background:#d9607f;border-color:#d9607f}.menu button.primary:hover,.menu button.primary:focus-visible,.hud-results button.primary:hover,.hud-results button.primary:focus-visible{background:#c94d6d}.menu-hint{color:#fffaf4;text-shadow:var(--hud-shadow);opacity:.85;margin:0;font-weight:700}body.touch .menu-hint{display:none}.menu-row{justify-content:space-between;align-items:center;gap:14px;padding:4px 2px;font-weight:700;display:flex}.menu-row input[type=range]{accent-color:#d9607f;width:55%}.menu-row input[type=checkbox]{accent-color:#d9607f;width:22px;height:22px}.segs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.menu button.seg{padding:8px 12px;font-size:14px}.menu button.seg.on{color:#fffaf4;background:#6b3f4e;border-color:#6b3f4e}.menu-note{color:#7a5a66;text-align:center;margin:4px 0;font-size:14px}.menu-records{margin:0;padding:0;list-style:none}.menu-records li{font-variant-numeric:tabular-nums;border-bottom:1px solid #6b3f4e26;grid-template-columns:32px 1fr auto;align-items:center;padding:7px 4px;display:grid}.menu-records li:first-child b{color:#d9607f}.menu-records .rank{color:#b58a96;font-weight:800}.menu-records b{font-size:20px}.menu-records .date{color:#9a7a86;font-size:14px}.menu-records .empty{text-align:center;color:#9a7a86;display:block}.menu-keys{margin:0;padding:0 0 0 18px;line-height:1.55}.menu-keys b{color:#6b3f4e}.results-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}@media (height<=460px){.menu{flex-direction:row;gap:28px}.menu-pause,.menu-records,.menu-settings,.menu-controls{flex-direction:column}}