:root{--color-cream:#f2e6c9;--color-dirt:#c08a4f;--color-dark-dirt:#8a5a32;--color-grass:#6e8b3d;--color-deep-green:#3f5a2a;--color-teal:#3e8a8c;--color-rally-red:#d64933;--color-mustard:#e3a72f;--color-navy:#24324a;--color-ink:#1b1a1f;--color-cream-down:var(--color-dirt);--color-dirt-down:var(--color-dark-dirt);--color-dark-dirt-down:var(--color-ink);--color-grass-down:var(--color-deep-green);--color-deep-green-down:var(--color-ink);--color-teal-down:var(--color-deep-green);--color-rally-red-down:var(--color-dark-dirt);--color-mustard-down:var(--color-dirt);--color-navy-down:var(--color-ink);--color-ink-down:var(--color-ink);--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-text:"Atkinson Hyperlegible", Verdana, sans-serif;--font-numeric:tabular-nums;--type-countdown-size:160px;--type-countdown-size-desktop:280px;--type-countdown-font:var(--font-display);--type-countdown-weight:900;--type-countdown-style:italic;--type-display-size:56px;--type-display-size-desktop:96px;--type-display-font:var(--font-display);--type-display-weight:900;--type-display-style:italic;--type-hud-xl-size:44px;--type-hud-xl-size-desktop:64px;--type-hud-xl-font:var(--font-display);--type-hud-xl-weight:800;--type-hud-xl-style:normal;--type-title-size:32px;--type-title-size-desktop:48px;--type-title-font:var(--font-display);--type-title-weight:900;--type-title-style:italic;--type-hud-l-size:28px;--type-hud-l-size-desktop:40px;--type-hud-l-font:var(--font-display);--type-hud-l-weight:800;--type-hud-l-style:normal;--type-button-size:22px;--type-button-size-desktop:28px;--type-button-font:var(--font-display);--type-button-weight:800;--type-button-style:normal;--type-label-size:13px;--type-label-size-desktop:16px;--type-label-font:var(--font-display);--type-label-weight:800;--type-label-style:normal;--type-label-tracking:.12em;--type-label-transform:uppercase;--type-body-size:14px;--type-body-size-desktop:16px;--type-body-font:var(--font-text);--type-body-weight:400;--type-body-style:normal;--space-s1:4px;--space-s2:8px;--space-s3:12px;--space-s4:16px;--space-s5:24px;--space-s6:32px;--space-s7:48px;--radius-none:0px;--radius-rect:4px;--radius-round:50%;--outline-small:2px;--outline-default:3px;--outline-large:4px;--outline-small-below-px:32px;--outline-large-above-px:120px;--shadow-hud:3px 3px 0 #1b1a1f;--shadow-button:4px 4px 0 #1b1a1f;--shadow-overlay:6px 6px 0 #1b1a1f;--shadow-blur:0px;--focus-ring-width:4px;--focus-ring-offset:4px;--focus-ring-color:var(--color-mustard);--safe-left:max(48px, env(safe-area-inset-left));--safe-right:max(48px, env(safe-area-inset-right));--safe-top:12px;--safe-bottom:max(21px, env(safe-area-inset-bottom));--touch-min-target:48px;--touch-hit-slop:12px;--touch-steer-pad-w:84px;--touch-steer-pad-h:80px;--touch-steer-gap:8px;--touch-gas:100px;--touch-brake:72px;--touch-action:64px;--touch-rest-after:4s;--duration-press:60ms;--duration-release:.12s;--duration-stamp:.16s;--duration-slide:.2s;--duration-wipe:.25s;--duration-stagger:40ms;--ease-snap:cubic-bezier(.2,.9,.3,1);--ease-stamp:cubic-bezier(.3,1.5,.5,1);--ease-sweep:cubic-bezier(.6,0,.4,1);--hatch-color:var(--color-ink);--hatch-line:3px;--hatch-pitch:9px;--hatch-angle:45deg;--desktop-scale:1.45;--desktop-margin:32px;--desktop-outline:4px}html,body{background:var(--color-navy);height:100%;color:var(--color-cream);font-family:var(--font-text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.race-layer,.menu-layer{position:absolute;inset:0}.race-layer[hidden],.menu-layer[hidden]{display:none}:root{--ui-hairline:calc(var(--outline-small) / 2);--ui-off-hud:var(--outline-default);--ui-off-button:var(--outline-large);--ui-off-overlay:calc(var(--outline-default) * 2);--ui-sink-hud:calc(var(--ui-off-hud) - var(--ui-hairline));--ui-sink-button:calc(var(--ui-off-button) - var(--ui-hairline));--ui-shadow-pressed:var(--ui-hairline) var(--ui-hairline) 0 var(--color-ink);--ui-shadow-none:0 0 0 var(--color-ink);--ui-shadow-lift:calc(var(--ui-off-button) + var(--ui-hairline)) calc(var(--ui-off-button) + var(--ui-hairline)) 0 var(--color-ink);--ui-drop:calc(var(--space-s5) + var(--space-s1))}.ui-layer{font-family:var(--font-display);color:var(--color-ink);fill:currentColor;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.ui-layer,.ui-layer *,.ui-layer :before,.ui-layer :after{box-sizing:border-box}.ui-layer[hidden]{display:none}.ui-label{font-family:var(--type-label-font);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform)}.ui-display{font-family:var(--type-display-font);font-size:var(--type-display-size);font-weight:var(--type-display-weight);font-style:var(--type-display-style);text-transform:uppercase;margin:0;line-height:.9}.ui-value{font-size:var(--type-hud-l-size);font-weight:var(--type-hud-l-weight);font-variant-numeric:var(--font-numeric);line-height:1}.ui-panel{border:var(--outline-default) solid var(--color-ink);border-radius:var(--radius-rect);box-shadow:var(--shadow-hud)}.ui-panel--overlay{border-width:var(--outline-large);box-shadow:var(--shadow-overlay);animation:ui-drop var(--duration-stamp) var(--ease-stamp) both}.ui-panel--navy{background:var(--color-navy);color:var(--color-cream)}.ui-panel--cream{background:var(--color-cream);color:var(--color-ink)}.ui-panel--mustard{background:var(--color-mustard);color:var(--color-ink)}.ui-icon{fill:currentColor;display:block}.ui-icon__stroke{fill:none;stroke:currentColor;stroke-width:var(--outline-large)}.ui-button{justify-content:center;align-items:center;gap:var(--space-s2);min-height:calc(var(--space-s7) + var(--space-s1));padding:0 var(--space-s4);border:var(--outline-default) solid var(--color-ink);border-radius:var(--radius-rect);box-shadow:var(--shadow-button);background:var(--color-cream);color:var(--color-ink);font-family:var(--type-button-font);font-size:var(--type-button-size);font-weight:var(--type-button-weight);font-style:var(--type-button-style);text-transform:uppercase;cursor:pointer;transition:transform var(--duration-release) var(--ease-snap), box-shadow var(--duration-release) var(--ease-snap);margin:0;line-height:1;display:inline-flex}.ui-button:active{transform:translate(var(--ui-sink-button), var(--ui-sink-button));box-shadow:var(--ui-shadow-pressed);background:var(--color-cream-down);transition-duration:var(--duration-press)}.ui-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.ui-button:hover:not(:active){transform:translate(calc(var(--ui-hairline) * -1), calc(var(--ui-hairline) * -1));box-shadow:var(--ui-shadow-lift)}}.ui-button .ui-icon{width:var(--space-s5);height:var(--space-s5)}.ui-button--primary{background:var(--color-rally-red);color:var(--color-cream);font-family:var(--type-title-font);font-size:var(--type-title-size);font-weight:var(--type-title-weight);font-style:var(--type-title-style)}.ui-button--primary:active{background:var(--color-rally-red-down)}.ui-button--big{min-height:calc(var(--space-s7) + var(--space-s3));padding:0 var(--space-s5)}.ui-hatch{width:100%;height:100%;animation:ui-wipe-in var(--duration-wipe) var(--ease-sweep) both;display:block;position:absolute;inset:0}.ui-hatch__line{fill:var(--hatch-color)}@keyframes ui-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ui-drop{0%{transform:translateY(calc(var(--ui-drop) * -1)) scale(var(--ui-drop-scale,1));box-shadow:var(--ui-shadow-none)}to{box-shadow:var(--shadow-overlay);transform:none}}@media (prefers-reduced-motion:reduce){.ui-button:hover:not(:active){box-shadow:var(--shadow-button);transform:none}.ui-hatch,.ui-panel--overlay{animation:none}}.ui-countdown{justify-content:center;align-items:center;gap:var(--space-s4);pointer-events:none;--ui-cd-size:calc(var(--type-countdown-size) + var(--space-s6));--ui-cd-go-hold:calc(var(--duration-stamp) + var(--duration-slide) * 3);flex-direction:column;display:flex}.ui-cd-stage{height:var(--ui-cd-size);justify-content:center;align-items:center;display:flex}.ui-cd-roundel{--ui-drop-scale:1.25;width:var(--ui-cd-size);height:var(--ui-cd-size);border-radius:var(--radius-round);font-family:var(--type-countdown-font);font-size:var(--type-countdown-size);font-weight:var(--type-countdown-weight);font-style:var(--type-countdown-style);font-variant-numeric:var(--font-numeric);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:flex}.ui-cd-roundel--3{background:var(--color-rally-red);color:var(--color-cream)}.ui-cd-roundel--2{background:var(--color-mustard);color:var(--color-ink)}.ui-cd-roundel--1{background:var(--color-cream);color:var(--color-ink)}.ui-cd-roundel--go{width:auto;padding:0 var(--space-s5);border-radius:var(--radius-rect);background:var(--color-grass);color:var(--color-ink);animation:ui-drop var(--duration-stamp) var(--ease-stamp) both, ui-cd-off var(--duration-slide) var(--ease-snap) var(--ui-cd-go-hold) forwards}.ui-cd-lights{gap:var(--space-s2);display:flex}.ui-cd-light{width:calc(var(--space-s5) + var(--space-s1));height:calc(var(--space-s5) + var(--space-s1));border:var(--outline-small) solid var(--color-ink);border-radius:var(--radius-round);background:var(--color-navy)}.ui-cd-light--0.is-lit{background:var(--color-rally-red)}.ui-cd-light--1.is-lit{background:var(--color-mustard)}.ui-cd-light--2.is-lit{background:var(--color-cream)}.ui-cd-light--3.is-lit{background:var(--color-grass)}.ui-cd-light.is-popping{animation:ui-cd-pop var(--duration-release) var(--ease-snap) both}.ui-countdown.is-go .ui-cd-lights{animation:ui-cd-cut 0s linear var(--ui-cd-go-hold) forwards}@keyframes ui-cd-off{0%{visibility:visible;transform:none}to{visibility:hidden;transform:translateY(-100vh)}}@keyframes ui-cd-pop{0%{transform:scale(1.12)}to{transform:none}}@keyframes ui-cd-cut{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.ui-cd-light.is-popping{animation:none}.ui-cd-roundel--go{animation:ui-cd-cut 0s linear var(--ui-cd-go-hold) forwards}}.ui-screen{justify-content:center;align-items:center;display:flex}.ui-start{gap:var(--space-s5);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--color-navy);color:var(--color-cream);flex-direction:column}.ui-start__brand{align-items:center;gap:var(--space-s3);flex-direction:column;display:flex}.ui-start__title{flex-direction:column;align-items:center;display:flex}.ui-start__title-top{color:var(--color-mustard)}.ui-start__subtitle{color:var(--color-mustard);margin:0}.ui-stripes{display:flex}.ui-stripe{height:var(--space-s4);border:var(--outline-default) solid var(--color-ink);border-right:0}.ui-stripe:last-child{border-right:var(--outline-default) solid var(--color-ink)}.ui-stripe--red{width:calc(var(--space-s7) * 4);background:var(--color-rally-red)}.ui-stripe--mustard{width:calc(var(--space-s7) * 2);background:var(--color-mustard)}.ui-stripe--cream{width:var(--space-s7);background:var(--color-cream)}.ui-finish__card{align-items:center;gap:var(--space-s4);padding:var(--space-s5) var(--space-s6);flex-direction:column;display:flex;position:relative}.ui-finish__stats{align-items:stretch;gap:var(--space-s4);display:flex}.ui-finish__stat{padding:var(--space-s1) var(--space-s2);flex-direction:column;justify-content:center;display:flex}.ui-hud{pointer-events:none}.ui-hud__tl{left:var(--safe-left);top:var(--safe-top);align-items:flex-start;gap:var(--space-s2);flex-direction:column;display:flex;position:absolute}.ui-hud__row{align-items:flex-start;gap:var(--space-s2);display:flex}.ui-hud__tr{right:var(--safe-right);top:var(--safe-top);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.ui-hud-panel{padding:var(--space-s1) var(--space-s2);flex-direction:column;display:flex}.ui-hud-pos__value{font-weight:var(--type-hud-xl-weight);font-variant-numeric:var(--font-numeric);align-items:baseline;line-height:.9;display:flex}.ui-hud-pos__n{font-size:var(--type-hud-xl-size);color:var(--color-mustard)}.ui-hud-pos__of{font-size:var(--type-button-size);color:var(--color-cream)}.ui-hud-map{width:calc(var(--space-s7) * 2 + var(--space-s2));height:calc(var(--space-s7) + var(--space-s5))}.ui-hud-map svg{width:100%;height:100%;display:block}.ui-hud-map__edge,.ui-hud-map__road{fill:none;stroke-linejoin:round}.ui-hud-map__road{stroke:var(--color-cream);stroke-width:calc(var(--outline-small) + var(--outline-default))}.ui-hud-map__edge{stroke:var(--color-ink);stroke-width:calc(var(--outline-small) * 3 + var(--outline-default))}.ui-hud-map__car{stroke:var(--color-ink);stroke-width:var(--outline-small)}.ui-hud-map__car--cream{fill:var(--color-cream)}.ui-hud-map__car--dirt{fill:var(--color-dirt)}.ui-hud-map__car--dark-dirt{fill:var(--color-dark-dirt)}.ui-hud-map__car--grass{fill:var(--color-grass)}.ui-hud-map__car--deep-green{fill:var(--color-deep-green)}.ui-hud-map__car--teal{fill:var(--color-teal)}.ui-hud-map__car--rally-red{fill:var(--color-rally-red)}.ui-hud-map__car--mustard{fill:var(--color-mustard)}.ui-hud-map__car--navy{fill:var(--color-navy)}.ui-hud-map__car--ink{fill:var(--color-ink)}.ui-hud-map__car--navy,.ui-hud-map__car--ink{stroke:var(--color-cream)}.ui-hud-time{min-width:calc(var(--space-s7) * 2 + var(--space-s4));align-items:flex-end}.ui-hud-best{align-items:center;gap:var(--space-s2);padding:var(--space-s1) var(--space-s2);border-radius:0 0 var(--radius-rect) var(--radius-rect);border-top:0;line-height:1;display:flex}.ui-hud-best__value{font-size:var(--type-label-size);font-weight:var(--type-label-weight);font-variant-numeric:var(--font-numeric)}.ui-touch{pointer-events:none}.ui-touch__slot{bottom:var(--safe-bottom);position:absolute}.ui-touch__slot--left,.ui-touch__slot--right{width:var(--touch-steer-pad-w);height:var(--touch-steer-pad-h)}.ui-touch__slot--left{left:var(--safe-left)}.ui-touch__slot--right{left:calc(var(--safe-left) + var(--touch-steer-pad-w) + var(--touch-steer-gap))}.ui-touch__slot--gas{right:var(--safe-right);width:var(--touch-gas);height:var(--touch-gas)}.ui-touch__slot--brake{right:calc(var(--safe-right) + var(--touch-gas) + var(--space-s3));width:var(--touch-brake);height:var(--touch-brake)}.ui-tc{border:var(--outline-default) solid var(--color-ink);border-radius:var(--radius-rect);width:100%;height:100%;box-shadow:var(--shadow-button);font-family:var(--type-button-font);font-size:var(--type-button-size);font-weight:var(--type-button-weight);font-style:var(--type-button-style);text-transform:uppercase;pointer-events:none;transition:transform var(--duration-release) var(--ease-snap), box-shadow var(--duration-release) var(--ease-snap);justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}.ui-tc__icon{width:calc(var(--space-s6) + var(--space-s2));height:calc(var(--space-s6) + var(--space-s2))}.ui-tc--left,.ui-tc--right{background:var(--color-cream);color:var(--color-ink)}.ui-tc--gas,.ui-tc--brake{border-radius:var(--radius-round);color:var(--color-cream)}.ui-tc--gas{background:var(--color-rally-red);font-size:var(--type-title-size);font-weight:var(--type-title-weight);font-style:var(--type-title-style)}.ui-tc--brake{background:var(--color-navy)}.ui-tc.is-pressed{background:var(--color-mustard);color:var(--color-ink);transform:translate(var(--ui-sink-button), var(--ui-sink-button));box-shadow:var(--ui-shadow-pressed);transition-duration:var(--duration-press)}.ui-tc.is-retracting{box-shadow:var(--ui-shadow-none);transition-duration:var(--duration-stamp)}.ui-tc.is-resting{color:var(--color-ink);box-shadow:none;background:0 0;transition:none}.ui-tc.is-waking{animation:ui-tc-wake var(--duration-release) var(--ease-stamp)}@keyframes ui-tc-wake{0%{box-shadow:var(--ui-shadow-none);transform:scale(.9)}to{box-shadow:var(--shadow-button);transform:none}}@media (prefers-reduced-motion:reduce){.ui-tc.is-waking{animation:none}.ui-tc.is-retracting{color:var(--color-ink);box-shadow:none;background:0 0;transition:none}}