: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}.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-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-screen>.lobby-room-overlay{z-index:8;max-height:calc(100vh - 100px);top:80px}#race-chat-panel{z-index:9;position:fixed}.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}.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}}.tournament-winner{color:#ffce66;font-size:22px;font-weight:700}#victory-celebration{background:#17283d;border-radius:16px;padding:12px 0;position:relative;overflow:hidden}.victory-podium{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:clamp(3px,1vw,12px);padding:0 4px;display:grid}.victory-entry{z-index:1;grid-row:1;justify-items:center;gap:4px;min-width:0;font-size:clamp(10px,1.5vw,14px);display:grid}.victory-entry strong{overflow-wrap:anywhere;width:100%}.victory-rank-1{color:#ffce66;grid-column:3}.victory-rank-2{grid-column:2}.victory-rank-3{grid-column:4}.victory-rank-4{grid-column:1}.victory-rank-5{grid-column:5}.victory-block{background:#455574;border-top:4px solid #b9c7da;width:100%;height:45px;padding-top:8px;font-size:24px;font-weight:900}.victory-rank-1 .victory-block{background:#756028;border-color:#ffce66;height:100px}.victory-rank-2 .victory-block{height:75px}.victory-rank-3 .victory-block{height:60px}.victory-character{aspect-ratio:1/1.35;transform-origin:bottom;width:100%;max-width:100px;animation:.7s ease-in-out infinite alternate victory-dance;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));animation:.5s ease-in-out infinite alternate victory-wave;top:54%;left:48%}.victory-arm-right{--angle:-125deg;height:25%;transform:rotate(var(--angle));animation:.6s ease-in-out infinite alternate-reverse victory-wave;top:54%;left:48%}.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-sulk{animation-duration:1.2s}.victory-sulk .victory-arm-left{--angle:30deg}.victory-sulk .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}@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-character,.victory-character>span,.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}#race-chat-messages>div{overflow-wrap:anywhere;background:#111820a6;border-radius:6px;margin-top:3px;padding:4px 8px;transition:opacity .25s}#race-chat-form{pointer-events:auto;background:#111820d9;border-radius:8px;padding:6px}#race-chat-input{color:#edf5ff;background:#222d44;border:1px solid #7de8ff;border-radius:6px;width:100%;min-width:0;padding:8px}#race-chat-status{color:#ffce66;margin:4px 0 0}#lobby-vehicle-hud{left:12px;right:auto}.lobby-play-area{position:relative}.lobby-chat-panel{pointer-events:none;text-align:left;width:min(360px,100% - 24px);font-size:13px;position:absolute;bottom:12px;left:12px}#lobby-chat-messages>div{overflow-wrap:anywhere;background:#111820a6;border-radius:6px;margin-top:3px;padding:4px 8px;transition:opacity .25s}#lobby-chat-form{pointer-events:auto;background:#111820d9;border-radius:8px;padding:6px}#lobby-chat-input{color:#edf5ff;background:#222d44;border:1px solid #7de8ff;border-radius:6px;width:100%;min-width:0;padding:8px}#lobby-chat-status{color:#ffce66;margin:4px 0 0}.lobby-room-overlay{text-align:left;overflow-wrap:anywhere;background:#141f30ed;border:1px solid #455574;border-radius:12px;width:min(320px,40%);max-height:calc(100% - 24px);padding:12px;font-size:13px;position:absolute;top:12px;right:12px;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:1 0 100%;min-height:44px}.lobby-primary-actions:not(:has(>button:not([hidden]))){display:none}#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{max-height:140px;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{flex-direction:column;display:flex}#lobby-room>.lobby-room-overlay{order:-1}.lobby-chat-panel{width:min(280px,100% - 24px)}.lobby-room-overlay{width:100%;max-height:none;margin-top:12px;position:static}#race-screen>.lobby-room-overlay{width:min(280px,100% - 16px);max-height:calc(100dvh - 100px);position:absolute;top:80px;right:8px}}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:56px;padding:9px 7px;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;font-size:11px;font-weight:900;line-height:1}.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;width:16px;height:112px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0009}.timed-effect-fill{height:var(--effect-progress,100%);border-radius:inherit;background:linear-gradient(#ffe48c,#ffae37);transition:height 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-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:12px 24px;padding:12px 236px 12px 16px;display:flex;position:relative}#hud strong{color:#52e3b6}#hud p{margin:0}.race-clock{text-align:center;gap:2px;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;font-size:clamp(22px,3vw,32px);font-weight:900;line-height:1}.chat-emote{object-fit:contain;vertical-align:middle;max-width:64px;height:24px;display:inline-block}#nitro{accent-color:#ffce66;vertical-align:middle;width:120px}#race-menu{padding:7px 12px;font-size:13px}#controls{text-align:center;color:#b9c7da;flex:1 0 100%;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}.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 .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 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){.mode-buttons{grid-template-columns:1fr}.mode-button{min-height:110px;padding:22px}.menu-screen{padding:16px}#hud{gap:8px 14px;padding:8px 188px 8px 8px;font-size:13px}#controls{padding:0;font-size:11px}#audio-quick{gap:4px;padding:4px;top:6px;right:6px}#audio-quick input{width:70px}.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{padding-right:150px}#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 #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}}.track-select{color:#b9c7da;flex-direction:column;align-items:center;gap:6px;margin-top:18px;font-size:14px;display:flex}