:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#c6cbc0;--basalt:#080a0c;--slate:#151a1d;--stone:#2a3233;--chalk:#c6cbc0;--ember:#f0643e;--lichen:#d6e3b4;--hairline:#c6cbc06b;background:#080a0c;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--basalt);width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:280px}button{font:inherit}#game-canvas,canvas{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;text-rendering:geometricprecision;position:fixed;inset:0}.brand-lockup{max-width:min(33rem,65vw);color:var(--chalk);position:absolute;top:clamp(1.2rem,3.5vw,2.8rem);left:clamp(1.2rem,4vw,4.5rem)}.eyebrow,.section-kicker,.control-hint,.readout-line span,.speed-cluster span,.finish-label{color:var(--lichen);letter-spacing:.19em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;font-weight:700;line-height:1.4}.brand-lockup h1{color:var(--chalk);letter-spacing:-.045em;text-transform:uppercase;margin:.5rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.9rem,8.2vw,8.6rem);font-weight:900;font-stretch:75%;line-height:.82}.hud.is-countdown .brand-lockup h1,.hud.is-racing .brand-lockup h1,.hud.is-finished .brand-lockup h1,.hud.is-countdown .brand-lockup .tagline,.hud.is-racing .brand-lockup .tagline,.hud.is-finished .brand-lockup .tagline{display:none}.hud.is-countdown .brand-lockup,.hud.is-racing .brand-lockup,.hud.is-finished .brand-lockup{max-width:none}.tagline{color:#c6cbc0b8;letter-spacing:.04em;margin:.8rem 0 0;font-size:clamp(.78rem,1.25vw,1rem)}.start-panel,.finish-panel{border-left:2px solid var(--ember);pointer-events:auto;width:min(24rem,100vw - 2.4rem);padding:1.4rem 0 1.35rem 1.2rem;position:absolute;top:50%;left:clamp(1.2rem,4vw,4.5rem);transform:translateY(-35%)}@media (min-width:641px){.start-panel{top:clamp(25rem,58vh,34rem);transform:none}}.start-panel h2,.finish-panel h2{color:var(--chalk);letter-spacing:-.02em;margin:.35rem 0 .5rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:.95}.start-copy{color:#c6cbc0c2;max-width:21rem;margin:0;font-size:.95rem;line-height:1.45}.action-button{border:1px solid var(--chalk);background:var(--chalk);min-width:12.6rem;color:var(--basalt);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:space-between;align-items:center;gap:1.75rem;margin-top:1.25rem;padding:.8rem .85rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;font-weight:800;line-height:1;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.action-button span{color:#080a0c8f;font-size:.62rem}.action-button:hover{border-color:var(--ember);background:var(--ember);color:var(--chalk)}.action-button:hover span{color:var(--chalk)}.action-button:focus-visible,.touch-button:focus-visible{outline:3px solid var(--lichen);outline-offset:4px}.control-hint{color:#d6e3b49e;letter-spacing:.1em;margin-top:1rem;font-size:.56rem}.race-readout{border-top:1px solid var(--hairline);pointer-events:none;width:min(13rem,34vw);position:absolute;top:clamp(1.5rem,4.1vw,3rem);right:clamp(1.2rem,4vw,4.5rem)}.readout-line{border-bottom:1px solid #c6cbc02e;justify-content:space-between;align-items:baseline;gap:1rem;padding:.52rem 0;display:flex}.readout-line strong{color:var(--chalk);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.83rem}.countdown{color:var(--ember);pointer-events:none;text-shadow:0 0 24px #f0643e29;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(5rem,18vw,13rem);line-height:.8;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.speed-cluster{pointer-events:none;align-items:baseline;gap:.6rem;display:flex;position:absolute;bottom:clamp(1.2rem,4vw,3rem);right:clamp(1.2rem,4vw,4.5rem)}.speed-cluster strong{color:var(--chalk);letter-spacing:-.045em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.2rem,9vw,7rem);font-weight:900;line-height:.78}.speed-cluster span{color:var(--ember)}.finish-time{color:var(--lichen);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.7rem,4vw,2.8rem);display:block}.live-status{color:var(--lichen);letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.touch-controls{pointer-events:auto;grid-template-columns:repeat(5,minmax(2.9rem,5rem));justify-content:space-between;gap:.55rem;display:none;position:absolute;bottom:clamp(1rem,3.5vw,2.7rem);left:clamp(1rem,3.5vw,3.8rem);right:clamp(1rem,3.5vw,3.8rem)}.touch-button{min-height:2.8rem;color:var(--chalk);cursor:pointer;letter-spacing:.12em;touch-action:none;background:#080a0c52;border:1px solid #c6cbc06b;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6rem;font-weight:800}.touch-button:active{border-color:var(--ember);color:var(--chalk);background:#f0643e59}.touch-throttle{border-color:var(--lichen);color:var(--lichen)}.touch-handbrake{border-color:var(--ember);color:var(--ember)}#runtime-notice{z-index:4;border:1px solid var(--ember);background:var(--slate);width:min(32rem,100vw - 2rem);color:var(--chalk);padding:1rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media (max-width:640px){.brand-lockup{max-width:70vw}.brand-lockup h1{font-size:clamp(2.7rem,14vw,5rem)}.tagline{font-size:.75rem}.race-readout{width:9.5rem;top:auto;bottom:8.4rem;right:1.2rem}.speed-cluster{bottom:4.7rem;right:1.2rem}.speed-cluster strong{font-size:3.4rem}.touch-controls{grid-template-columns:repeat(5,minmax(2.5rem,1fr));gap:.3rem}.touch-button{min-height:2.6rem;font-size:.52rem}}@media (hover:none),(pointer:coarse){.touch-controls{display:grid}}@media (hover:hover) and (pointer:fine){.touch-controls{opacity:.55;transition:opacity .16s}.touch-controls:hover,.touch-controls:focus-within{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}