:root{color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1420;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,select,input{font:inherit}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button{color:#0d2821;cursor:pointer;background:#52e3b6;border:1px solid #0000;border-radius:12px;padding:14px 24px;font-weight:800;transition:transform .15s,background .15s}button:hover{background:#80efce;transform:translateY(-2px)}button:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #ffce66}.secondary{color:#edf5ff;background:#222d44;border-color:#455574}.secondary:hover{background:#344563}.menu-screen{background:radial-gradient(at 15% 15%,#19483f66,#0000 55%),radial-gradient(at 90% 80%,#58418b55,#0000 60%);place-items:center;min-height:100dvh;padding:24px;display:grid}.menu-card{text-align:center;background:#141f30;border:1px solid #364760;border-radius:24px;width:min(100%,620px);min-width:0;padding:clamp(24px,5vw,48px);box-shadow:0 20px 70px #0005}.home-card{width:min(100%,820px)}.arcade-screen{align-items:start;padding:clamp(18px,4vw,48px)}.arcade-shell{width:min(100%,1080px);min-width:0;margin:auto}.arcade-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.arcade-header h1{margin:0;font-size:clamp(32px,6vw,56px)}.arcade-tools{flex-wrap:wrap;gap:10px;display:flex}.arcade-tools button{padding:12px 16px}.arcade-intro{color:#b9c7da;margin:20px 0 28px;line-height:1.5}.arcade-games{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.arcade-game-card{overflow-wrap:anywhere;background:#141f30;border:1px solid #455574;border-radius:24px;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 20px 70px #0005}.arcade-game-card h2{margin:12px 0;font-size:clamp(24px,4vw,32px);line-height:1.15}.arcade-game-card p{color:#b9c7da;line-height:1.6}.arcade-game-card .arcade-badge{color:#52e3b6;margin:0;font-size:13px;font-weight:800}.arcade-features{flex-wrap:wrap;gap:8px;margin:8px 0 24px;padding:0;list-style:none;display:flex}.arcade-features li{color:#b9c7da;background:#222d44;border-radius:8px;padding:6px 10px;font-size:13px}#arcade-play{min-width:140px;margin-top:auto}.arcade-coming-soon{box-shadow:none;background:#141f3099;border-style:dashed}.arcade-credit{color:#b9c7da;border:1px solid #364760;border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:28px 0 0 auto;padding:10px 14px;font-size:12px}.arcade-back{margin-top:24px}.lobby-card{width:min(100%,820px)}.lobby-fields{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;display:grid}.map-card-picker{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:12px;display:grid}.map-card-slot{background:#101a29;border:1px solid #364760;border-radius:14px;min-width:0;padding:10px}.map-card-slot h3{color:#b9c7da;margin:0 0 8px;font-size:13px}.map-card{color:#fff;text-align:left;text-shadow:0 2px 4px #000;border:2px solid #62718a;border-radius:12px;align-items:end;width:100%;min-width:0;min-height:74px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -35px 24px -16px #071019d9}.map-card:hover{filter:brightness(1.12);transform:translateY(-1px)}.map-card-selected{border-color:#52e3b6;min-height:100px;font-size:20px;font-weight:900}.map-card-selected:after{content:"SELECTED";color:#edf5ff;letter-spacing:1px;opacity:.9;font-size:10px;position:absolute;top:8px;right:9px}.map-card-option{font-size:14px;font-weight:800}.map-card-option[aria-pressed=true]{border-color:#52e3b6;box-shadow:inset 0 -35px 24px -16px #071019d9,0 0 0 2px #52e3b655}.map-card-options{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-top:8px;display:grid}.map-card-options[hidden]{display:none}.map-card.map-desert{background-image:linear-gradient(155deg,#0000 54%,#cc8951 55% 67%,#0000 68%),linear-gradient(25deg,#0000 47%,#f0c47a 48% 58%,#0000 59%),linear-gradient(#6bb9d2 0 48%,#d89350 49% 68%,#b75e37 69%)}.map-card.map-classic{background-image:radial-gradient(at 30% 100%,#72bd54 0 34%,#0000 35%),radial-gradient(at 82% 100%,#3b8c48 0 45%,#0000 46%),linear-gradient(#73c9e8 0 48%,#438847 49% 100%)}.map-card.map-frozen{background-image:linear-gradient(145deg,#0000 40%,#d9f6ff 41% 53%,#0000 54%),linear-gradient(35deg,#0000 54%,#9bdef2 55% 69%,#0000 70%),linear-gradient(#182f64 0 45%,#73b9d1 46% 100%)}.map-card.map-jungle{background-image:radial-gradient(at 20% 5%,#7dbd45 0 14%,#0000 15%),radial-gradient(at 80% 10%,#398548 0 20%,#0000 21%),linear-gradient(90deg,#163d32,#33733f 45%,#102d2c 46% 62%,#4f9440),linear-gradient(#2f673a,#111e25)}.map-card.map-city{background-image:linear-gradient(90deg,#0000 8%,#a5b3b5 8% 22%,#0000 22% 30%,#647985 30% 48%,#0000 48% 57%,#d1bb8a 57% 77%,#0000 77%),linear-gradient(#437ca1 0 52%,#33495b 53% 100%)}.lobby-join-identity{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.lobby-join-identity>label{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.lobby-join-identity input,#profile-name-color{color:#edf5ff;background:#222d44;border:1px solid #455574;border-radius:10px;width:100%;min-width:0;padding:12px}.join-twitch-card{background:#172238;border:1px solid #364760;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;margin:0;padding:10px 12px;display:flex}.join-twitch-card legend{color:#b9c7da;padding:0 6px;font-size:13px;font-weight:800}.join-twitch-card p{color:#b9c7da;margin:0}.join-twitch-card button{min-height:44px;margin-left:auto;padding:10px 14px}.recommended-badge{color:#52e3b6;background:#52e3b633;border-radius:999px;margin-left:6px;padding:3px 7px;font-size:11px}.settings-group{text-align:left;border:1px solid #364760;border-radius:12px;min-width:0;margin:16px 0;padding:12px}.settings-group legend{color:#b9c7da;padding:0 6px;font-size:14px;font-weight:800}.twitch-actions{flex-wrap:wrap;gap:10px;display:flex}.twitch-actions button{flex:210px;min-width:0;min-height:48px}#twitch-status{overflow-wrap:anywhere}.menu-details{text-align:left;overflow-wrap:anywhere;min-width:0;margin:12px 0}.menu-details summary{cursor:pointer;color:#b9c7da;padding:8px 0;font-weight:700}.menu-details summary:focus-visible{outline-offset:2px;outline:3px solid #ffce66}.lobby-entry{margin:24px 0}.lobby-entry>button{min-width:0;min-height:56px}#lobby-open-browse{grid-column:1/-1;justify-self:center}.lobby-fields label{flex-direction:column;gap:8px;min-width:0;display:flex}.lobby-fields input,.lobby-fields select{color:#edf5ff;background:#222d44;border:1px solid #455574;border-radius:10px;width:100%;min-width:0;max-width:none;padding:12px}.lobby-fields input:focus-visible{outline-offset:3px;outline:3px solid #ffce66}.lobby-players{text-align:left;padding:0;list-style:none}.lobby-players li{overflow-wrap:anywhere;border:1px solid #364760;border-radius:10px;padding:12px}#lobby-room-name,#lobby-invite,#lobby-room-settings,#lobby-invite-link,#lobby-invite-target{overflow-wrap:anywhere}#multiplayer-screen:has(#lobby-room:not([hidden])) .lobby-card{width:min(100%,1480px);padding:16px}#multiplayer-screen:has(#lobby-room:not([hidden])) #multiplayer-title{margin:8px;font-size:28px}#lobby-room{min-width:0;position:relative}#lobby-room:not(:has(#tournament-results:not([hidden]))){grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}#lobby-play-area{min-width:0}#lobby-world{aspect-ratio:16/9;background:#111820;border-radius:12px;width:100%;min-height:280px;max-height:720px;overflow:hidden}#lobby-world:focus-visible{outline:3px solid #ffce66}#lobby-world{position:relative}.race-deadline{z-index:7;color:#ffce66;pointer-events:none;background:#111820cc;border-radius:8px;margin:0;padding:8px 12px;font-weight:700;position:absolute;top:10px;left:16px}.race-position{z-index:7;color:#52e3b6;pointer-events:none;background:#111820ef;border:1px solid #52e3b6;border-radius:10px;margin:0;padding:8px 14px;font-size:clamp(16px,2.4vw,22px);font-weight:900;position:absolute;top:10px;right:16px}.spectator-controls{z-index:7;text-align:center;background:#111820d9;border-radius:12px;width:min(520px,100% - 24px);padding:10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.spectator-controls p{margin:0 0 8px}.spectator-controls button{margin:2px;padding:6px 10px;font-size:13px}.tournament-results{background:#172238;border-radius:14px;flex:1;min-width:0;padding:20px}#lobby-room:has(#tournament-results:not([hidden])){grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}#lobby-room:has(#tournament-results:not([hidden]))>.lobby-room-overlay{width:100%;max-height:80vh;position:static}@media (max-width:760px){#lobby-room:has(#tournament-results:not([hidden])){grid-template-columns:minmax(0,1fr)}#lobby-room:has(#tournament-results:not([hidden]))>.lobby-room-overlay{grid-row:1;max-height:none}}@media (max-width:520px){.race-position{top:48px;right:12px}}.tournament-winner{color:#ffce66;font-size:22px;font-weight:700}#victory-celebration{background:#17283d;border-radius:16px;padding:12px;position:relative;overflow:hidden}.victory-formation{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid;position:relative}.victory-front,.victory-back{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));align-items:end;gap:8px;min-width:0;display:grid}.victory-front{z-index:1;background:#263651dd;border:1px solid #ffce6688;border-radius:12px;padding:8px;position:relative}.victory-back{transform-origin:top;opacity:.8;padding-top:24px;transform:scale(.9)}.victory-entry{z-index:1;text-align:center;justify-items:center;gap:4px;min-width:0;font-size:clamp(10px,1.5vw,14px);display:grid;position:relative}.victory-entry strong,.victory-entry>span{overflow-wrap:anywhere;width:100%}.victory-front-entry{color:#ffce66}.victory-character{aspect-ratio:1/1.35;transform-origin:bottom;width:100%;max-width:84px;position:relative}.victory-character canvas{z-index:2;width:80%;height:auto;position:absolute;top:0;left:10%}.victory-character>span:not(.victory-tear){transform-origin:top;background:#111;border-radius:4px;width:4%;position:absolute;box-shadow:0 0 0 1px #edf5ff}.victory-torso{height:26%;top:52%;left:48%}.victory-arm-left{--angle:125deg;height:25%;transform:rotate(var(--angle));top:54%;left:48%}.victory-arm-right{--angle:-125deg;height:25%;transform:rotate(var(--angle));top:54%;left:48%}.victory-dance{animation:victory-dance .7s ease-in-out var(--dance-delay) infinite alternate}.victory-dance .victory-arm-left{animation:victory-wave .5s ease-in-out var(--dance-delay) infinite alternate}.victory-dance .victory-arm-right{animation:victory-wave .6s ease-in-out var(--dance-delay) infinite alternate-reverse}.victory-leg-left{height:23%;top:76%;left:48%;transform:rotate(24deg)}.victory-leg-right{height:23%;top:76%;left:48%;transform:rotate(-24deg)}.victory-crying{filter:grayscale();opacity:.7}.victory-crying .victory-arm-left{--angle:30deg}.victory-crying .victory-arm-right{--angle:-30deg}.victory-tear{z-index:3;background:#7de8ff;border-radius:50%;width:6%;height:10%;animation:.9s ease-in infinite victory-tear;position:absolute;top:40%;left:70%}.victory-confetti{pointer-events:none;position:absolute;inset:0}.victory-confetti span{left:var(--x);background:var(--color);width:6px;height:10px;animation:victory-fall 2.8s linear var(--delay) infinite;position:absolute;top:-12px}@media (max-width:760px){.victory-formation{grid-template-columns:minmax(0,1fr)}.victory-back{padding-top:0}}@keyframes victory-dance{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(6deg)translateY(-5px)}}@keyframes victory-wave{0%{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 30deg))}}@keyframes victory-tear{to{opacity:0;transform:translateY(20px)}}@keyframes victory-fall{to{transform:translateY(420px)rotate(300deg)}}@media (prefers-reduced-motion:reduce){.victory-dance,.victory-dance>span,.victory-tear,.victory-confetti span{animation:none}}.tournament-top-five{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:0;list-style:none;display:grid}.tournament-list{max-height:320px;padding:0;list-style:none;overflow:auto}.tournament-entry{overflow-wrap:anywhere;background:#11182099;border-radius:10px;grid-template-columns:56px 1fr;gap:6px 10px;margin-bottom:8px;padding:10px;display:grid}.tournament-top-five .tournament-entry{border:1px solid #ffce6655}.tournament-entry canvas{grid-row:span 2;width:56px;height:56px}.tournament-round-history{flex-wrap:wrap;grid-column:1/-1;gap:6px;font-size:12px;display:flex}.tournament-round-history span{background:#263651;border-radius:4px;padding:4px}.tournament-chat{margin-top:12px;font-size:13px}#results-chat-messages{max-height:140px;overflow:auto}#results-chat-input{width:100%;padding:8px}.lobby-play-area{min-width:0;position:relative}.game-chat-panel{z-index:8;pointer-events:none;text-align:left;width:min(360px,100% - 24px);max-width:100%;font-size:13px;transition:opacity .35s;position:absolute;bottom:12px;left:12px}.game-chat-panel.is-faded{opacity:0;pointer-events:none}#lobby-chat-messages{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(30vh,180px);overflow-y:auto}#lobby-chat-messages,#lobby-chat-form{pointer-events:auto}#lobby-chat-messages>div{overflow-wrap:anywhere;text-shadow:0 1px 2px #000;background:#111820a6;border-radius:10px;margin-top:3px;padding:6px 10px}#lobby-chat-form{pointer-events:auto;background:#111820e8;border:1px solid #455574;border-radius:10px;padding:6px;box-shadow:0 4px 16px #0008}#lobby-chat-input{color:#edf5ff;background:#222d44;border:1px solid #7de8ff;border-radius:8px;width:100%;min-width:0;padding:10px 12px}#lobby-chat-status{color:#ffce66;margin:4px 0 0}.lobby-room-overlay{overscroll-behavior:contain;text-align:left;overflow-wrap:anywhere;background:#141f30ed;border:1px solid #455574;border-radius:12px;width:100%;max-height:min(80vh,760px);padding:12px;font-size:13px;position:static;overflow-y:auto}.lobby-room-overlay h2,.lobby-room-overlay h3{margin:8px 0}.lobby-room-overlay .actions{gap:8px;margin-top:10px}.lobby-room-overlay .lobby-primary-actions{z-index:1;background:#141f30;margin:-12px -12px 0;padding:12px;position:sticky;top:-12px}.lobby-primary-actions>button{flex:120px;min-width:0;min-height:44px}.lobby-primary-actions:not(:has(>button:not([hidden]))){display:none}.lobby-accordion{background:#1b2940;border:1px solid #455574;border-radius:12px;min-width:0;margin-top:8px;overflow:hidden}.lobby-accordion>summary{cursor:pointer;align-items:center;min-height:50px;padding:10px 14px;font-size:15px;font-weight:900;list-style:none;display:flex}.lobby-accordion>summary::-webkit-details-marker{display:none}.lobby-accordion>summary:before{content:"›";color:#52e3b6;flex:none;width:24px;font-size:26px;line-height:1;transition:transform .15s;display:inline-block}.lobby-accordion[open]>summary:before{transform:rotate(90deg)}.lobby-accordion>summary:hover{background:#263651}.lobby-accordion>summary:focus-visible{outline-offset:-3px;outline:3px solid #ffce66}.lobby-accordion>:not(summary){margin-left:12px;margin-right:12px}.lobby-accordion>:last-child{margin-bottom:12px}.lobby-accordion>summary+.lobby-players{margin-top:0}#lobby-panel-invite>button{width:calc(100% - 24px);min-height:44px;margin-left:12px;margin-right:12px}#lobby-copy-link{white-space:normal;min-width:0;display:block}#lobby-copy-link.is-copied,#lobby-copy.is-copied{color:#52e3b6;background:#172f30;border-color:#52e3b6}#lobby-panel-invite code,#lobby-invite-link{overflow-wrap:anywhere;max-width:100%;display:block}#lobby-panel-invite .menu-details button{margin-top:8px}#lobby-transition-status{color:#ffce66}.lobby-room-overlay button{padding:8px 10px;font-size:12px}.lobby-room-overlay .player-moderation{min-height:36px;padding:6px 8px;font-size:11px}.player-moderation:first-of-type{margin-left:auto}.lobby-room-overlay .lobby-players{overscroll-behavior:contain;max-height:min(32vh,220px);overflow-y:auto}.lobby-room-overlay .lobby-players li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (max-width:700px){#lobby-room:not(:has(#tournament-results:not([hidden]))){grid-template-columns:minmax(0,1fr)}#lobby-room-controls{max-height:none}.lobby-primary-actions>button{flex:140px}}h1{letter-spacing:-2px;margin:16px 0 24px;font-size:clamp(32px,6vw,60px);line-height:1.08}h1 span{color:#52e3b6}.eyebrow{color:#ffce66;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.intro{color:#bbc8dc;margin-bottom:32px;line-height:1.7}.mode-buttons{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.mode-button{text-align:center;min-width:0;min-height:120px;padding:24px}.mode-button span{font-size:clamp(18px,3vw,24px);display:block}.mode-button small{margin-top:14px;font-weight:500;line-height:1.5;display:block}.footnote{color:#98abc6;font-size:13px;line-height:1.7}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}#preview-slot{background:#111;border:1px solid #35465e;border-radius:18px;width:280px;max-width:100%;height:180px;margin:0 auto 20px;overflow:hidden}#game{outline:none;width:100%;height:100%}#race-stage>#game{position:relative}#race-stage>#game canvas{width:100%;height:100%;position:absolute;inset:0}.timed-effect-hud{z-index:5;top:var(--effect-center-y,50%);right:var(--effect-right-inset,10px);pointer-events:none;background:#071019e8;border:1px solid #edf5ffb3;border-radius:12px;justify-items:center;gap:7px;width:104px;padding:8px 10px;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 2px 12px #0009}.timed-effect-name,.timed-effect-time{color:#ffce66;text-align:center;text-shadow:0 1px 3px #000;overflow-wrap:anywhere;width:100%;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.timed-effect-speed{color:#52e3b6;text-align:center;text-shadow:0 1px 3px #000;white-space:nowrap;width:100%;min-width:0;font-size:11px;font-weight:900;line-height:1.2}.timed-effect-speed[hidden]{display:none}.timed-effect-time{color:#edf5ff;font-variant-numeric:tabular-nums;font-size:13px}.timed-effect-track{background:#344563;border:1px solid #edf5ffb3;border-radius:8px;justify-self:center;width:14px;height:76px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0009}.timed-effect-fill{height:100%;transform:scaleY(var(--effect-progress,1));transform-origin:bottom;border-radius:inherit;background:linear-gradient(#ffe48c,#ffae37);transition:transform 80ms linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #ffce6680}#game canvas{display:block}select{background:#222d44;border:1px solid #455574;border-radius:10px;width:100%;max-width:340px;padding:12px}.control-guide{margin-top:24px;font-size:14px}#race-screen{flex-direction:column;height:100dvh;display:flex}#hud{z-index:10;background:#141f30;border-bottom:1px solid #35465e;flex:none;grid-template-columns:max-content max-content max-content max-content;grid-template-areas:"state clock nitro menu""controls controls controls controls";justify-content:center;align-items:center;gap:12px 24px;padding:12px 236px 12px 16px;display:grid;position:relative}#hud strong{color:#52e3b6}#hud p{margin:0}#race-state{grid-area:state}.race-clock{text-align:center;grid-area:clock;gap:2px;width:9ch;display:grid}#race-time-status{letter-spacing:.08em;color:#b9c7da;font-size:10px;font-weight:800}#race-time{font-variant-numeric:tabular-nums;color:#ffce66;white-space:nowrap;width:9ch;font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1;display:block}.chat-emote{object-fit:contain;vertical-align:middle;max-width:64px;height:24px;display:inline-block}#hud>label[for=nitro]{white-space:nowrap;grid-area:nitro;grid-template-columns:max-content 120px 7em;align-items:center;gap:6px;display:grid}#nitro{accent-color:#ffce66;vertical-align:middle;width:120px;margin:0}#nitro-status{width:7em;display:inline-block}#race-menu{grid-area:menu;padding:7px 12px;font-size:13px}#controls{text-align:center;color:#b9c7da;grid-area:controls;min-width:0;margin:0;padding:0 12px;font-size:13px}.controls-compact,.controls-narrow{display:none}#audio-quick{z-index:4;background:#141f30ed;border:1px solid #455574;border-radius:14px;align-items:center;gap:7px;padding:5px 7px;display:flex;position:absolute;top:10px;right:12px}#audio-quick input{accent-color:#52e3b6;cursor:pointer;touch-action:pan-x;width:clamp(72px,10vw,112px)}.audio-icon-button{border-radius:10px;place-items:center;width:36px;height:36px;padding:0;font-size:18px;display:grid}@media (max-width:900px){#hud{grid-template-columns:max-content max-content;grid-template-areas:"state menu""clock nitro""audio audio""controls controls";gap:8px 14px;padding:8px}#audio-quick{grid-area:audio;justify-self:center;gap:4px;padding:4px;position:static}#audio-quick input{width:70px}}.settings-overlay{z-index:40;overscroll-behavior:contain;background:#080e19c9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-card{background:#141f30;border:1px solid #455574;border-radius:22px;width:min(100%,440px);max-height:calc(100dvh - 36px);padding:clamp(20px,5vw,30px);overflow-y:auto;box-shadow:0 24px 80px #0009}.settings-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-tabs [aria-selected=true]{color:#080e19;background:#52e3b6;border-color:#52e3b6}.settings-card .settings-group{margin:12px 0 0}.settings-card .profile-recovery-section>summary{cursor:pointer;padding:6px 0;font-weight:800}.settings-card .profile-recovery-section>summary:focus-visible{outline-offset:3px;outline:3px solid #ffce66}.settings-card .settings-group p{overflow-wrap:anywhere;margin:8px 0;font-size:14px;line-height:1.4}.settings-card .settings-group button{margin:4px 0}.settings-card #profile-recovery{width:100%;min-width:0}.settings-card #profile-name-color{margin:6px 0}.settings-card label[for=profile-recovery]{margin:12px 0 6px;display:block}.settings-header .eyebrow{margin:0 0 4px}.settings-header h2{margin:0;font-size:clamp(22px,5vw,30px)}#settings-close{width:42px;height:42px;padding:0;font-size:28px;line-height:1}.audio-setting{grid-template-columns:minmax(0,1fr) 44%;align-items:center;gap:16px;margin:12px 0;font-weight:700;display:grid}.audio-setting input{accent-color:#52e3b6;cursor:pointer;touch-action:pan-x;width:100%}.audio-setting input:disabled{opacity:.4;cursor:not-allowed}.mute-setting{border-top:1px solid #35465e;justify-content:space-between;align-items:center;padding:14px 0;font-weight:800;display:flex}.mute-setting input{accent-color:#52e3b6;width:22px;height:22px}.settings-card .footnote{margin:12px 0 0}@media (max-height:500px){.settings-overlay{padding:10px}.settings-card{max-height:calc(100dvh - 20px);padding:16px}.settings-header{margin-bottom:8px}.settings-header h2{font-size:22px}#settings-close{width:36px;height:36px}.settings-tabs button{padding:8px 12px}.settings-card .settings-group{margin-top:8px;padding:8px}.audio-setting{margin:8px 0}.mute-setting{padding:8px 0}.settings-card .footnote{margin-top:8px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#race-stage{background:#111;flex:1;min-height:0;position:relative;container-type:size}#countdown{z-index:2;color:#ffce66;text-shadow:0 6px 20px #000;pointer-events:none;place-items:center;font-size:min(clamp(42px,9vw,96px),19.2cqh);font-weight:900;display:grid;position:absolute;inset:0}#countdown.get-ready{font-size:min(clamp(21.6px,4.8vw,60px),12cqh)}#result{z-index:3;background:#0d1420df;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@media (max-width:580px){.lobby-join-identity{grid-template-columns:minmax(0,1fr)}.mode-buttons{grid-template-columns:1fr}.mode-button{min-height:110px;padding:22px}.menu-screen{padding:16px}#hud{font-size:13px}#controls{padding:0;font-size:11px}.audio-icon-button{width:34px;height:34px}.audio-setting{grid-template-columns:1fr;gap:6px;margin:12px 0}.controls-wide{display:none}.controls-compact{display:inline}}@media (max-width:420px){#hud{grid-template-columns:minmax(0,1fr);grid-template-areas:"state""clock""nitro""menu""audio""controls"}#audio-quick input{width:48px}.controls-compact{display:none}.controls-narrow{display:inline}}#face-preview{width:140px;height:140px;margin:0 auto 12px;display:block}button{touch-action:manipulation}#face-preview{background-color:#ced4dc;background-image:conic-gradient(#b7bec9 25%, transparent 0 50%, #b7bec9 0 75%, transparent 0);background-size:20px 20px}body:has(#face-editor:not([hidden])){overflow:hidden}#face-editor.creator{z-index:20;text-align:left;overscroll-behavior:contain;--guide:#7fb0e0;--guide-text:#b9d4f0;background:radial-gradient(at 10% 0,#1f4d4055,#0000 50%),radial-gradient(at 100% 100%,#58418b55,#0000 55%),#0b1220;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#face-editor.creator[data-bg=light]{--guide:#3d6e9a;--guide-text:#2c4f70}.creator-bar{background:#121b2cf2;border-bottom:1px solid #2c3a55;flex:none;align-items:center;gap:16px;padding:12px clamp(12px,3vw,28px);display:flex}.creator-heading{text-align:center;flex:1;min-width:0}.creator-heading .eyebrow{margin:0 0 2px}#editor-title{letter-spacing:-.5px;margin:0;font-size:clamp(19px,2.6vw,28px);line-height:1.15}.editor-lead{color:#bbc8dc;margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.4}#face-cancel{padding:12px 18px}.creator-save{white-space:nowrap;background:linear-gradient(135deg,#52e3b6,#3ddc84);padding:12px 24px;box-shadow:0 6px 22px #52e3b655}.creator-save:hover{background:linear-gradient(135deg,#80efce,#6be8a2)}.creator-mobile-preview{display:none}.creator-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(270px,350px);gap:clamp(12px,2vw,24px);min-height:0;padding:clamp(12px,2vw,24px);display:grid}.creator-stage{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.face-canvas-wrap{aspect-ratio:1;border-radius:20px;width:min(100cqw,100cqh);position:relative;overflow:hidden;box-shadow:0 0 0 3px #2c3a55,0 18px 50px #0008}#face-canvas{touch-action:none;cursor:crosshair;background-size:24px 24px;width:100%;height:100%;display:block}.creator[data-bg=dark] #face-canvas{background-color:#1a2335;background-image:conic-gradient(#222d44 25%, transparent 0 50%, #222d44 0 75%, transparent 0)}.creator[data-bg=light] #face-canvas{background-color:#e9edf3;background-image:conic-gradient(#d6dce5 25%, transparent 0 50%, #d6dce5 0 75%, transparent 0)}.creator:not(.erasing):not(.filling) #face-canvas{cursor:url(/cursors/pencil.svg) 3 29,crosshair}.creator.erasing #face-canvas{cursor:url(/cursors/eraser.svg) 16 16,cell}.creator.filling #face-canvas{cursor:url(/cursors/fill.svg) 26 28,pointer}#face-canvas:focus-visible{outline-offset:-3px;outline:3px solid #ffce66}#face-guides{pointer-events:none;--neck:87.5%;position:absolute;inset:0}#face-guides span{position:absolute}.guide-tag{color:#edf5ff;letter-spacing:1px;background:#0d1420bb;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;top:10px;left:10px}.guide-center{top:0;left:50%;bottom:calc(100% - var(--neck));border-left:1px dashed var(--guide);opacity:.45}.guide-neck{left:35%;right:35%;top:var(--neck);border-top:2px dashed var(--guide)}.guide-neck span{color:var(--guide-text);font-size:11px;font-weight:800;position:absolute;top:-20px;right:-4px;transform:translate(100%)}.guide-body{left:calc(50% - 1px);top:var(--neck);border-left:2px solid var(--guide);opacity:.6;bottom:0}.guide-circle{left:12.5%;right:12.5%;top:calc(var(--neck) - 75%);aspect-ratio:1;border:2px dashed var(--guide);opacity:.75;border-radius:50%;display:none}.creator.circle-guide .guide-circle{display:block}.creator-panel{background:#131d2fe6;border:1px solid #2c3a55;border-radius:20px;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:16px;display:flex;overflow-y:auto}.creator-panel>*{flex-shrink:0}.panel-tools,.panel-side{flex-direction:column;gap:16px;min-width:0;display:flex}.panel-tools>*,.panel-side>*{flex-shrink:0}@media (min-width:1200px) and (min-height:600px){.creator-body{grid-template-columns:minmax(270px,300px) minmax(0,1fr) minmax(240px,300px);grid-template-areas:"tools stage side"}.creator-stage{grid-area:stage}.creator-panel{display:contents}.panel-tools,.panel-side{background:#131d2fe6;border:1px solid #2c3a55;border-radius:20px;min-height:0;padding:16px;overflow-y:auto}.panel-tools{grid-area:tools}.panel-side{grid-area:side}.panel-side #editor-preview{height:clamp(220px,42vh,380px)}}.tool-row{flex-wrap:wrap;gap:8px;display:flex}.tool-row .segmented{flex:100%}.tool-row>button{flex:1;min-height:46px;padding:10px 8px}.tool-row .segmented button{justify-content:center;align-items:center;gap:6px;padding:10px 6px;display:inline-flex}.tool-icon{flex:none;width:18px;height:18px}.segmented{background:#0b1220;border:1px solid #2c3a55;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:#b9c7da;background:0 0;border-radius:10px;min-height:44px;padding:10px 12px}.segmented button:hover{background:#222d44;transform:none}.segmented button[aria-pressed=true]{color:#2a1d05;background:#ffce66;border-color:#ffce66;box-shadow:0 0 0 2px #ffce6644}.tool-group{border:0;min-width:0;margin:0;padding:0}.tool-group legend{color:#98abc6;letter-spacing:1.5px;text-transform:uppercase;gap:8px;width:100%;margin-bottom:8px;padding:0;font-size:12px;font-weight:800;display:flex}#face-width-value{color:#edf5ff;letter-spacing:0;margin-left:auto}.palette{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.swatch,.custom-color{aspect-ratio:1;border-radius:50%;width:100%;min-height:0;padding:0}.swatch{background:var(--swatch);border:2px solid #ffffff2e}.swatch:hover{background:var(--swatch);transform:scale(1.1)}.swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px #52e3b6}.custom-color{background:conic-gradient(#ff4d5e,#ffd23f,#3ddc84,#2ec4f1,#b15cff,#ff4d5e);padding:3px;display:block}.custom-color input{cursor:pointer;appearance:none;background:0 0;border:2px solid #0b1220;border-radius:50%;width:100%;height:100%;padding:0;display:block}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:50%}.custom-color input::-moz-color-swatch{border:0;border-radius:50%}.size-row{align-items:center;gap:12px;display:flex}.brush-dot-wrap{background:#0b1220;border:1px solid #2c3a55;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}#brush-dot{width:var(--size,6px);height:var(--size,6px);background:#edf5ff;border-radius:50%}.size-row input{accent-color:#52e3b6;width:100%;min-width:0;height:32px}.size-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.size-presets button{background:#0b1220;border:1px solid #2c3a55;border-radius:10px;place-items:center;min-height:40px;padding:0;display:grid}.size-presets button:hover{background:#222d44;transform:none}.size-presets button span{width:var(--dot);height:var(--dot);background:#edf5ff;border-radius:50%}.size-presets button[aria-pressed=true]{background:#1f4d40;border-color:#52e3b6}.preview-card{background:radial-gradient(at 50% 95%,#0006 0 18%,#0000 19%),linear-gradient(170deg,#233663,#16243f 60%,#1f4d40);border:1px solid #2c3a55;border-radius:18px;place-items:center;padding:28px 10px 12px;display:grid;position:relative;overflow:hidden}.preview-label{color:#ffce66;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:800;position:absolute;top:10px;left:12px}.preview-stage{justify-content:center;width:100%;min-width:0;display:flex;translate:-3px}.preview-stage canvas{flex-shrink:0}#editor-preview{aspect-ratio:3/4;transform-origin:50% 100%;width:auto;height:clamp(150px,26vh,240px);animation:2.6s ease-in-out infinite preview-bob;display:block}@keyframes preview-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-6px)rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){#editor-preview{animation:none}}.toggle{cursor:pointer;background:#0b1220;border:1px solid #2c3a55;border-radius:12px;align-items:center;gap:10px;min-height:44px;margin-top:8px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.toggle input{accent-color:#52e3b6;width:20px;height:20px}.creator-note{margin:0}#editor-status{z-index:22;color:#ffce66;text-align:center;pointer-events:none;background:#2a2412f2;border:1px solid #5b4a1f;border-radius:12px;max-width:calc(100% - 32px);margin:0;padding:10px 16px;font-size:14px;font-weight:700;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}#editor-status:empty{display:none}@media (max-height:520px) and (min-width:761px){.creator-bar{padding:6px 12px}.creator-heading .eyebrow,.editor-lead{display:none}.creator-body{gap:10px;padding:8px}.creator-panel{gap:12px;padding:12px}#editor-preview{height:150px}}@media (max-width:760px),(orientation:portrait) and (max-width:1100px),(max-height:520px) and (max-width:1100px){.creator-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.creator-mobile-preview{background:#16243f;border-bottom:1px solid #2c3a55;flex:none;justify-content:center;align-items:center;padding:4px 12px;display:flex;position:relative}.creator-mobile-preview .preview-label{top:12px}#editor-preview-mobile{width:60px;height:80px;display:block}.creator-heading{flex:100%;order:-1}.creator-heading .eyebrow{display:none}.editor-lead{font-size:13px}#face-cancel,.creator-save{flex:1;padding:11px 14px}.creator-body{flex-direction:column;padding:12px;scroll-padding-block:12px;display:flex;overflow-y:auto}.creator-body>*{flex-shrink:0}.creator-stage{display:block;container-type:normal}.face-canvas-wrap{width:min(100%,max(100px,100dvh - 260px));margin:0 auto}.creator-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:16px;display:grid;overflow:visible}#editor-preview{height:180px}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.creator-heading{flex:1;order:0}.creator-heading .editor-lead{display:none}#editor-title{font-size:16px}#face-cancel,.creator-save{flex:none;padding:8px 10px}.creator-bar{padding:6px 12px}#editor-preview-mobile{width:42px;height:56px}.face-canvas-wrap{width:min(100%,max(100px,100dvh - 150px))}}@media (max-width:560px){.menu-card{border-radius:18px;padding:20px 14px}.actions button{flex:140px}}body.racing{overscroll-behavior:none;overflow:hidden}#race-screen{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#race-stage>#game{grid-area:game;min-width:0;min-height:0}.touch-pad{min-width:0;display:none}.touch-ui #controls{display:none}.touch-ui #race-stage{grid-template:"left game right"minmax(0,1fr)/auto minmax(0,1fr) auto;display:grid}.touch-ui .touch-pad{touch-action:none;justify-content:center;align-items:flex-end;gap:10px;padding:10px;display:flex}#touch-left{grid-area:left}#touch-right{flex-direction:column-reverse;grid-area:right;align-items:center}.touch-pad button{color:#edf5ff;background:#222d44cc;border:2px solid #455574;border-radius:50%;width:72px;height:72px;padding:0;font-size:20px;font-weight:900;transition:none;transform:none}.touch-pad button:hover{background:#222d44cc;transform:none}.touch-pad button[data-control=jump]{background:#1f4d40;border-color:#52e3b6;width:84px;height:84px;font-size:15px}.touch-pad button.nitro{background:#4d3a17;border-color:#ffce66;font-size:13px}.touch-pad button.active{color:#0d2821;background:#52e3b6;border-color:#edf5ff}.touch-pad button.nitro.active{color:#2a1d05;background:#ffce66}#rotate-hint{color:#ffce66;background:#2a2412;border-bottom:1px solid #5b4a1f;flex:none;justify-content:center;align-items:center;gap:10px;margin:0;padding:6px 12px;font-size:13px;display:none}#rotate-dismiss{padding:4px 12px;font-size:13px}@media (orientation:portrait) and (max-width:820px){#race-screen #rotate-hint:not(.dismissed){display:flex}.touch-ui #race-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"game game""left right"}.touch-ui #race-stage .game-chat-panel{width:min(320px,100% - 24px);bottom:100px}.touch-ui #touch-left{justify-content:flex-start}.touch-ui #touch-right{flex-direction:row;justify-content:flex-end;align-items:flex-end}}@media (max-height:500px){#hud{gap:6px 14px;padding:6px 176px 6px 10px;font-size:13px}#hud strong,#controls{display:none}#race-menu{padding:5px 10px}.touch-pad button{width:60px;height:60px;font-size:17px}.touch-pad button[data-control=jump]{width:70px;height:70px}.touch-ui .touch-pad{gap:8px;padding:6px}}@media (max-height:500px) and (max-width:580px){#hud{padding-right:8px}}@media (max-height:500px) and (min-width:901px){#hud{padding-right:176px}}.track-select{color:#b9c7da;flex-direction:column;align-items:center;gap:6px;margin-top:18px;font-size:14px;display:flex}