@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--track-sky:#ff9a5a;--track-ground:#c98a4b;--neon:#ff2d92}*,:before,:after,::backdrop{--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.rounded{border-radius:.25rem}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}}@property --track-sky{syntax:"<color>";inherits:true;initial-value:#ff9a5a}@property --track-ground{syntax:"<color>";inherits:true;initial-value:#c98a4b}@property --neon{syntax:"<color>";inherits:true;initial-value:#ff2d92}:root{--cabinet:#140a2e;--bezel:#0c0620;--chrome:#e7e9f5;--asphalt:#1c1830;--kart-red:#ff3b30;--kart-yellow:#ffd60a;--kart-blue:#0a84ff;--kart-green:#34c759;--ink:#14112b;--ink-soft:#4a4470;--paper:#fffdf5;--track-sky:#ff9a5a;--track-ground:#c98a4b;--neon:#ff2d92;--display:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", "Cascadia Mono", ui-monospace, "Roboto Mono", monospace;--radius:1.1rem;--radius-sm:.6rem;--bezel-shadow:0 0 0 3px var(--bezel), 0 18px 50px #0000008c}body[data-track=sunset-circuit]{--track-sky:#ff9a5a;--track-ground:#c98a4b;--neon:#ff6b35}body[data-track=frozen-pass]{--track-sky:#bfeaff;--track-ground:#e8f4ff;--neon:#34c5ff}body[data-track=jungle-loop]{--track-sky:#6fd08c;--track-ground:#3f8f5a;--neon:#1f6b3b}body[data-track=rainbow-rush]{--track-sky:#b15cff;--track-ground:#2a1245;--neon:#ff5edb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-block-size:100dvh;font-family:var(--display);color:var(--paper);background:radial-gradient(120% 90% at 50% -10%,var(--track-sky),transparent 60%),radial-gradient(140% 120% at 50% 120%,var(--neon),transparent 55%),var(--cabinet);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){body{background:radial-gradient(120% 90% at 50% -10%,color-mix(in oklab,var(--track-sky) 55%,transparent),transparent 60%),radial-gradient(140% 120% at 50% 120%,color-mix(in oklab,var(--neon) 35%,transparent),transparent 55%),var(--cabinet)}}body{transition:--track-sky .6s,--neon .6s;overflow:hidden}.cabinet{inline-size:min(94vw,1040px);padding:clamp(.6rem,2vw,1.2rem)}.stage{aspect-ratio:16/10;border-radius:var(--radius);background:var(--asphalt);max-block-size:86dvh;inline-size:100%;box-shadow:var(--bezel-shadow);isolation:isolate;margin-inline:auto;position:relative;overflow:hidden}.stage__canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.stage:after{content:"";pointer-events:none;z-index:5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px),radial-gradient(120% 120%,#0000 62%,#0006);position:absolute;inset:0}.hud{z-index:6;pointer-events:none;grid-template-rows:auto 1fr auto;padding:clamp(.6rem,2vw,1.1rem);display:grid;position:absolute;inset:0}.hud[hidden]{display:none}.hud__top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.gauge{border-radius:var(--radius-sm);background:var(--bezel);align-items:baseline;gap:.25rem;padding:.4rem .85rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.gauge{background:color-mix(in oklab,var(--bezel) 78%,transparent)}}.gauge{border:2px solid var(--chrome)}@supports (color:color-mix(in lab,red,red)){.gauge{border:2px solid color-mix(in oklab,var(--chrome) 30%,transparent)}}.gauge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px #ffffff0f}.gauge--time{flex-direction:column;align-items:center;gap:0}.gauge__value{letter-spacing:-.02em;color:var(--kart-yellow);text-shadow:0 2px #00000073;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:900;line-height:1}.gauge__value--mono{font-family:var(--mono);color:var(--paper);font-size:clamp(1rem,3vw,1.5rem)}.gauge__sep,.gauge__total{color:var(--paper);font-size:1rem}@supports (color:color-mix(in lab,red,red)){.gauge__sep,.gauge__total{color:color-mix(in oklab,var(--paper) 70%,transparent)}}.gauge__label{text-transform:uppercase;letter-spacing:.2em;inline-size:100%;color:var(--paper);font-size:.62rem;display:block}@supports (color:color-mix(in lab,red,red)){.gauge__label{color:color-mix(in oklab,var(--paper) 55%,transparent)}}.hud__bottom{align-self:end;align-items:center;gap:.6rem;display:flex}.item{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--chrome),var(--bezel));place-items:center;inline-size:clamp(3rem,9vw,4.2rem);font-size:clamp(1.4rem,4.5vw,2.4rem);display:grid}@supports (color:color-mix(in lab,red,red)){.item{background:linear-gradient(135deg,color-mix(in oklab,var(--chrome) 24%,var(--bezel)),var(--bezel))}}.item{border:3px solid var(--chrome);box-shadow:0 6px 0 var(--bezel)}@supports (color:color-mix(in lab,red,red)){.item{box-shadow:0 6px color-mix(in oklab,var(--bezel) 80%,black)}}.item[data-item]{animation:.3s item-pop}.item--flash{animation:.2s item-flash}.item__label{text-transform:uppercase;letter-spacing:.16em;color:var(--paper);font-size:.75rem}@supports (color:color-mix(in lab,red,red)){.item__label{color:color-mix(in oklab,var(--paper) 80%,transparent)}}.speedo{background:var(--neon);border-radius:999px;align-items:baseline;gap:.3rem;padding:.35rem .8rem;display:flex;position:absolute;inset-block-end:clamp(.6rem,2vw,1.1rem);inset-inline-end:clamp(.6rem,2vw,1.1rem)}@supports (color:color-mix(in lab,red,red)){.speedo{background:color-mix(in oklab,var(--neon) 30%,var(--bezel))}}.speedo{border:2px solid var(--chrome)}@supports (color:color-mix(in lab,red,red)){.speedo{border:2px solid color-mix(in oklab,var(--chrome) 40%,transparent)}}.speedo__value{font-variant-numeric:tabular-nums;color:var(--paper);font-size:clamp(1.3rem,4vw,2rem);font-weight:900}.speedo__unit{text-transform:uppercase;letter-spacing:.15em;opacity:.8;font-size:.65rem}.mute{pointer-events:auto;aspect-ratio:1;border:2px solid var(--chrome);border-radius:999px;inline-size:2.4rem;font-size:1.1rem;position:absolute;inset-block-start:clamp(.6rem,2vw,1.1rem);inset-inline-end:50%;transform:translate(50%)}@supports (color:color-mix(in lab,red,red)){.mute{border:2px solid color-mix(in oklab,var(--chrome) 40%,transparent)}}.mute{background:var(--bezel)}@supports (color:color-mix(in lab,red,red)){.mute{background:color-mix(in oklab,var(--bezel) 80%,transparent)}}.mute{color:var(--paper);cursor:pointer}.mute:focus-visible{outline:3px solid var(--kart-yellow);outline-offset:2px}.countdown{z-index:7;pointer-events:none;letter-spacing:-.04em;color:var(--kart-yellow);text-shadow:0 0 .1em var(--neon),0 8px 0 #0006;place-items:center;font-size:clamp(5rem,22vw,12rem);font-style:italic;font-weight:900;animation:1s ease-in-out infinite count-pulse;display:grid;position:absolute;inset:0}.countdown[hidden]{display:none}.menu{z-index:8;pointer-events:auto;background:radial-gradient(120% 120% at 50% 0%,var(--track-sky),transparent 60%),var(--bezel);place-items:center;padding:clamp(.8rem,3vw,1.6rem);display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.menu{background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--track-sky) 50%,transparent),transparent 60%),color-mix(in oklab,var(--bezel) 86%,transparent)}}.menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.menu[hidden]{display:none}.menu__panel{text-align:center;gap:clamp(.7rem,2vw,1.1rem);inline-size:min(100%,640px);display:grid}.menu__title{text-transform:uppercase;margin:0;font-style:italic;line-height:.86}.menu__title-top{letter-spacing:.5em;color:var(--neon);text-indent:.5em;font-size:clamp(1rem,4vw,1.6rem);display:block}.menu__title-main{letter-spacing:-.02em;color:var(--kart-yellow);text-shadow:0 4px 0 var(--kart-red),0 8px 0 var(--ink),0 14px 26px #00000080;font-size:clamp(3.2rem,14vw,6rem);font-weight:900;display:block}.menu__title-64{color:var(--paper);-webkit-text-stroke:3px var(--ink);margin-inline-start:.05em}.menu__tagline{color:var(--paper);margin:0;font-size:.9rem}@supports (color:color-mix(in lab,red,red)){.menu__tagline{color:color-mix(in oklab,var(--paper) 78%,transparent)}}.menu__group{border:0;margin:0;padding:0}.menu__legend{text-transform:uppercase;letter-spacing:.28em;color:var(--paper);font-size:.7rem}@supports (color:color-mix(in lab,red,red)){.menu__legend{color:color-mix(in oklab,var(--paper) 60%,transparent)}}.menu__legend{margin-block-end:.45rem}.menu__modes{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.chip{border-radius:var(--radius-sm);border:2px solid var(--chrome);gap:.15rem;padding:.6rem .5rem;display:grid}@supports (color:color-mix(in lab,red,red)){.chip{border:2px solid color-mix(in oklab,var(--chrome) 22%,transparent)}}.chip{background:var(--cabinet)}@supports (color:color-mix(in lab,red,red)){.chip{background:color-mix(in oklab,var(--cabinet) 70%,transparent)}}.chip{color:var(--paper);cursor:pointer;text-align:center;transition:transform .15s,border-color .15s,background .15s}.chip:hover{transform:translateY(-2px)}.chip[aria-checked=true]{border-color:var(--kart-yellow);background:var(--neon)}@supports (color:color-mix(in lab,red,red)){.chip[aria-checked=true]{background:color-mix(in oklab,var(--neon) 30%,var(--cabinet))}}.chip[aria-checked=true]{box-shadow:0 0 0 1px var(--kart-yellow),0 8px 22px var(--neon)}@supports (color:color-mix(in lab,red,red)){.chip[aria-checked=true]{box-shadow:0 0 0 1px var(--kart-yellow),0 8px 22px color-mix(in oklab,var(--neon) 40%,transparent)}}.chip__name{letter-spacing:.02em;font-size:.95rem;font-weight:800}.chip__sub{color:var(--paper);font-size:.6rem}@supports (color:color-mix(in lab,red,red)){.chip__sub{color:color-mix(in oklab,var(--paper) 62%,transparent)}}.chip__sub{line-height:1.2}.menu__tracks{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.card{border-radius:var(--radius-sm);border:2px solid var(--chrome);align-content:end;min-block-size:5.5rem;padding:.55rem;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.card{border:2px solid color-mix(in oklab,var(--chrome) 22%,transparent)}}.card{background:linear-gradient(180deg,var(--card-sky,#888) 0%,var(--card-sky,#888) 52%,var(--card-ground,#555) 52%,var(--card-ground,#555) 100%);color:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden}.card:before{content:"";background:var(--asphalt);block-size:18%;position:absolute;inset-block:48% auto;inset-inline:-10%;transform:rotate(-6deg);box-shadow:0 0 0 2px #ffffff80}.card:hover{transform:translateY(-3px)scale(1.02)}.card[aria-checked=true]{box-shadow:0 0 0 3px var(--kart-yellow),0 10px 26px #00000073}.card__name{z-index:1;letter-spacing:.02em;text-shadow:0 1px #fff9;font-size:.72rem;font-weight:800;position:relative}.menu__start{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:linear-gradient(180deg,var(--kart-yellow),#ff9f0a);box-shadow:0 6px #c47800,0 14px 30px var(--kart-yellow);border:0;border-radius:999px;justify-self:center;margin-block-start:.3rem;padding:.85rem 2.4rem;font-size:1.25rem;font-style:italic;font-weight:900}@supports (color:color-mix(in lab,red,red)){.menu__start{box-shadow:0 6px #c47800,0 14px 30px color-mix(in oklab,var(--kart-yellow) 50%,transparent)}}.menu__start{transition:transform .12s,box-shadow .12s}.menu__start:hover{transform:translateY(-2px)}.menu__start:active{transform:translateY(3px);box-shadow:0 3px #c47800}.menu__start:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.menu__controls{color:var(--paper);margin:0;font-size:.68rem}@supports (color:color-mix(in lab,red,red)){.menu__controls{color:color-mix(in oklab,var(--paper) 65%,transparent)}}.menu__controls{line-height:1.7}.menu__controls kbd{font-family:var(--mono);background:var(--chrome);border-radius:.3rem;padding:.05rem .35rem;font-size:.62rem}@supports (color:color-mix(in lab,red,red)){.menu__controls kbd{background:color-mix(in oklab,var(--chrome) 18%,transparent)}}.menu__controls kbd{border:1px solid var(--chrome)}@supports (color:color-mix(in lab,red,red)){.menu__controls kbd{border:1px solid color-mix(in oklab,var(--chrome) 30%,transparent)}}.results{border-radius:var(--radius);inline-size:min(92vw,460px);color:var(--paper);background:radial-gradient(120% 100% at 50% 0%,var(--neon),transparent 60%),var(--cabinet);border:0;margin:auto;padding:clamp(1.2rem,4vw,1.8rem)}@supports (color:color-mix(in lab,red,red)){.results{background:radial-gradient(120% 100% at 50% 0%,color-mix(in oklab,var(--neon) 45%,transparent),transparent 60%),var(--cabinet)}}.results{box-shadow:var(--bezel-shadow)}.results::backdrop{background:var(--bezel)}@supports (color:color-mix(in lab,red,red)){.results::backdrop{background:color-mix(in oklab,var(--bezel) 80%,transparent)}}.results::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@starting-style{.results[open]{opacity:0;transform:translateY(12px)scale(.96)}}.results[open]{opacity:1;transition:opacity .25s,transform .25s;transform:none}.results__heading{text-align:center;color:var(--kart-yellow);text-shadow:0 3px 0 var(--kart-red);margin:0 0 1rem;font-size:clamp(1.6rem,6vw,2.4rem);font-style:italic;font-weight:900}.results__list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.results__row{border-radius:var(--radius-sm);background:var(--bezel);grid-template-columns:1.6rem .9rem 1fr auto;align-items:center;gap:.55rem;padding:.5rem .7rem;display:grid}@supports (color:color-mix(in lab,red,red)){.results__row{background:color-mix(in oklab,var(--bezel) 70%,transparent)}}.results__row{font-size:.95rem}.results__row.is-player{background:var(--kart-yellow)}@supports (color:color-mix(in lab,red,red)){.results__row.is-player{background:color-mix(in oklab,var(--kart-yellow) 26%,var(--bezel))}}.results__row.is-player{color:var(--ink);box-shadow:inset 0 0 0 2px var(--kart-yellow);font-weight:800}.results__pos{text-align:center;font-weight:900}.results__dot{aspect-ratio:1;border:2px solid #fff9;border-radius:999px;inline-size:.9rem}.results__name{text-align:start}.results__time{font-family:var(--mono);font-size:.82rem}.results__best{text-align:center;color:var(--paper);margin:.9rem 0 0;font-size:.82rem}@supports (color:color-mix(in lab,red,red)){.results__best{color:color-mix(in oklab,var(--paper) 80%,transparent)}}.results__actions{gap:.6rem;margin-block-start:1.2rem;display:flex}.results__btn{letter-spacing:.04em;text-transform:uppercase;color:var(--paper);cursor:pointer;border:2px solid var(--chrome);border-radius:999px;flex:1;padding:.7rem 1rem;font-size:.95rem;font-weight:800}@supports (color:color-mix(in lab,red,red)){.results__btn{border:2px solid color-mix(in oklab,var(--chrome) 35%,transparent)}}.results__btn{background:var(--bezel)}@supports (color:color-mix(in lab,red,red)){.results__btn{background:color-mix(in oklab,var(--bezel) 70%,transparent)}}.results__btn{transition:transform .12s}.results__btn:hover{transform:translateY(-2px)}.results__btn--primary{color:var(--ink);background:linear-gradient(180deg,var(--kart-yellow),#ff9f0a);border:0;box-shadow:0 5px #c47800}.results__btn:focus-visible{outline:3px solid var(--kart-yellow);outline-offset:2px}@keyframes count-pulse{0%,to{opacity:.85;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@keyframes item-pop{0%{transform:scale(.6)rotate(-8deg)}60%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes item-flash{0%{filter:brightness(2.2)}to{filter:brightness()}}@media(prefers-reduced-motion:reduce){body{transition:none}.countdown{animation:none}.item,.item--flash,.chip,.card,.menu__start,.results__btn,.results[open]{transition:none;animation:none}.stage:after{background:radial-gradient(120% 120%,#0000 62%,#0006)}}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}