.count-racer{--ink:#ecf2ff;--orange:#ff9868;--line:#29374d;--muted:#9cabc0;color:var(--ink);color-scheme:dark;box-shadow:none;background:0 0;border:0;border-radius:0;font-family:Trebuchet MS,Arial,sans-serif}.count-racer *{box-sizing:border-box}.count-racer button{font:inherit;cursor:pointer;touch-action:manipulation}.count-racer button:focus-visible{outline-offset:4px;outline:3px solid #6ce8e2}.count-racer button:disabled{cursor:default}.race-header{grid-template-columns:minmax(0,max-content) auto 1fr auto;align-items:center;gap:16px;padding:4px 2px 24px;display:grid}.race-header h1{--race-title-size:clamp(28px,3.2vw,44px);font-family:inherit;font-size:var(--race-title-size);letter-spacing:-2px;color:#fff;margin:0;font-weight:700;line-height:1}.count-racer:not(.is-lobby)>.race-header h1{font-size:calc(1.2 * var(--race-title-size))}.race-header :is(button,a){color:#c6d3e6;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;height:44px;padding:0;transition:color .2s;display:grid}.race-header :is(.race-hub-link,.race-exit){justify-self:end}.race-header :is(.race-exit,.race-settings-trigger,.race-hub-link){color:var(--orange)}.race-header :is(.race-exit,.race-settings-trigger,.race-hub-link):hover{color:#e8864a}.race-header :is(.race-exit,.race-settings-trigger,.race-hub-link) svg{width:22px;height:22px}.race-world{isolation:isolate;background:#0b1227;border:1px solid #34405a;border-radius:20px;height:clamp(360px,56svh,680px);margin:0;position:relative;overflow:hidden}.race-world-ready{min-height:480px}.race-world:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 90px #03071766}.race-canvas{position:absolute;inset:0}.race-canvas canvas{width:100%;height:100%;display:block}.race-speedometer{z-index:2;pointer-events:none;filter:drop-shadow(0 5px 10px #020613b8);width:clamp(118px,15vw,164px);height:auto;transition:filter .2s;position:absolute;bottom:16px;left:20px}.race-speedometer.is-turbo{filter:drop-shadow(0 0 16px #ff3c32e6)drop-shadow(0 0 32px #ff9800b3)drop-shadow(0 0 48px #80fff073);animation:.22s ease-in-out infinite alternate race-speedometer-turbo-vibe}@keyframes race-speedometer-turbo-vibe{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.025)rotate(-.6deg)}to{transform:scale(1.03)rotate(.6deg)}}.race-speedometer-needle{transform-origin:88px 88px;transition:transform .11s linear}.race-speedometer.is-turbo .race-speedometer-needle{filter:drop-shadow(0 0 8px #ff3b30)drop-shadow(0 0 16px #ff9500)}.race-road-caption{letter-spacing:.16em;color:#c6d7ee;text-shadow:0 2px 12px #010410;white-space:nowrap;z-index:2;font-size:11px;font-weight:900;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.is-boosting .race-road-caption{color:#80fff0;text-shadow:0 0 20px #4bdbcbb3;font-size:22px}.race-dashboard{gap:4px;padding:12px 4px 6px;display:grid}.race-feedback{color:#c0dedc;margin:4px 0 10px;font-size:13px;font-weight:700;line-height:1.45}.race-numbers{grid-template-columns:repeat(10,minmax(44px,1fr));gap:6px;display:grid}.race-numbers button{color:#c4d1e5;background:#141e30;border:1px solid #354059;border-bottom-width:3px;border-radius:11px;place-items:center;min-width:44px;height:54px;padding:0;transition:background .15s,transform .15s,border-color .15s,box-shadow .15s,border-bottom-width .1s;display:grid;position:relative}.race-row-digits{stroke-width:10px;width:auto;max-width:calc(100% - 8px);height:29px;display:block}.race-numbers button>small{font-size:9px;position:absolute;bottom:2px;right:4px}.race-numbers button.current{color:#21120f;background:#ff9868;border-color:#b65d3e;animation:2.2s ease-in-out infinite race-current-breathe;box-shadow:0 0 20px #ff986866}@keyframes race-current-breathe{0%,to{box-shadow:0 0 16px #ff986859}50%{box-shadow:0 0 26px #ff9868bf}}.race-numbers button.done{color:#9bf3d6;background:#123b36;border-color:#276359;box-shadow:inset 0 1px #ffffff14}.race-numbers button:enabled:hover{border-color:#7f98b9;transform:translateY(-3px);box-shadow:0 6px 14px #00000059}.race-numbers button:enabled:active{border-bottom-width:1px;transform:translateY(2px)}@media (height<=400px){.race-numbers{display:none}}.race-car-options{color:#c4d6e9;gap:6px;font-size:13px;display:grid;container-type:inline-size}.race-car-picker,.race-color-picker{gap:clamp(4px,1vw,7px);display:grid}.race-car-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.race-color-picker{grid-template-columns:repeat(7,minmax(0,44px))}@container (width<326px){.race-color-picker{grid-template-columns:repeat(4,minmax(0,44px))}}.count-racer :is(.race-car-picker,.race-color-picker) button{color:#c4d6e9;background:#111d30;border:1px solid #3a4964;border-radius:11px;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:2px;min-width:0;min-height:44px;padding:5px 3px 7px;font-size:11px;font-weight:700;line-height:1.15;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:grid}.count-racer :is(.race-car-picker,.race-color-picker) button:hover{background:#19273f;border-color:#556c91;transform:translateY(-2px);box-shadow:0 4px 14px #00000059}.count-racer :is(.race-car-picker,.race-color-picker) button:active{transform:translateY(1px)}.race-car-picker button>span{overflow-wrap:anywhere}.race-car-preview{aspect-ratio:24/13;width:100%;overflow:hidden}.race-car-preview svg{width:100%;height:100%;display:block}.race-car-preview img{max-width:none;height:100%;display:block}.race-paint-swatch{aspect-ratio:1;border:1.5px solid #ffffff45;border-radius:50%;width:min(24px,100%);transition:transform .15s,box-shadow .15s,border-color .15s;display:block;box-shadow:0 2px 5px #0006}.count-racer .race-color-picker button:hover .race-paint-swatch{border-color:#fff8;transform:scale(1.1)}.count-racer .race-color-picker button[aria-pressed=true] .race-paint-swatch{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px}.count-racer :is(.race-car-picker,.race-color-picker) button[aria-pressed=true]{color:#beffe8;background:#163b35;border-color:#6ce1c1;box-shadow:0 0 14px #6ce1c147,inset 0 -2px #72e4c6}.race-world-vignette{pointer-events:none;z-index:1;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.race-vignette-winter{background:radial-gradient(#0000 60%,#c8e6ff14 80%,#e1f5ff42 100%),linear-gradient(135deg,#ebf8ff52 0%,#0000 18%),linear-gradient(225deg,#ebf8ff52 0%,#0000 18%);box-shadow:inset 0 0 35px #b9e1ff38,inset 0 0 10px #ffffff4d}.is-boosting .race-vignette-winter{box-shadow:inset 0 0 45px #c8f0ff66,inset 0 0 16px #ffffff8c}.race-vignette-canyon{background:radial-gradient(at 50% -12%,#ffc35a52 0%,#ff8c2d1f 42%,#0000 72%),radial-gradient(#0000 68%,#b44b141a 100%);box-shadow:inset 0 0 42px #be46142e}.is-boosting .race-vignette-canyon{background:radial-gradient(at 50% -12%,#ffd26e73 0%,#ff963233 48%,#0000 75%),radial-gradient(#0000 65%,#d2501429 100%);box-shadow:inset 0 0 52px #dc5a1947}.race-vignette-forest{background:radial-gradient(#0000 68%,#28a06414 100%);box-shadow:inset 0 -16px 36px #2db46e26,inset 0 0 20px #1e8c5a1a}.race-vignette-coast{background:radial-gradient(at 50% -20%,#fff5d733 0%,#0000 58%);box-shadow:inset 0 -20px 38px #28bed229}.race-world:has(.race-vignette-rainbow){border-color:#090c16}.race-vignette-rainbow{background:radial-gradient(#0000 66%,#0000007a 100%);box-shadow:inset 0 0 48px #000000ad}.race-vignette-jungle{background:radial-gradient(at 50% -15%,#ffe18233 0%,#0000 60%);box-shadow:inset 0 -15px 32px #32a03c24}.race-speed-lines{pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(#0000 42%,#000 85%)}.is-boosting .race-speed-lines{opacity:.6}.race-speed-lines i{transform-origin:0;width:95%;height:2px;position:absolute;top:50%;left:50%}.race-speed-lines i:after{content:"";background:linear-gradient(90deg,#0000,#8dfff5bb);width:17%;height:100%;animation:.6s linear infinite race-streak;position:absolute}.race-speed-lines i:nth-child(3n):after{animation-delay:-.2s}.race-speed-lines i:nth-child(3n+1):after{animation-delay:-.4s}@keyframes race-streak{0%{left:30%}to{left:100%}}@media (width>=1150px){.race-row-digits{height:33px}}@media (width<=540px){.race-numbers{grid-template-columns:repeat(5,minmax(44px,1fr))}}@media (width<=700px){.race-header{align-content:end;gap:8px;padding-bottom:8px}.count-racer:not(.is-lobby)>.race-header{min-height:72px}.race-header:has(.race-exit){min-height:132px}}@media (width<=540px),(height<=500px){.race-numbers{gap:5px}.race-numbers button{border-radius:9px;height:44px}.race-row-digits{height:26px}.race-numbers button>small{font-size:8px}}@media (height<=500px){.race-dashboard{gap:2px;padding:4px 4px 2px}}@media (width<=540px){.count-racer:not(.is-lobby)>.race-header{min-height:66px}.race-header:has(.race-exit){min-height:124px}.race-header h1{--race-title-size:30px;letter-spacing:-1px}.race-world{border-radius:14px;height:clamp(340px,44svh,410px)}.race-world-ready{min-height:430px}.race-speedometer{width:110px;bottom:10px;left:10px}.race-road-caption{font-size:8px;bottom:28px;left:auto;right:16px;transform:none}.is-boosting .race-road-caption{font-size:17px}.race-feedback{margin-bottom:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.count-racer *{transition:none!important;animation:none!important}.race-speed-lines{display:none}}.race-world.race-world-finished{height:auto;min-height:0;display:grid}.race-feedback:empty{display:none}.race-game-status,.race-game-status:empty{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:none;height:20px;margin:0;display:block;overflow:hidden}.race-target{z-index:4;pointer-events:none;max-width:55%;position:absolute;top:18px;right:24px}.race-target button{pointer-events:auto}.count-racer .race-target button:focus-visible{outline-offset:-4px}.race-target-answer{-webkit-backdrop-filter:blur(10px);color:#fff4d2;text-align:center;background:#080d20e0;border:1.5px solid #ffe2a759;border-radius:16px;justify-items:center;gap:3px;width:100%;min-height:44px;padding:10px 16px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:grid;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff1f}.race-target-answer:enabled:hover{background:#121c38f0;border-color:#ffd166;transform:scale(1.03);box-shadow:0 8px 28px #00000080,0 0 18px #ffd16647}.race-target-answer:enabled:active{transform:scale(.97)}.race-target-digits{stroke-width:8px;width:auto;max-width:100%;height:clamp(34.8px,5.52svh,58.8px);display:block}.race-target-answer>span{overflow-wrap:anywhere;font-size:clamp(13px,2.2svh,21px);font-weight:800}.race-target-speak{color:#fff4d2;background:0 0;border:0;place-items:center;width:48px;height:48px;margin:8px 0 0 auto;padding:0;transition:transform .15s,color .15s;display:grid}.race-target-speak:hover:not(:disabled){color:#fff;transform:scale(1.1)}.race-target-speak:active:not(:disabled){transform:scale(.95)}.race-target-speak svg{filter:drop-shadow(0 1px 4px #080d20);width:48px;height:48px;overflow:visible}.race-target-speak:disabled{opacity:.55}.race-speak-wave{transition:opacity .2s,stroke .2s}.race-target-speak.is-speaking svg{filter:drop-shadow(0 0 10px #ffd166)drop-shadow(0 1px 4px #080d20)}.race-target-speak.is-speaking .race-speak-wave-1{stroke:#ffd166;stroke-width:2.2px;animation:.75s ease-in-out infinite race-sound-wave-1}.race-target-speak.is-speaking .race-speak-wave-2{stroke:#ff9868;stroke-width:2.4px;animation:.75s ease-in-out infinite race-sound-wave-2}@keyframes race-sound-wave-1{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(1px)}}@keyframes race-sound-wave-2{0%,to{opacity:.2;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.race-screen-reader{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=540px){.race-target{top:10px;right:12px}}.race-milestones{justify-content:center;align-items:center;gap:clamp(1px,.5vmin,10px);font-size:clamp(22px,7vmin,42px);display:flex}.race-milestones svg{aspect-ratio:1;fill:#172238;stroke:#73829f;stroke-width:2px;stroke-linejoin:round;width:1em;min-width:0;transition:transform .2s;overflow:visible}.race-milestones .earned{fill:#ffd581;stroke:#fff0b8;filter:drop-shadow(0 0 6px #f4bb5eaa)}.race-new-star{animation:.55s ease-out race-star-pop}@keyframes race-star-pop{0%{transform:scale(.65)}55%{transform:scale(1.17)}}.count-racer:is(:fullscreen,.race-fullscreen-fallback){padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));overscroll-behavior:contain;background:#080d20;flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.count-racer.race-fullscreen-fallback{z-index:2147483647;position:fixed;inset:0}body:has(.race-fullscreen-fallback){overflow:hidden}body:has(.race-fullscreen-fallback) .site-header{display:none!important}.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-header{flex:none;align-content:end;gap:6px;min-height:50px;padding:0 2px 2px}.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-world{flex:1 0 250px;height:auto}.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-world-finished{flex-basis:auto}.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-dashboard{flex:none;padding:8px 2px 2px}@media (width<=700px){.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-header:has(.race-exit){min-height:100px}.count-racer:is(:fullscreen,.race-fullscreen-fallback)>.race-header h1{--race-title-size:clamp(19px, 5vw, 25px);letter-spacing:-.7px}}.race-settings-card small{color:#d8c7e8;font-size:12px;line-height:1.45;display:block}.race-settings-card small:empty{display:none}.race-picker-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.race-picker-heading h3{color:#aebed7;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.race-picker-heading .race-picker-selected{color:#eaf5ff;font-size:13px;font-weight:800}.race-lobby-help{color:#aebed7;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.5;transition:background .15s,border-color .15s}.race-lobby-help:hover{background:#ffffff12;border-color:#fff3}.race-lobby-help summary{cursor:pointer;color:#eaf1fb;align-items:center;gap:8px;width:fit-content;font-weight:700;list-style:none;display:flex}.race-lobby-help summary:before{content:"💡";font-size:14px}.race-lobby-help summary::-webkit-details-marker{display:none}.race-lobby-help summary:focus-visible{outline-offset:3px;outline:2px solid #ffe6a7}.race-lobby-help-body{color:#b5c7df;border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px;font-size:13px;line-height:1.5}.race-lobby-help p{margin:4px 0}.is-drawing .race-world{isolation:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.is-drawing :is(.race-header,.race-dashboard) :is(button,a){z-index:4;position:relative}.race-ink{z-index:3;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.race-ink-tools{right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.race-ink-tools p{color:#fff4d2;text-align:right;background:#090f24ee;border:1px solid #ffe2a750;border-radius:10px;max-width:min(280px,60vw);margin:0;padding:6px 12px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0006}.race-ink-eraser{pointer-events:auto;color:#fff4d2;text-shadow:0 1px 4px #050a18,0 1px 2px #050a18;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;min-height:48px;padding:0 6px;font-size:14px;font-weight:800;transition:transform .12s,opacity .15s;display:flex}.race-ink-eraser:enabled:hover{transform:translateY(-2px)scale(1.03)}.race-ink-eraser:enabled:active{transform:translateY(1px)scale(.98)}.race-ink-eraser:disabled{opacity:.5}.race-eraser-svg{filter:drop-shadow(0 2px 4px #00000080);flex-shrink:0;width:48px;height:48px}.race-eraser-svg.is-shaking{animation:.45s ease-in-out race-eraser-shake}@keyframes race-eraser-shake{20%{transform:translate(-5px)rotate(-10deg)}40%{transform:translate(5px)rotate(10deg)}60%{transform:translate(-4px)rotate(-7deg)}80%{transform:translate(3px)rotate(5deg)}}.race-ink-surface{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;width:100%;height:100%;display:block}.race-ink-surface *{pointer-events:none}.race-ink-surface>rect{pointer-events:all}@media (height<=500px){.count-racer.is-drawing:is(:fullscreen,.race-fullscreen-fallback)>.race-header:has(.race-exit){min-height:50px}.count-racer.is-drawing:is(:fullscreen,.race-fullscreen-fallback)>.race-world{flex:1 1 0;min-height:0}.is-drawing .race-target{top:6px;right:8px}.is-drawing .race-target-answer{padding-block:4px}.is-drawing .race-target-digits{height:clamp(15.6px,5.52svh,34.8px)}.is-drawing .race-target-answer>span{font-size:clamp(7px,2.2svh,13px)}.is-drawing .race-speedometer{width:clamp(65px,22svh,110px);bottom:6px}}@media (height<=280px){.count-racer.is-drawing:is(:fullscreen,.race-fullscreen-fallback)>.race-world{min-height:60px}.is-drawing .race-target{flex-direction:row-reverse;align-items:flex-start;display:flex;top:4px}.is-drawing .race-target-answer{gap:6px;padding-inline:6px;display:flex}.is-drawing .race-target-answer>span{font-size:clamp(7px,2.2svh,11px)}.is-drawing .race-target-speak{flex:0 0 48px;margin-top:0}}.race-tracing-template{color:#fff4d2;opacity:.4;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:70%;height:min(86svh,76.5vw,200px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.race-tracing-template[data-digits="3"]{width:min(105.903%,100% - 24px)}.race-tracing-guide{stroke-width:3.2px;stroke-dasharray:4 6;filter:drop-shadow(0 0 2px #070b18)drop-shadow(0 0 6px #070b18);width:100%;height:100%;display:block}.race-ink-traces{filter:drop-shadow(0 0 3px #bd93ff)}.race-ink-spark{animation:.75s ease-out both race-ink-spark}@keyframes race-ink-spark{0%{opacity:0}20%{opacity:1}to{opacity:.15}}.race-overlay{z-index:3;background:linear-gradient(90deg,#060b1de8,#080d1d77 48%,#080d1d0d);justify-content:flex-start;align-items:center;padding:32px clamp(24px,5vw,72px);display:flex;position:absolute;inset:0}.race-start-card{text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;max-width:490px;padding:0;position:relative}.race-pill{color:#99f1e0;letter-spacing:.1em;background:#153334b8;border:1px solid #5edfc536;border-radius:99px;padding:8px 12px;font-size:9px;font-weight:900;display:inline-block}.race-start-card h2{letter-spacing:-2.5px;color:#f0f4ff;text-shadow:0 3px 24px #03081d88;margin:22px 0 18px;font-family:inherit;font-size:clamp(38px,4.7vw,65px);font-weight:900;line-height:1.01}.race-start-card h2 em{color:#ffa26e;font-style:normal}.race-start-card p{color:#bdcce3;margin:0 0 24px;font-size:14px;line-height:1.7}.count-racer .race-primary{color:#21120e;background:#f96;border:0;border-bottom:4px solid #bc5c35;border-radius:12px;min-width:220px;margin:0;padding:16px 26px;font-size:17px;font-weight:900;transition:transform .15s,background .15s,border-bottom-width .15s,box-shadow .15s;display:block;box-shadow:0 6px 30px #f77d4330}.race-primary:hover:not(:disabled){background:#ffb187;transform:translateY(-2px);box-shadow:0 8px 32px #f77d4345}.race-primary:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px);box-shadow:0 2px 14px #f77d4320}.race-primary:disabled{opacity:.6}.race-restart{color:#cfe1f7;cursor:pointer;background:#182237b3;border:1px solid #4a5b7d;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;font-size:13px!important}.race-restart:enabled:hover{color:#fff;background:#263452e6;border-color:#6d89b8;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.race-restart:enabled:active{transform:translateY(1px)}.race-pause-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.race-pause-card,.race-milestone-card{-webkit-backdrop-filter:blur(14px);background:#0c1224e0;border:1.5px solid #ffffff24;border-radius:22px;padding:clamp(20px,3.5vw,32px);box-shadow:0 20px 50px #000000a6,inset 0 1px #ffffff1f}.race-pause-card h2,.race-milestone-card h2{margin-top:14px}.race-milestone-desc{color:#bdcce3;margin:6px 0 16px;font-size:14px;line-height:1.5}@media (width<=540px){.race-overlay{background:linear-gradient(90deg,#060b1de8,#080d1d88);padding:36px 24px 24px}.race-start-card{max-width:100%}.race-start-card h2{letter-spacing:-1.8px;margin:18px 0 14px;font-size:40px}.race-start-card p{margin-bottom:20px;font-size:12px}.race-pill{font-size:8px}.race-primary{min-width:210px!important}.race-world:not(.race-world-ready) .race-start-card h2{font-size:32px}}@media (width<=360px){.race-start-card h2{font-size:36px}}.race-victory{background:radial-gradient(#182744ed,#080d20ed);justify-content:center}.race-victory .race-start-card{text-align:center;width:min(100%,490px)}.race-victory .race-start-card h2{margin:16px 0 4px;font-size:clamp(32px,4vw,48px)}@media (width<=540px){.race-victory{padding:24px 18px}}.race-finish{--finish-spotlight:#9261be;z-index:3;isolation:isolate;text-align:center;color:#fff5e4;background:radial-gradient(ellipse at 50% 48%, var(--finish-spotlight) 0%, transparent 62%), radial-gradient(ellipse at 10% 90%, #285d79, transparent 62%), linear-gradient(145deg, #22134b, #42286d 55%, #172944);align-content:center;justify-items:center;gap:clamp(10px,2svh,22px);padding:clamp(16px,4vw,44px);display:grid;position:relative;overflow:hidden}.race-finish[data-encore=true]{--finish-spotlight:#b34e90}.race-finish:before,.race-finish:after{content:"";z-index:-1;opacity:.15;background:repeating-conic-gradient(#ffe3a9 0% 25%,#0000 0% 50%) 0 0/22px 22px;width:130px;height:44px;position:absolute;transform:rotate(-17deg)}.race-finish:before{top:26px;left:-37px}.race-finish:after{bottom:28px;right:-31px}.race-finish-heading h2{letter-spacing:-.04em;margin:8px 0 0;font:900 clamp(23px,4.5vw,49px)/1.06 Trebuchet MS,Arial,sans-serif}.race-finish-heading em{color:#ffdc8a;font-style:normal}@media (width<=540px){.race-finish-heading h2{font-size:clamp(26px,7.5vw,36px)}.race-finish-heading em{display:block}}.race-finish-flag{color:#ffe2a0;letter-spacing:.12em;background:#2a184bcc;border:1px solid #fff1ba8f;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:900;display:inline-block}.race-finish-stage{isolation:isolate;width:min(100%,480px);position:relative}.race-finish-podium{width:100%;height:auto;display:block}.race-finish-score{color:#fff2b3;filter:drop-shadow(0 3px #a74b6c)drop-shadow(0 0 9px #ffbb6270);justify-content:center;align-items:center;font:900 clamp(40px,9vw,86px)/1 Trebuchet MS,Arial,sans-serif;display:flex;position:absolute;inset:0 0 auto}.race-finish-digits{stroke-width:11px;width:44%;height:auto}.race-finish-car{width:51%;animation:.82s ease-out race-finish-hop;position:absolute;bottom:18%;left:24%}.race-finish-car svg{filter:drop-shadow(0 4px 4px #49264e70);width:100%;height:auto;display:block}@keyframes race-finish-hop{0%,to{transform:translateY(0)rotate(0)}42%{transform:translateY(-13%)rotate(-7deg)}73%{transform:translateY(-3%)rotate(3deg)}}.race-finish-reward p{color:#ffeac4;margin:4px 0 0;font-size:14px;font-weight:800}.race-finish-stars{color:#ffda77;text-shadow:0 2px #a44f59,0 0 12px #ffb45878;justify-content:center;gap:clamp(1px,1vw,6px);font-size:clamp(15px,5.6vw,27px);line-height:1.1;display:flex}.race-finish-stars span:nth-child(2n){transform:translateY(-3px)rotate(9deg)}.race-finish-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.count-racer .race-finish-actions button{min-height:44px;padding:8px 14px;font-size:14px;min-width:0!important}.race-finish-cheer{color:#fff1d8;background:#3b245d;border:1.5px solid #e1bdf9a0;border-radius:12px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;box-shadow:0 4px 14px #00000059;font-weight:800!important}.race-finish-cheer:hover{background:#553778;border-color:#ffd166;transform:translateY(-2px);box-shadow:0 6px 18px #0006,0 0 14px #e1bdf94d}.race-finish-cheer:active{transform:translateY(2px)}.race-finish-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.race-finish-burst i{opacity:0;width:8px;height:12px;animation:race-finish-confetti 1.45s var(--delay) ease-out both;border-radius:2px;position:absolute;top:52%;left:50%}.race-finish-burst i:nth-child(3n){border-radius:50%;width:8px;height:8px}@keyframes race-finish-confetti{0%{opacity:0;transform:scale(.3)}12%,62%{opacity:1}to{opacity:0;transform:translate(calc(var(--burst-x) * min(49vw, 430px)), calc(var(--burst-y) * min(45svh, 310px))) rotate(var(--spin))}}@media (width>=600px) and (orientation:landscape){.race-finish{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.race-finish-stage{grid-area:1/1/span 3/2;align-self:center}.race-finish-heading,.race-finish-reward,.race-finish-actions{grid-column:2;align-self:center}}.race-overlay:has(.race-world-picker){align-items:safe center;overflow-y:auto}.race-start-card:has(.race-world-picker){width:min(100%,490px)}.race-world-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:16px;display:grid}.count-racer .race-world-picker button{color:#e1ecf7;background:#111d30;border:1px solid #3a4964;border-radius:12px;grid-template-rows:auto 1fr;min-width:0;min-height:44px;padding:3px;font-size:11px;font-weight:700;line-height:1.18;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.race-world-picker button:hover{background:#23354d;border-color:#627fa8;transform:translateY(-3px);box-shadow:0 6px 16px #0006}.race-world-picker button:active{transform:translateY(1px)}.race-world-picker button[aria-pressed=true]{color:#beffe8;background:#163b35;border-color:#6ce1c1;box-shadow:0 0 14px #6ce1c159,inset 0 0 0 1px #6ce1c1}.race-world-picker img{aspect-ratio:2;object-fit:cover;background:#283751;border-radius:8px;width:100%;height:auto;transition:filter .18s;display:block}.race-world-picker button:hover img{filter:brightness(1.08)}.race-world-picker span{text-align:center;overflow-wrap:anywhere;align-self:center;padding:4px 2px}:is(.race-start-card,.race-lobby-worlds,.race-settings-worlds):has(.race-world-picker){container-type:inline-size}@container (width<550px){.race-world-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<230px){.race-world-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=500px){.race-overlay:has(.race-world-picker){padding-block:8px}.race-victory .race-world-picker img{max-height:44px}}.race-world-ready .race-start-card h2{margin-top:0}.race-victory .race-primary{margin-inline:auto}.race-victory .race-world-picker{justify-content:center;margin:8px 0 14px}.is-lobby{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.is-lobby>.race-header{padding-bottom:2px}.is-lobby>.race-world-ready{aspect-ratio:16/10;height:auto;min-height:0}.is-lobby .race-world-ready:after{box-shadow:inset 0 0 42px #03071755}.race-lobby-panel{background:radial-gradient(at 100% 0,#29344f,#0000 72%),#111a2e;border:1px solid #3c4965;border-radius:18px;align-content:center;gap:14px;min-width:0;padding:clamp(16px,3vw,30px);display:grid}.race-lobby-kicker{color:#a6eadf;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900}.race-lobby-intro h2{color:#f0f4ff;letter-spacing:-.045em;margin:4px 0 0;font:900 clamp(29px,4vw,48px)/1.04 Trebuchet MS,Arial,sans-serif}.race-lobby-intro em{color:#ffab80;font-style:normal}.race-lobby-progress{gap:6px;display:grid}.race-lobby-progress>div{color:#aebed7;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.race-lobby-panel strong{color:#eaf5ff;font-weight:900}.race-lobby-progress progress{appearance:none;accent-color:#75dec7;background:#2c3954;border:0;border-radius:99px;width:100%;height:8px;display:block;overflow:hidden}.race-lobby-progress progress::-webkit-progress-bar{background:#2c3954}.race-lobby-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#5fd7c3,#c2f4b5);border-radius:99px}.race-lobby-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#5fd7c3,#c2f4b5);border-radius:99px}.race-lobby-actions{align-items:center;gap:12px;display:flex}.count-racer .race-lobby-actions .race-primary{flex:1;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;display:flex;min-width:0!important}.race-lobby-actions .race-restart{border:1px solid #4c5874;border-radius:10px;flex:none;margin:0;padding:8px 10px;text-decoration:none}.race-lobby-actions .race-restart:enabled:hover{background:#243352}.race-lobby-worlds{border-top:1px solid #34425d;padding-top:12px}.race-lobby-worlds .race-world-picker,.race-settings-worlds .race-world-picker{margin-top:0}.race-settings-world-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.race-settings-world-heading strong{font-size:13px}.is-lobby>.race-game-status:empty{display:none}@media (width>=1000px){.is-lobby{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr)}.is-lobby>:is(.race-header,.race-game-status){grid-column:1/-1}.is-lobby>.race-world-ready{min-width:0;max-width:100%;min-height:340px}}.race-lobby-cars{color:#aebed7;border-top:1px solid #34425d;padding-top:12px;font-size:13px}.project-main:has(.count-racer){width:min(1440px,100% - 32px);padding:20px 0 36px}@media (width<=600px){.project-main:has(.count-racer){width:calc(100% - 16px);padding-top:8px}}
