:root{color-scheme:dark;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff4de;background:#121c29;font-synthesis:none;--hud-ink: #121c29;--hud-panel: rgba(21, 35, 49, .92);--hud-paper: #fff4de;--hud-quiet: #b4c7cc;--hud-mint: #8be6cf;--hud-pink: #ee91b5;--hud-gold: #f2cf86;--hud-line: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,summary,a,canvas,.steering-surface{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--hud-mint);outline-offset:3px}[hidden]{display:none!important}#app{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;--touch-left: max(18px, env(safe-area-inset-left));--touch-right: max(18px, env(safe-area-inset-right));--touch-bottom: max(18px, env(safe-area-inset-bottom))}#app.playing:not(.paused){touch-action:none;overscroll-behavior:none}#race-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}#safe-area{position:absolute;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101b27dd,#101b2722 65%)}.masthead{position:absolute;top:max(26px,env(safe-area-inset-top));left:var(--touch-left)}.wordmark{color:var(--hud-paper);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-1px}.wordmark span{color:var(--hud-pink)}.playing .masthead{display:none}.playing .vignette{background:linear-gradient(0deg,#08111d55,transparent 22%)}.paused .vignette{background:#101b27dc;backdrop-filter:blur(7px)}.race-cinematic-caption{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(75%,520px);text-align:center;pointer-events:none;text-shadow:0 2px 4px #101b27}.race-cinematic-caption strong{display:block;color:var(--hud-paper);font-size:clamp(20px,3vw,34px);font-weight:800;font-style:italic;letter-spacing:.02em}.race-cinematic-caption span{display:block;margin-top:5px;color:var(--hud-mint);font-size:10px;font-weight:700;letter-spacing:.06em}.race-cinematic-caption[data-countdown=true]{top:22%;bottom:auto}.race-cinematic-caption[data-countdown=true] strong{color:var(--hud-gold);font-size:clamp(42px,8vh,76px)}.skip-intro{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));min-height:44px;padding:0 15px;border:1px solid var(--hud-line);border-radius:12px;background:var(--hud-panel);font-size:12px}.intro{position:absolute;left:max(6vw,env(safe-area-inset-left));top:50%;transform:translateY(-50%);width:min(550px,88%);max-height:calc(100dvh - 140px);overflow-y:auto;padding:5px}.eyebrow{font-size:10px;font-weight:600;color:var(--hud-mint);letter-spacing:.13em;margin:0 0 14px}h1{font-size:clamp(40px,6.5vw,82px);font-weight:800;line-height:.98;letter-spacing:-.05em;margin:0 0 22px}h1 em{color:var(--hud-pink);font-style:normal}.intro-copy{color:var(--hud-paper);font-size:16px;margin:0 0 25px}.primary,.secondary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;width:100%;padding:15px 18px;border-radius:12px;font-size:13px;font-weight:600;text-align:left}.primary{background:var(--hud-mint);color:var(--hud-ink);border:1px solid transparent}.primary:active{background:#b9ffdf}.secondary{margin-top:10px;border:1px solid var(--hud-line);background:transparent}.secondary:active{background:#ffffff12}.intro .primary{max-width:320px}.drive-note{font-size:12px;color:var(--hud-quiet);line-height:1.6;max-width:410px}.intro-settings{max-width:440px}summary{min-height:44px;cursor:pointer;padding:14px 0;font-size:12px;color:var(--hud-quiet)}details p{font-size:12px;line-height:1.6;color:var(--hud-quiet)}.control-choice{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.control-choice>span{font-size:11px;width:100%;color:var(--hud-quiet)}.control-choice a{display:grid;align-items:center;min-height:44px;padding:9px 12px;font-size:12px;text-decoration:none;border:1px solid var(--hud-line);background:var(--hud-panel);border-radius:9px;color:var(--hud-paper)}.control-choice a[aria-current]{color:var(--hud-ink);border-color:var(--hud-mint);background:var(--hud-mint)}.nitro-button,.throttle-button,.reverse-button{position:absolute;right:var(--touch-right);touch-action:none;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--hud-mint);border:1px solid #a4dece80;background:#153748bf}.nitro-button{top:var(--nitro-y);left:var(--nitro-x);right:auto;bottom:auto;width:var(--nitro-width, 52px);height:var(--nitro-height, 52px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:50%;padding:8px;background:transparent;font-size:7px;line-height:1;letter-spacing:.03em}.nitro-button svg{width:20px;height:20px;flex:none}.nitro-button:active,.nitro-button[aria-pressed=true],.throttle-button:active,.throttle-button[aria-pressed=true]{background:#5eb8a47a}.reverse-button{z-index:2;left:var(--reverse-x);top:var(--reverse-y);right:auto;width:var(--reverse-width, 44px);height:var(--reverse-height, 44px);border-radius:12px;padding:3px;font-size:17px;line-height:18px;color:var(--hud-paper)}.reverse-button span{display:block;font-size:7px;line-height:10px;letter-spacing:.04em}.reverse-button:active,.reverse-button[aria-pressed=true]{background:#5eb8a47a;border-color:var(--hud-mint)}.throttle-button{top:var(--gas-y);left:var(--gas-x);right:auto;bottom:auto;width:var(--gas-width, 88px);height:var(--gas-height, 88px);border-radius:50%;color:var(--hud-paper);background:#b9ffdf20;border-color:#c7f6dc8c;font-size:14px}.steering-surface{position:absolute;left:var(--touch-left);bottom:var(--touch-bottom);width:min(250px,calc(100% - var(--touch-left) - var(--touch-right) - 142px));height:min(200px,35dvh);touch-action:none}.thumbstick-rest{position:absolute;left:3px;bottom:6px;width:120px;height:120px;border:1px solid #c7e7ec55;border-radius:50%;background:#182f3d65;display:grid;place-items:center;pointer-events:none}.thumbstick-rest span{width:52px;height:52px;border-radius:50%;border:1px solid #ccf3ea66;background:#bde3de25}.steering-surface[data-steering-active=true] .thumbstick-rest{opacity:0}.pause-panel{z-index:8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(740px,calc(100% - 48px));max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--hud-line);border-radius:20px;background:var(--hud-panel);padding:26px}.pause-heading h2{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.pause-heading>p:last-child{font-size:12px;color:var(--hud-quiet);line-height:1.5;margin:0 0 22px}.pause-layout{display:grid;grid-template-columns:1fr 270px;gap:26px;align-items:start}#race-overview{display:block;width:100%;height:220px;border-radius:12px;background:#111d2a}.settings{border-bottom:1px solid var(--hud-line);margin-top:8px}.preferences{display:flex;gap:8px;flex-wrap:wrap}.preferences button{border:1px solid var(--hud-line);border-radius:9px;background:transparent;min-height:44px;padding:8px 10px;font-size:11px}.reward-total{font-size:42px;font-weight:700;letter-spacing:-.04em;color:var(--hud-gold)}.wallet-copy{font-size:12px;color:var(--hud-quiet);line-height:1.6;margin:8px 0 20px}#reward-summary{padding:0;margin:0;list-style:none;display:grid;gap:14px}#reward-summary li{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--hud-paper);line-height:1.4}#reward-summary strong{color:var(--hud-gold);white-space:nowrap}.reward-rule{border-bottom:1px solid var(--hud-line);padding:10px 0}.reward-rule strong{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}.reward-rule strong span{color:var(--hud-gold);white-space:nowrap}.reward-rule p{margin:5px 0;font-size:11px}.reward-tier{margin:20px 0 4px;font-size:13px;color:var(--hud-paper)}.rare-reward,.rare-reward strong{color:var(--hud-gold)}.reward-earned{color:var(--hud-mint);font-size:11px}.reward-future{color:var(--hud-quiet);font-size:11px;line-height:1.5;margin-top:18px}.boot-status{position:absolute;z-index:12;top:90px;right:20px;left:20px;margin-left:auto;width:min(360px,calc(100% - 40px));background:var(--hud-panel);color:var(--hud-gold);padding:12px;border-radius:12px;font-size:13px}.boot-status:empty{display:none}#app.playing:not(.paused) .audio-mixer--collapsed{display:none}@media(max-width:600px){.intro{left:var(--touch-left);width:calc(100% - var(--touch-left) - var(--touch-right))}.intro .primary{max-width:none}h1{font-size:clamp(38px,11vw,64px)}.pause-panel{width:calc(100% - 28px);padding:20px}.pause-layout{grid-template-columns:1fr;gap:20px}#race-overview{height:170px}.pause-heading>p:last-child{margin-bottom:15px}}@media(max-width:350px){.thumbstick-rest{width:100px;height:100px}}@media(orientation:landscape){.steering-surface{width:34%;height:min(200px,55dvh)}.thumbstick-rest{width:108px;height:108px}}@media(max-height:500px)and (orientation:landscape){.masthead{top:15px;font-size:15px}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;max-height:calc(100dvh - 90px);top:54%;width:calc(100% - 60px);left:30px;align-items:center}.intro .eyebrow,.intro h1{grid-column:1}.intro h1{grid-row:2 / 5;font-size:44px}.intro-copy,.intro .primary,.intro .drive-note,.intro-settings{grid-column:2}.intro-copy{grid-row:1;margin-bottom:12px;font-size:13px}.intro .primary{grid-row:2}.intro .drive-note{margin:10px 0 0}.intro-settings{margin-top:0}.pause-panel{padding:18px 24px}.pause-heading .eyebrow{display:none}.pause-heading h2{font-size:25px}.pause-layout{grid-template-columns:1fr 240px}#race-overview{height:175px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.radio{--station-color: #efda98;--radio-reveal: 0;--radio-copy-opacity: 0;--radio-copy-x: 12px;--disc-angle: 0deg;position:absolute;top:var(--radio-y, max(12px, env(safe-area-inset-top)));left:var(--radio-x, calc(100% - 192px) );width:var(--radio-width, 44px);height:var(--radio-height, 44px);z-index:5;font-family:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.radio[hidden],.radio [hidden]{display:none}.radio[data-menu-open=true]{z-index:12}.radio button{color:var(--hud-paper);border:0;background:transparent;border-radius:9px;min-width:44px;min-height:44px;font:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.radio button:focus-visible{outline:2px solid var(--station-color);outline-offset:-2px}.radio button:active{background:#fff8eb21}.radio button:disabled{opacity:.3;cursor:default}.radio svg{width:21px;height:21px;flex-shrink:0}.radio .radio-launcher{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 248 235 / 45%);border-radius:50%;background:radial-gradient(circle at 28% 18%,#f0fffc40,#0f1e2b52 60%);box-shadow:inset 0 0 0 2px #0a192429,0 2px 5px #08121c38;color:#e7f7f2}.radio .radio-launcher[hidden]{display:none}.radio-disc{position:absolute;inset:2px;transform:rotate(var(--disc-angle))}.radio-disc svg{width:100%;height:100%;stroke-width:.55;opacity:.7}.radio-disc-center{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgb(226 245 240 / 45%);border-radius:50%;background:#11232da6}.radio-disc-center svg{width:16px;height:16px;stroke-width:1.7}.radio-disc-led{position:absolute;bottom:1px;right:5px;width:5px;height:5px;border:2px solid #233c47;border-radius:50%;background:#90a1aa}.radio[data-playing=true] .radio-disc-led{background:var(--station-color)}.radio-reveal{position:absolute;left:calc(var(--radio-reveal-x, var(--radio-x)) - var(--radio-x));top:calc(var(--radio-reveal-y, var(--radio-y)) - var(--radio-y));width:var(--radio-reveal-width, 250px);height:var(--radio-reveal-height, 64px);pointer-events:none}.radio-reveal-surface{position:absolute;inset:0;border:1px solid rgb(228 252 243 / 23%);border-radius:25px;background:linear-gradient(100deg,#0f1e2ae0,#182d3799);box-shadow:0 3px 9px #0a141e1f;opacity:var(--radio-reveal);transform-origin:right center;transform:scaleX(var(--radio-reveal))}.radio-reveal-copy{position:absolute;inset:0 56px 0 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;opacity:var(--radio-copy-opacity);transform:translate(var(--radio-copy-x));color:#fff4de}.radio-launcher-name,.radio-song,.radio-artist{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-launcher-name{color:var(--station-color);font-size:9px;font-weight:750;letter-spacing:.08em}.radio-song{font-size:13px;font-weight:700;line-height:1.2}.radio-artist{font-size:11px;line-height:1.2;color:#c5d7d9}.radio-menu-artist{font-size:11px;line-height:1.3;color:#acccc9}.radio[data-enabled=true] .radio-power{color:var(--station-color)}.radio-panel{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);box-sizing:border-box;width:min(280px,calc(100vw - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right))));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:7px;border:1px solid rgb(255 248 235 / 20%);border-radius:12px;background:#101b28;box-shadow:0 12px 36px #0000004d;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.radio-now-playing{display:flex;align-items:center;gap:4px;min-height:44px;padding-left:7px}.radio-copy{display:grid;gap:5px;min-width:0;flex:1}.radio-title{font-size:11px;letter-spacing:.04em;color:var(--station-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-track{font-size:11px;color:#c2c8cd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.radio-close{display:grid;place-items:center;padding:0}.radio-controls{display:flex;gap:6px;margin:5px 0 10px}.radio-controls button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;background:#fff8eb12;font-size:11px}.radio-menu-caption{display:flex;justify-content:space-between;gap:4px;margin:5px 7px;color:#a8b2bc;font-size:8px;letter-spacing:.03em}.radio-menu-caption span{color:#efda98}.radio-stations button{display:flex;width:100%;align-items:center;gap:10px;padding:6px 8px;min-height:46px;text-align:left}.radio-stations button[aria-pressed=true]{background:#fff8eb14}.radio-option-marker{width:3px;height:23px;flex-shrink:0;border-radius:2px;background:var(--station-color)}.radio-stations strong{display:block;font-size:11px;letter-spacing:.06em}.radio-stations small{display:block;margin-top:3px;font-size:10px;color:#b8c3ce}.radio-selected{margin-left:auto;color:var(--station-color);visibility:hidden}.radio [aria-pressed=true]>.radio-selected{visibility:visible}.performance-badge{position:fixed;bottom:max(3px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:6;max-width:calc(100vw - 32px);height:16px;padding:0 6px;border-radius:5px;background:var(--hud-panel, #152331);color:var(--hud-mint, #8be6cf);font:600 10px/16px var(--hud-font, sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;user-select:none}.performance-badge[hidden],#app:not(.playing) .performance-badge,#app.paused .performance-badge{display:none}@media(orientation:portrait){.performance-badge{top:auto;bottom:max(3px,env(safe-area-inset-bottom));height:12px;font-size:8px;line-height:12px}}.performance-panel__body{padding:4px 0 14px;color:var(--hud-paper, #fff4de);font-size:12px;font-variant-numeric:tabular-nums}.performance-panel__status{color:var(--hud-mint, #8be6cf);line-height:1.5;margin:0 0 14px}.performance-panel__metrics{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;margin:0 0 20px}.performance-panel__metrics dt{color:var(--hud-quiet, #b4c7cc)}.performance-panel__metrics dd{margin:0;text-align:right;white-space:nowrap}.performance-panel__comparison{width:100%;border-collapse:collapse;font-size:11px}.performance-panel__comparison caption{text-align:left;font-size:12px;font-weight:700;padding-bottom:8px}.performance-panel__comparison th,.performance-panel__comparison td{padding:7px 3px;text-align:right;border-bottom:1px solid var(--hud-line, #ffffff24)}.performance-panel__comparison th:first-child{text-align:left;font-weight:500}.performance-panel__comparison thead{color:var(--hud-quiet, #b4c7cc)}.performance-panel__note{color:var(--hud-quiet, #b4c7cc);font-size:11px;line-height:1.5;margin:10px 0}.performance-panel__actions{display:grid;gap:8px;margin:0 0 16px}.performance-panel__actions button{min-height:44px;width:100%;margin:0;touch-action:manipulation}.performance-panel__copy-status{color:var(--hud-mint, #8be6cf);font-size:11px;line-height:1.5}.performance-panel__copy-status:empty{display:none}.performance-panel__report{display:block;width:100%;max-width:100%;min-height:150px;padding:10px;border:1px solid var(--hud-line, #ffffff24);border-radius:10px;background:var(--hud-ink, #121c29);color:var(--hud-paper, #fff4de);font:16px/1.5 ui-monospace,monospace;resize:vertical;overflow:auto;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:auto;margin-bottom:20px}.performance-panel__report[hidden]{display:none}