@font-face{font-family:Fredoka;src:url(../fonts/fredoka.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Outfit;src:url(../fonts/outfit.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--display:"Fredoka", "Outfit", ui-rounded, system-ui, sans-serif;--body:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ink:#254d45;--ink-2:#1f4f4c;--ink-light:#648076;--teal:#387d76;--deep:#306f70;--mint:#99d1b7;--leaf:#a6dfc6;--cream:#fff7dc;--paper:#f8f6e7;--paper-a:#f8f6e7;--glass:#f8f6e7f2;--line:#254d4524;--coral:#e98c73;--gold:#edc371;--gold-deep:#c19a43;--night:#1c1640;--night-2:#2b2160;--aurora:#b5f3d0;--dawn:#ffc193;--comet:#dbb2f6;--sky:#8fd3ff;--shadow:0 8px 30px #163c4233;--shadow-sm:0 3px 12px #163c4229;--inset-t:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--inset-r:max(env(safe-area-inset-right,0px), var(--safe-area-inset-right,0px));--inset-b:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));--inset-l:max(env(safe-area-inset-left,0px), var(--safe-area-inset-left,0px));--safe-t:max(12px, var(--inset-t));--safe-r:max(16px, var(--inset-r));--safe-b:max(12px, var(--inset-b));--safe-l:max(16px, var(--inset-l));--ease-pop:cubic-bezier(.3, 1.5, .5, 1)}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--ink-2);width:100%;height:100%;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;overflow:hidden}#game-root{touch-action:none;position:fixed;inset:0;overflow:hidden}#game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}#ui-root.no-world{background:radial-gradient(at 50% 110%,#ffd9a8 0%,#8fd3c0 35%,#387d76 65%,#1f4f4c 100%)}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}.hidden{display:none!important}.ico{vertical-align:-.18em;flex:none;width:1.15em;height:1.15em;display:inline-block}:focus{outline:none}body.kbd-nav .focus{outline:3px solid var(--gold);outline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.pill-btn{pointer-events:auto;cursor:pointer;min-width:200px;min-height:52px;font:600 19px/1 var(--display);letter-spacing:.01em;color:var(--ink);background:var(--paper);box-shadow:var(--shadow-sm);transition:transform .16s var(--ease-pop), box-shadow .16s, background .16s;border:1.5px solid #254d4538;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 26px;display:inline-flex}.pill-btn .ico{width:20px;height:20px}.pill-btn.primary{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 6px 18px #254d4559}.pill-btn:hover,.pill-btn.focus{transform:translateY(-2px)}.pill-btn:active{transform:translateY(1px)scale(.98)}.pill-btn.danger{color:#9b4a37;border-color:#e98c7380;min-width:0}.pill-btn.danger.armed{background:var(--coral);color:#fff;border-color:var(--coral);animation:.8s ease-in-out infinite alternate armed}@keyframes armed{to{box-shadow:0 0 0 6px #e98c7340}}.icon-btn{pointer-events:auto;cursor:pointer;background:var(--glass);width:50px;height:50px;color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);transition:transform .16s var(--ease-pop);border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid}.icon-btn .ico{width:24px;height:24px}.icon-btn:hover,.icon-btn.focus{transform:rotate(18deg)scale(1.06)}.chip{background:var(--glass);height:40px;color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);font:600 16px var(--body);font-variant-numeric:tabular-nums;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.chip .ico{color:var(--gold-deep);width:20px;height:20px}.panel{background:var(--paper-a);color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffffbf;border-radius:26px}.panel-title{font:600 34px/1 var(--display);color:var(--ink);text-align:center;margin:0 0 6px}.seg{pointer-events:auto;cursor:pointer;border:1.5px solid var(--line);min-width:48px;min-height:44px;color:var(--ink);font:600 14px var(--body);transition:background .15s, color .15s, transform .15s var(--ease-pop);background:#fffdf3;border-radius:999px;padding:6px 14px}.seg.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.seg:active{transform:scale(.95)}.segs{flex-wrap:nowrap;justify-content:flex-end;gap:6px;margin-left:auto;display:inline-flex}.lock-badge{background:var(--paper);width:30px;height:30px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.lock-badge .ico{width:16px;height:16px}.locked{filter:saturate(.35)}.locked:not(.selected){opacity:.78}.denied{animation:.4s denied}@keyframes denied{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pips{gap:4px;display:inline-flex}.pips i{background:#254d4524;border-radius:4px;width:12px;height:8px;display:block}.pips i.on{background:linear-gradient(90deg, var(--mint), var(--teal))}.menus{pointer-events:none;position:absolute;inset:0}.screen{opacity:0;visibility:hidden;pointer-events:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.screen.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s}.screen.active>*{animation:rise .45s var(--ease-pop) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mode-screen,.class-screen,.course-screen,.select-screen,.settings-screen{background:linear-gradient(#1f4f4c9e 0%,#1f4f4c2e 26%,#1f4f4c1f 64%,#1c164080 100%);flex-direction:column;gap:12px;display:flex}.menu-head{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:52px;display:grid}.menu-title{font:600 clamp(24px, 3.4vw, 38px)/1.05 var(--display);color:var(--cream);text-align:center;text-shadow:0 2px 14px #0f282873;white-space:nowrap;margin:0}.back-btn{pointer-events:auto;cursor:pointer;min-height:48px;font:600 16px var(--body);background:var(--glass);color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffffb3;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:0 18px 0 12px;display:inline-flex}.back-btn .ico{width:20px;height:20px}.head-spacer{justify-self:end}.loading-screen{background:radial-gradient(at 50% 30%,#4f9c8f 0%,#1f4f4c 60%,#17383a 100%);place-items:center;display:grid}.loading-card{flex-direction:column;align-items:center;gap:14px;display:flex}.loading-emblem svg{filter:drop-shadow(0 10px 22px #0000004d);width:96px;height:96px;animation:1.8s ease-in-out infinite bob}.loading-text{font:500 24px var(--display);color:var(--cream);letter-spacing:.02em;text-align:center;max-width:80vw}.loading-dots{gap:8px;display:flex}.loading-dots i{background:var(--gold);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite dot}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.title-screen{flex-direction:column;align-items:center;display:flex}.title-shade{pointer-events:none;background:linear-gradient(#1f4f4c8c 0%,#1f4f4c00 34% 62%,#1c164073 100%);position:absolute;inset:0}.title-top{align-items:center;gap:8px;width:100%;display:flex;position:relative}.title-top .grow{flex:1}.logo{align-items:center;gap:18px;margin-top:clamp(0px,3vh,30px);display:flex;position:relative}.logo-emblem svg{filter:drop-shadow(0 10px 20px #0a282859);width:clamp(70px,11vmin,110px);height:auto;animation:5s ease-in-out infinite bob;display:block}.logo-word{font:600 clamp(52px, 9.5vmin, 104px)/.95 var(--display);color:var(--cream);letter-spacing:-.01em;text-shadow:0 3px #254d458c,0 10px 30px #0a282873;align-items:baseline;gap:.18em;margin:0;display:flex}.logo-kart{color:var(--gold)}.logo-spark{color:var(--gold);margin-top:-.18em;margin-left:-.62em;font-size:.42em;animation:5s ease-in-out infinite spark;position:absolute}.logo-spark .ico{filter:drop-shadow(0 0 10px #ffe6a0e6);width:1em;height:1em}@keyframes spark{0%,to{opacity:.85;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(14deg)scale(1.12)}}.logo-text{flex-direction:column;gap:6px;display:flex}.logo-tag{font:500 clamp(14px, 2.2vmin, 20px) var(--body);color:var(--cream);text-shadow:0 2px 10px #0a28288c;margin:0;padding-left:.2em}.hero-btn{width:max-content;left:0;right:0;bottom:calc(var(--safe-b) + clamp(28px, 8vh, 80px));pointer-events:auto;cursor:pointer;min-width:250px;min-height:66px;font:600 28px/1 var(--display);color:var(--ink);background:linear-gradient(180deg, #fffbe9, var(--cream));border:4px solid var(--gold);transition:transform .16s var(--ease-pop);border-radius:999px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:0 44px;animation:2.8s ease-in-out infinite breathe;display:inline-flex;position:absolute;box-shadow:0 0 0 3px #254d45d9,0 14px 34px #0a28286b}.hero-btn .ico{width:24px;height:24px;color:var(--coral)}.hero-btn:hover,.hero-btn.focus{transform:scale(1.05)}.hero-btn:active{transform:scale(.97)}.screen.active>.hero-btn{animation:.45s both fadein,2.8s ease-in-out infinite breathe}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{box-shadow:0 0 0 3px #254d45d9,0 14px 34px #0a28286b,0 0 #ffd88c00}50%{box-shadow:0 0 0 3px #254d45d9,0 14px 34px #0a28286b,0 0 24px 8px #ffd88c80}}.title-foot{left:var(--safe-l);right:var(--safe-r);bottom:var(--safe-b);font:500 12px var(--body);color:#fff7dccc;text-shadow:0 1px 4px #0006;justify-content:space-between;gap:12px;display:flex;position:absolute}.card-row{flex:1;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,22px);min-height:0;display:flex}.mode-card,.class-card{pointer-events:auto;cursor:pointer;text-align:center;background:var(--paper-a);color:var(--ink);box-shadow:var(--shadow);transition:transform .2s var(--ease-pop), box-shadow .2s;border:1px solid #fffc;border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:clamp(14px,2.6vh,26px) clamp(12px,1.6vw,22px);display:flex;position:relative}.mode-card{justify-content:center;width:min(290px,29vw);min-height:min(300px,60vh)}.mode-card:hover,.mode-card.focus,.class-card:hover,.class-card.focus{transform:translateY(-6px)}.mode-card.selected,.class-card.selected{box-shadow:0 0 0 4px var(--gold), var(--shadow)}.mc-icon{background:var(--tone,var(--mint));width:clamp(64px,12vh,92px);height:clamp(64px,12vh,92px);color:var(--ink);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -6px #254d451f}.mc-icon .ico{stroke-width:1.8px;width:54%;height:54%}.mode-card.tone-gold{--tone:#f3d79c}.mode-card.tone-mint{--tone:var(--aurora)}.mode-card.tone-sky{--tone:#c6e8fb}.mode-card.tone-comet{--tone:#ead7fb}.mc-name{font:600 clamp(22px, 3.2vh, 30px)/1.05 var(--display)}.mc-desc{font:400 clamp(13px, 1.9vh, 16px)/1.35 var(--body);color:var(--ink-light);max-width:24ch}.class-card{justify-content:flex-start;width:min(190px,18vw);min-height:min(270px,58vh);padding-top:clamp(16px,3vh,28px)}.cc-label{font:600 clamp(26px, 4.6vh, 40px)/1 var(--display);color:var(--teal);align-items:center;min-height:1em;display:flex}.cc-label .ico{width:1em;height:1em;color:var(--comet)}.cc-name{font:600 clamp(17px, 2.6vh, 22px)/1 var(--display)}.cc-speed{margin:2px 0}.cc-desc{font:400 clamp(12px, 1.8vh, 14px)/1.35 var(--body);color:var(--ink-light)}.cc-tag{font:600 11px var(--body);letter-spacing:.04em;background:var(--aurora);color:var(--ink);border-radius:999px;margin-top:auto;padding:4px 10px}.course-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow-y:auto}.cup-cards{justify-content:center;gap:clamp(12px,2vw,24px);width:min(1060px,100%);display:flex}.cup-card{pointer-events:auto;cursor:pointer;background:var(--paper-a);max-width:500px;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s var(--ease-pop), box-shadow .2s;text-align:left;border:1px solid #fffc;border-radius:28px;flex-direction:column;flex:1 1 0;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.cup-card:before{content:"";background:linear-gradient(90deg, var(--cup), color-mix(in srgb, var(--cup) 40%, #fff));opacity:.55;height:58px;position:absolute;top:0;left:0;right:0}.cup-card:hover,.cup-card.focus{transform:translateY(-5px)}.cup-card.selected{box-shadow:0 0 0 4px var(--gold), var(--shadow)}.cup-head{align-items:center;gap:10px;display:flex;position:relative}.cup-emblem{background:var(--paper);width:40px;height:40px;color:var(--gold-deep);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.cup-emblem .ico{width:22px;height:22px}.cup-name{font:600 clamp(20px, 3.4vh, 28px)/1 var(--display)}.cup-tracks{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:relative}.cup-trk{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.cup-trk img{aspect-ratio:1;background:linear-gradient(160deg,#d9efe2,#bfe2d2);border-radius:16px;width:100%}.cup-trk small{font:500 11px/1.15 var(--body);color:var(--ink-light);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cup-card.locked .cup-trk small,.cup-card.locked .cup-medals{visibility:hidden}.cup-medals{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.medal{height:26px;color:var(--ink-light);font:600 11px var(--body);background:#254d4512;border-radius:999px;align-items:center;gap:3px;padding:0 8px 0 6px;display:inline-flex}.medal .ico{width:15px;height:15px}.medal.m0{padding-left:8px}.medal.m1{color:#7e5f1f;background:#f7e7bf}.medal.m2{color:#54646a;background:#e8edee}.medal.m3{color:#7a4d33;background:#f4e2d4}.lock-cover{text-align:center;-webkit-backdrop-filter:blur(3px);font:600 14px/1.35 var(--body);color:var(--ink);border-radius:inherit;background:#f8f6e7d6;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex;position:absolute;inset:0}.lock-cover .ico{box-sizing:content-box;background:var(--paper);width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:50%;padding:8px}.track-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,16px);width:min(1100px,100%);display:grid}.track-card{pointer-events:auto;cursor:pointer;text-align:left;background:var(--paper-a);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-pop), box-shadow .2s;border:1px solid #fffc;border-radius:22px;grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:2px 10px;min-height:92px;padding:10px;display:grid;position:relative;overflow:hidden}.track-card:hover,.track-card.focus{transform:translateY(-4px)}.track-card.selected{box-shadow:0 0 0 3px var(--gold), var(--shadow-sm)}.tc-map{aspect-ratio:1;background:linear-gradient(150deg, var(--c1), var(--c2));border-radius:16px;grid-row:1/span 3;width:clamp(58px,11vh,92px)}.tc-name{font:600 clamp(15px, 2.4vh, 19px)/1.1 var(--display)}.tc-blurb{font:400 12px/1.3 var(--body);color:var(--ink-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tc-cup,.tc-rec{font:600 11px var(--body);color:var(--ink-light);font-variant-numeric:tabular-nums;background:#254d4512;border-radius:999px;place-self:end start;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.tc-rec{color:var(--ink);background:#f7e7bf}.track-card .lock-cover .ico{width:22px;height:22px;padding:7px}.course-foot{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:14px;min-height:44px;display:flex}.crumb{font:600 14px var(--body);color:var(--cream);background:#1c164059;border-radius:999px;padding:8px 14px}.laps-row{background:var(--glass);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 14px;display:inline-flex}.laps-lbl{font:600 14px var(--body);margin-right:4px}.select-body{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(40px,.9fr) minmax(250px,.95fr);align-items:center;gap:14px;min-height:0;display:grid}.char-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:10px;display:grid}.char-card{pointer-events:auto;cursor:pointer;background:var(--paper-a);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-pop), box-shadow .18s;border:1px solid #ffffffd9;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;display:flex;position:relative}.char-card:hover,.char-card.focus{transform:translateY(-4px)}.char-card.selected{box-shadow:0 0 0 3px var(--gold), 0 0 0 7px color-mix(in srgb, var(--kc) 45%, transparent), var(--shadow-sm);transform:translateY(-4px)}.char-portrait{aspect-ratio:1;background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--kc) 45%, #fff), var(--kc));border-radius:18px;place-items:center;width:clamp(52px,11vh,84px);display:grid;overflow:hidden}.char-portrait img{object-fit:cover;width:100%;height:100%}.char-portrait .initial{font:600 30px var(--display);color:#fff}.char-portrait .initial .ico{width:26px;height:26px}.char-card.locked .char-portrait{background:radial-gradient(circle at 40% 30%, #5b4fb2, var(--night))}.char-name{font:600 clamp(13px, 2.2vh, 17px)/1 var(--display);white-space:nowrap}.select-stage{pointer-events:none}.char-panel{--kc:var(--teal);background:var(--paper-a);box-shadow:var(--shadow);border:1px solid #ffffffd9;border-radius:28px;flex-direction:column;gap:10px;max-height:100%;padding:16px 18px;display:flex;overflow:hidden}.cp-top{align-items:center;gap:12px;display:flex}.cp-portrait{aspect-ratio:1;background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--kc) 45%, #fff), var(--kc));width:clamp(56px,13vh,84px);box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--kc);border-radius:22px;flex:none;place-items:center;display:grid;overflow:hidden}.cp-portrait img{object-fit:cover;width:100%;height:100%}.cp-portrait .initial{font:600 30px var(--display);color:#fff}.cp-portrait.pop{animation:pop .35s var(--ease-pop)}@keyframes pop{0%{transform:scale(.75)rotate(-6deg)}to{transform:none}}.cp-id{flex-direction:column;gap:3px;min-width:0;display:flex}.cp-name{font:600 clamp(22px, 4vh, 30px)/1 var(--display)}.cp-title{font:400 13px/1.25 var(--body);color:var(--ink-light)}.cp-stats{gap:5px;display:grid}.stat{font:500 13px var(--body);grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.stat .bar{background:#254d451a;border-radius:5px;height:9px;overflow:hidden}.stat .bar i{background:linear-gradient(90deg, var(--mint), var(--teal));height:100%;transition:width .35s var(--ease-pop);border-radius:5px;display:block}.cp-scarf{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.cp-scarf[hidden]{display:none}.cp-lbl{font:600 13px var(--body)}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatch{pointer-events:auto;cursor:pointer;background:var(--sw);border:2px solid var(--paper);width:30px;height:30px;color:var(--paper);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 0 0 1.5px #254d4540}.swatch:after{content:"";position:absolute;inset:-9px}.swatch .ico{width:13px;height:13px}.swatch.locked{filter:saturate(.25)brightness(.95);opacity:.7}.swatch.on{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.1)}.cp-lock{font:500 13px/1.3 var(--body);color:var(--night-2);margin:0}.cp-lock:empty{display:none}.go-btn{pointer-events:auto;cursor:pointer;min-height:56px;font:600 22px var(--display);color:var(--cream);background:linear-gradient(180deg, #3f8a80, var(--ink));box-shadow:0 0 0 3px var(--gold), 0 10px 22px #254d4559;transition:transform .16s var(--ease-pop);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:auto;display:inline-flex}.go-btn .ico{width:22px;height:22px}.go-btn:hover,.go-btn.focus{transform:scale(1.03)}.go-btn:disabled{filter:grayscale(.8);opacity:.55;box-shadow:none;cursor:default}.lock-hint{display:none}.pause-screen{-webkit-backdrop-filter:blur(6px);background:#1c164066;place-items:center;display:grid}.pause-panel{flex-direction:column;align-items:stretch;gap:10px;min-width:min(340px,90vw);padding:22px 26px;display:flex}.pause-panel .pill-btn{width:100%}.settings-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;width:min(1000px,100%);min-height:0;margin:0 auto;padding:2px 4px 10px;display:grid;overflow-y:auto}.set-group{border-radius:24px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.set-group h3{font:600 19px var(--display);color:var(--teal);align-items:center;gap:8px;margin:0 0 2px;display:flex}.set-group h3 .ico{width:20px;height:20px}.set-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:48px;padding-top:6px;display:flex}.set-group h3+.set-row{border-top:0;padding-top:0}.set-lbl{font:500 15px var(--body)}.set-note{font:400 12px/1.4 var(--body);color:var(--ink-light);margin:2px 0 0}.slider{flex:0 220px;align-items:center;gap:10px;display:inline-flex}.slider output{text-align:right;width:32px;font:600 14px var(--body);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;touch-action:pan-x;background:0 0;width:100%;min-width:120px;height:44px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--mint), var(--teal));border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--mint), var(--teal));border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:3px solid var(--ink);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-10px}input[type=range]::-moz-range-thumb{background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:24px;height:24px}.toggle{pointer-events:auto;cursor:pointer;border:1.5px solid var(--line);min-height:44px;font:600 14px var(--body);color:var(--ink-light);background:#fffdf3;border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 6px;display:inline-flex}.toggle i{background:#254d452e;border-radius:13px;width:44px;height:26px;transition:background .2s;position:relative}.toggle i:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-pop);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.on{color:var(--ink)}.toggle.on i{background:var(--teal)}.toggle.on i:after{transform:translate(18px)}.credits-p{font:400 14px/1.45 var(--body);margin:0}.credits-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.credits-list li{border-top:1px solid var(--line);font:400 13px/1.35 var(--body);flex-direction:column;gap:1px;padding:6px 0;display:flex}.credits-list b{font-weight:600}.credits-list span{color:var(--ink-light)}.set-group .pill-btn{min-width:0}.intro-card{left:var(--safe-l);bottom:calc(var(--safe-b) + 10vh);opacity:0;pointer-events:auto;background:var(--paper-a);max-width:min(520px,70vw);color:var(--ink);box-shadow:var(--shadow);border:1px solid #ffffffd9;border-left:8px solid var(--coral);border-radius:26px;padding:16px 22px 14px;position:absolute;transform:translate(-120%)}.intro-card.show{animation:4.2s cubic-bezier(.2,1,.3,1) forwards introCard}@keyframes introCard{0%{opacity:1;transform:translate(-120%)}12%,86%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12%)}}.ic-mode{font:600 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.ic-name{font:600 clamp(28px, 5.6vh, 48px)/1.05 var(--display);margin:4px 0}.ic-blurb{font:400 15px/1.35 var(--body);color:var(--ink-light)}.ic-sub{font:600 13px var(--body);color:var(--ink);margin-top:8px}.ic-skip{font:500 11px var(--body);color:var(--ink-light);opacity:.8;margin-top:6px}.hud{pointer-events:none;font-family:var(--body);color:var(--ink);position:absolute;inset:0}body[data-menu=settings] .hud,body[data-menu=credits] .hud{visibility:hidden}.hud.shake{animation:.45s shake}@keyframes shake{15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-3px)}50%{transform:translate(-3px,2px)}70%{transform:translate(2px,-1px)}}.hud-pill{background:var(--glass);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.hud-tl{top:var(--safe-t);left:var(--safe-l);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.hud-lap{transform-origin:0}.hud-lap .lbl{font:600 15px var(--body);color:var(--ink-light)}.hud-lap .val{font:600 30px/1 var(--display);color:var(--ink)}.hud-lap .of{font:600 18px var(--display);color:var(--ink-light)}.hud-lap.final{background:var(--coral);border-color:var(--coral)}.hud-lap.final .lbl,.hud-lap.final .val,.hud-lap.final .of{color:#fff}.hud-lap.pulse{animation:lapPulse .6s var(--ease-pop)}@keyframes lapPulse{35%{transform:scale(1.18)}}.hud-timer{font:600 19px var(--body);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud-coins{transform-origin:0;padding:4px 14px 4px 6px}.hud-coins img{width:30px;height:30px}.hud-coins .cn{font:600 22px var(--display);font-variant-numeric:tabular-nums;text-align:right;min-width:1.1em}.hud-coins .cmax{font:600 14px var(--body);color:var(--ink-light)}.hud-coins.max{background:#fbe8b8}.hud-coins.max .cn{color:#9a6c18}.hud-coins.pop{animation:coinPop .3s var(--ease-pop)}.hud-coins.lose{animation:.5s coinLose}@keyframes coinPop{40%{transform:scale(1.15)}}@keyframes coinLose{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.hud-record{font:600 13px var(--body);color:var(--cream);text-shadow:0 1px 6px #0a282899;padding-left:6px}.hud-record:empty{display:none}.hud-splits{font:600 13px var(--body);font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;display:flex}.split{background:#f8f6e7b3;border-radius:999px;padding:3px 10px;animation:.35s both rise}.split span{width:18px;color:var(--ink-light);display:inline-block}.split.best{background:var(--aurora)}.hud-lappop{background:var(--glass);font:600 22px var(--display);font-variant-numeric:tabular-nums;opacity:0;border-radius:999px;padding:6px 16px;position:absolute;top:34%;left:50%;transform:translate(-50%)}.hud-lappop.show{animation:2.2s forwards lapPop}@keyframes lapPop{0%{opacity:0;transform:translate(-50%,10px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.hud-item{top:var(--safe-t);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.item-slot{background:radial-gradient(circle at 50% 35%, #fffdf3, var(--paper) 60%, #e9e4c8);border:4px solid var(--paper);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative;box-shadow:0 0 0 3px #254d458c,0 8px 20px #0a28284d,inset 0 -6px 12px #254d451a}.item-slot:after{content:"";border:2px dashed #254d452e;border-radius:50%;position:absolute;inset:7px}.item-slot.filled{box-shadow:0 0 0 3px var(--gold), 0 0 22px #edc371b3, 0 8px 20px #0a28284d}.item-slot.spinning .item-img{animation:.16s linear infinite roulette}@keyframes roulette{0%{opacity:.7;transform:translateY(-8px)scale(.9)}to{opacity:.7;transform:translateY(8px)scale(.9)}}.item-slot.got{animation:gotPop .45s var(--ease-pop)}@keyframes gotPop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.item-img{z-index:1;filter:drop-shadow(0 3px 2px #254d4540);width:72px;height:72px;position:relative}.item-count{z-index:2;background:var(--ink);min-width:34px;height:30px;color:var(--cream);font:600 17px var(--display);border-radius:999px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:-6px;right:-8px}.item-count:empty{display:none}.item-name{background:var(--ink);color:var(--cream);font:600 15px var(--display);white-space:nowrap;opacity:0;border-radius:999px;padding:5px 14px;transform:translateY(-6px)}.item-name.show{animation:2.4s forwards itemName}@keyframes itemName{0%{opacity:0;transform:translateY(-6px)scale(.9)}12%,78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.hud-standings{right:var(--safe-r);top:var(--safe-t);flex-direction:column;gap:3px;display:flex;position:absolute}.st-row{height:26px;font:500 13px var(--body);background:#f8f6e7b8;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 6px;transition:transform .2s;display:flex}.st-row.me{background:var(--ink);color:var(--cream);transform:translate(-8px)}.st-pos{text-align:center;width:18px;font:600 14px var(--display)}.st-chip{width:13px;height:13px;box-shadow:0 0 0 2px var(--paper);border-radius:50%}.st-name{min-width:52px}.hud-minimap{left:var(--safe-l);bottom:var(--safe-b);background:radial-gradient(circle,#f8f6e761,#f8f6e71f 70%,#f8f6e700);border-radius:28px;width:clamp(140px,24vmin,220px);height:clamp(140px,24vmin,220px);position:absolute}.hud-minimap canvas{width:100%;height:100%;display:block}.hud-br{right:var(--safe-r);bottom:var(--safe-b);align-items:flex-end;gap:14px;display:flex;position:absolute}.hud-drift{background:var(--glass);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .15s, transform .2s var(--ease-pop);border-radius:18px;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;padding:8px 12px;display:flex;transform:translateY(8px)scale(.9)}.hud-drift.show{opacity:1;transform:none}.hud-drift .dl{font:600 14px var(--display)}.dbar{gap:4px;display:flex}.dbar i{transform-origin:0;background:#254d4524;border-radius:5px;width:34px;height:9px;display:block;position:relative;overflow:hidden}.dbar i:first-child{background-image:linear-gradient(var(--sky), var(--sky))}.dbar i:nth-child(2){background-image:linear-gradient(var(--dawn), var(--dawn))}.dbar i:nth-child(3){background-image:linear-gradient(var(--comet), var(--comet))}.dbar i{background-repeat:no-repeat;background-size:100% 100%}.hud-drift.lvl1{box-shadow:0 0 0 2px var(--sky), var(--shadow-sm)}.hud-drift.lvl2{box-shadow:0 0 0 2px var(--dawn), 0 0 16px var(--dawn)}.hud-drift.lvl3{box-shadow:0 0 0 2px var(--comet), 0 0 20px var(--comet);animation:.3s linear infinite alternate ultra}@keyframes ultra{to{filter:brightness(1.12)}}.hud-place{--pc:var(--mint);background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--pc) 55%, #fff), var(--pc));border:4px solid var(--paper);min-width:108px;height:108px;color:var(--ink);border-radius:54px;justify-content:center;align-items:center;padding:0 14px;display:flex;box-shadow:0 0 0 3px #254d4599,0 10px 24px #0a28284d}.hud-place .num{font:600 66px/1 var(--display)}.hud-place .suf{font:600 24px/1 var(--display);align-self:flex-start;margin-top:22px}.hud-place.bump{animation:placeBump .45s var(--ease-pop)}@keyframes placeBump{0%{transform:scale(1.3)rotate(-6deg)}to{transform:none}}.hud-countdown{text-align:center;font:600 clamp(110px, 26vmin, 230px)/1 var(--display);color:var(--cream);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 10px #254d4580,0 0 60px #fff7dc99;opacity:0;position:absolute;top:26%;left:0;right:0}.hud-countdown.show{animation:cdPop .95s var(--ease-pop) forwards}.hud-countdown.n3{color:var(--coral)}.hud-countdown.n2{color:var(--gold)}.hud-countdown.n1{color:var(--mint)}.hud-countdown.go{color:var(--cream);animation:goPop 1.1s var(--ease-pop) forwards;text-shadow:0 10px #254d4580,0 0 60px #b5f3d0e6;font-size:clamp(60px,19vmin,190px)}@keyframes cdPop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@keyframes goPop{0%{opacity:0;transform:scale(.3)rotate(-6deg)}25%{opacity:1;transform:scale(1.1)rotate(2deg)}70%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.8)}}.hud-banner{font:600 clamp(34px, 7vmin, 64px)/1 var(--display);color:#fff;background:var(--coral);box-shadow:0 0 0 4px var(--paper), 0 0 0 7px #254d4580, 0 14px 30px #0a28284d;white-space:nowrap;opacity:0;border-radius:999px;padding:12px 34px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-banner.show{animation:bannerIn 2.8s var(--ease-pop) forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(.5)}14%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.hud-wrongway{background:var(--paper-a);border:3px solid var(--coral);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:12px 30px 10px;display:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-wrongway.show{animation:.7s ease-in-out infinite alternate wwBlink;display:flex}@keyframes wwBlink{to{opacity:.7}}.ww-text{font:600 clamp(28px, 6vmin, 48px) var(--display);color:#b95b44}.ww-arrow{border-left:22px solid #0000;border-right:22px solid #0000;border-bottom:26px solid var(--coral);width:0;height:0;transform:rotate(180deg)}.hud-flash{pointer-events:none;opacity:0;z-index:5;background:radial-gradient(circle,#2b216040 0%,#1c1640d9 100%);position:absolute;inset:0}.hud-flash.flash{animation:.8s ease-out flash}.hud-flash.flash-soft{animation:.5s ease-out flashSoft}@keyframes flash{0%{opacity:.95}25%{opacity:.5}40%{opacity:.8}to{opacity:0}}@keyframes flashSoft{0%{opacity:.35}to{opacity:0}}.hud-finish{opacity:0;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:20%;left:0;right:0}.hud-finish.show{animation:finishIn .7s var(--ease-pop) forwards}@keyframes finishIn{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:none}}.fin-title{font:600 clamp(64px, 14vmin, 130px)/1 var(--display);color:var(--cream);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 8px #254d4580,0 0 50px #edc371cc}.fin-place{--pc:var(--gold);background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--pc) 55%, #fff), var(--pc));border:5px solid var(--paper);min-width:120px;height:120px;font:600 72px/1 var(--display);color:var(--ink);border-radius:60px;justify-content:center;align-items:center;padding:0 18px;display:flex;box-shadow:0 0 0 3px #254d4599}.fin-place small{align-self:flex-start;margin-top:24px;font-size:.38em}.hud-callout{white-space:nowrap;font:600 clamp(22px, 4vmin, 36px) var(--display);background:var(--paper-a);color:var(--ink);box-shadow:var(--shadow-sm);opacity:0;border-radius:999px;padding:8px 20px;position:absolute;top:70%;left:50%;transform:translate(-50%)}.hud-callout.show{animation:callout 1.3s var(--ease-pop) forwards}.hud-callout.trick,.hud-callout.start{background:var(--aurora)}.hud-callout.ultra{background:var(--comet)}.hud-callout.slip{background:#d3eefc}.hud-callout.coin{background:#fbe8b8}.hud-callout.hit{background:#fbe0b8}.hud-callout.steal{background:#ead7fb}.hud-callout.bad{color:#8a3f2c;background:#f6d2c7}@keyframes callout{0%{opacity:0;transform:translate(-50%,16px)scale(.6)}18%{opacity:1;transform:translate(-50%)scale(1.06)}30%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-20px)}}.hud-tip{left:50%;top:calc(var(--safe-t) + 130px);background:var(--ink);max-width:min(560px,62vw);color:var(--cream);font:500 15px/1.35 var(--body);box-shadow:var(--shadow);opacity:0;transition:opacity .3s, transform .3s var(--ease-pop);border-radius:22px;align-items:center;gap:10px;padding:10px 18px 10px 12px;display:flex;position:absolute;transform:translate(-50%,-8px)}.hud-tip.show{opacity:1;transform:translate(-50%)}.hud.wrong-way .hud-tip.show{opacity:0}.hud-tip .ico,.hud-tip img{width:28px;height:28px;color:var(--gold);flex:none}.hud-slip{left:50%;top:calc(var(--safe-t) + 128px);opacity:0;transition:opacity .2s;position:absolute;transform:translate(-50%)}.hud-slip.show{opacity:1}.hud-slip i{background:linear-gradient(90deg, var(--sky), #fff);width:110px;height:7px;box-shadow:0 0 0 2px #254d4580, 0 0 12px var(--sky);transform-origin:0;border-radius:4px;display:block;transform:scaleX(0)}.hud.mode-tt .hud-standings,.hud.mode-tt .hud-place{display:none}.toast{left:50%;top:calc(var(--safe-t) + 8px);text-align:center;max-width:85vw;color:var(--cream);font:500 15px var(--body);box-shadow:var(--shadow);opacity:0;z-index:40;pointer-events:none;background:#254d45f2;border-radius:999px;padding:11px 22px;position:absolute;transform:translate(-50%,-12px)}.toast.show{animation:2.4s forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}10%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.unlock-stack{left:0;right:0;top:calc(var(--safe-t) + 6px);z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.unlock-card{background:var(--paper);min-width:min(380px,86vw);max-width:90vw;color:var(--ink);border:3px solid var(--gold);box-shadow:0 0 0 2px #254d4580, var(--shadow);opacity:0;transition:opacity .35s, transform .45s var(--ease-pop);border-radius:999px;align-items:center;gap:14px;padding:10px 22px 10px 12px;display:flex;transform:translateY(-30px)scale(.9)}.unlock-card.show{opacity:1;transform:none}.unlock-card.out{opacity:0;transform:translateY(-16px)scale(.96)}.unlock-card{pointer-events:auto;cursor:pointer}.unlock-card.multi{border-radius:28px;padding-top:12px;padding-bottom:12px}.unlock-card.multi .uc-text b{display:block}.uc-icon{background:var(--gold);width:48px;height:48px;color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 -4px #0000001a}.uc-icon .ico{width:26px;height:26px}.uc-icon.medal{height:48px;padding:0}.uc-icon.medal.m1{background:var(--gold)}.uc-icon.medal.m2{background:#cfd8dc}.uc-icon.medal.m3{background:#e0a27a}.uc-icon.swatch-ico{background:var(--sw);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink)}.uc-text{flex-direction:column;gap:2px;display:flex}.uc-text small{font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}.uc-text b{font:600 18px/1.15 var(--display)}.fps-meter{z-index:70;color:var(--aurora);pointer-events:none;background:#1c1640b3;border-radius:8px;padding:2px 8px;font:600 11px ui-monospace,monospace;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.results{pointer-events:auto;z-index:10;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);opacity:0;-webkit-backdrop-filter:blur(3px);background:radial-gradient(#1f4f4c59,#1c1640b3);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.results.show{opacity:1}.res-panel{background:var(--paper);width:min(760px,96vw);max-height:100%;color:var(--ink);transition:transform .5s var(--ease-pop);border:1px solid #ffffffe6;border-radius:30px;flex-direction:column;align-items:stretch;gap:8px;padding:18px 22px;display:flex;position:relative;overflow:hidden;transform:translateY(30px)scale(.95);box-shadow:0 24px 80px #102f3459}.results.show .res-panel{transform:none}.res-title{text-align:center;font:600 clamp(30px, 6vmin, 50px)/1 var(--display);color:var(--ink)}.res-sub{text-align:center;font:500 14px var(--body);color:var(--ink-light)}.res-notes{font:600 14px var(--body);color:#7e5f1f;background:#fbe8b8;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:3px 12px 3px 4px;display:inline-flex}.res-notes img{width:24px;height:24px}.res-table{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:4px;min-height:0;padding:2px;display:flex;overflow-y:auto}.res-row{animation:rowIn .45s var(--ease-pop) both;animation-delay:var(--d);background:#254d450f;border-radius:999px;grid-template-columns:58px 42px 1fr auto 96px;align-items:center;gap:10px;padding:3px 14px 3px 6px;display:grid}@keyframes rowIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.res-row.me{background:var(--aurora);box-shadow:0 0 0 2px var(--teal)}.res-place{background:var(--pc);min-width:46px;height:34px;font:600 20px/34px var(--display);color:var(--ink);border-radius:17px;justify-content:center;justify-self:center;align-items:center;padding:0 8px;display:flex}.res-place small{align-self:flex-start;margin-top:7px;margin-left:1px;font-size:.55em;line-height:1}.res-portrait{background:var(--kc);width:38px;height:38px;font:600 18px var(--display);color:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.res-portrait img{object-fit:cover;width:100%;height:100%}.res-name{font:600 18px var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.res-name em{font-style:normal;font:600 11px var(--body);background:var(--ink);color:var(--cream);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px}.res-best{font:500 12px var(--body);color:var(--ink-light);font-variant-numeric:tabular-nums}.res-time{font:600 17px var(--body);text-align:right;font-variant-numeric:tabular-nums}.res-pts{font:600 20px var(--display);text-align:right;color:var(--teal);min-width:56px}.res-pts.total{color:var(--ink);font-size:22px}.res-row:has(.res-pts){grid-template-columns:58px 42px 1fr auto 70px}.res-buttons{flex-wrap:wrap;flex:none;justify-content:center;gap:12px;margin-top:8px;display:flex}.gp-tabs{justify-content:center;gap:6px;display:flex}.gp-tabs button{pointer-events:auto;cursor:pointer;border:1.5px solid var(--line);min-height:40px;font:600 14px var(--body);color:var(--ink-light);background:#fffdf3;border-radius:999px;padding:0 18px}.gp-tabs button.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.tt-box{grid-template-columns:1fr 1fr;gap:16px;padding:6px;display:grid}.tt-laps{flex-direction:column;gap:6px;display:flex}.tt-lap{font:600 19px var(--body);font-variant-numeric:tabular-nums;animation:.45s both rowIn;animation-delay:var(--d);background:#254d450f;border-radius:999px;padding:7px 14px}.tt-lap span{width:80px;color:var(--ink-light);font-size:14px;display:inline-block}.tt-rec{font:500 14px var(--body);flex-direction:column;justify-content:center;gap:10px;display:flex}.tt-rec>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tt-rec b{font:600 28px var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.tt-rec em{font-style:normal;font:600 12px var(--body);background:var(--coral);color:#fff;border-radius:999px;padding:2px 10px}.tt-rec .old{color:var(--ink-light);font-size:13px}.podium{justify-content:center;align-items:flex-end;gap:12px;min-height:230px;margin-top:6px;display:flex}.pod-col{width:130px;animation:rise .6s var(--ease-pop) both;flex-direction:column;align-items:center;display:flex}.pod-col.p1{animation-delay:.9s}.pod-col.p2{animation-delay:.5s}.pod-col.p3{animation-delay:.2s}.pod-portrait{background:var(--kc);width:70px;height:70px;box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--kc);font:600 34px var(--display);color:#fff;border-radius:22px;place-items:center;display:grid;overflow:hidden}.pod-col.p1 .pod-portrait{width:88px;height:88px}.pod-portrait img{object-fit:cover;width:100%;height:100%}.pod-name{font:600 18px var(--display);margin-top:8px}.pod-pts{font:500 12px var(--body);color:var(--ink-light)}.pod-col.me .pod-name{color:var(--teal)}.pod-block{background:linear-gradient(180deg, color-mix(in srgb, var(--kc) 55%, #fff), color-mix(in srgb, var(--kc) 70%, #254d45));border-radius:18px 18px 0 0;justify-content:center;width:100%;margin-top:6px;padding-top:6px;display:flex}.pod-block span{font:600 40px var(--display);color:var(--cream)}.pod-col.p1 .pod-block{height:110px}.pod-col.p2 .pod-block{height:80px}.pod-col.p3 .pod-block{height:56px}.pod-msg{text-align:center;font:600 20px var(--display);color:var(--teal);margin-top:6px}.trophy{width:70px;height:86px;animation:trophyIn 1s 1.3s var(--ease-pop) both;position:absolute;top:20px;right:26px}.trophy .cupbowl{background:var(--tc);width:54px;height:44px;box-shadow:inset -8px -5px 0 #0000001f, inset 6px 5px 0 #ffffff80, 0 0 0 3px var(--ink);border-radius:6px 6px 32px 32px;position:absolute;top:0;left:8px}.trophy .cupbowl:before,.trophy .cupbowl:after{content:"";border:5px solid var(--th);width:16px;height:20px;box-shadow:0 0 0 2px var(--ink);z-index:-1;border-radius:50%;position:absolute;top:6px}.trophy .cupbowl:before{left:-18px}.trophy .cupbowl:after{right:-18px}.trophy .cupstem{background:var(--tc);width:12px;height:20px;box-shadow:0 0 0 3px var(--ink);position:absolute;top:44px;left:29px}.trophy .cupbase{background:var(--teal);width:42px;height:16px;box-shadow:0 0 0 3px var(--ink);border-radius:6px;position:absolute;top:64px;left:14px}.trophy.gold{--th:#edc371;--tc:linear-gradient(135deg, #fff3c4, #edc371 50%, #c19a43)}.trophy.silver{--th:#c9d2dc;--tc:linear-gradient(135deg, #fff, #c9d2dc 50%, #8c9ca1)}.trophy.bronze{--th:#d8956a;--tc:linear-gradient(135deg, #ffe0c4, #d8956a 50%, #b07a52)}@keyframes trophyIn{0%{transform:scale(0)rotate(-30deg)}to{transform:none}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:.9;border-radius:3px;width:9px;height:14px;animation:linear infinite confFall;position:absolute;top:-20px}.confetti i.star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:12px;height:12px}@keyframes confFall{to{transform:translateY(110vh)rotate(540deg)}}@media (max-width:900px){.hud-standings{display:none}.track-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:640px){.podium{min-height:180px}.pod-col.p1 .pod-block{height:80px}.pod-col.p2 .pod-block{height:58px}.pod-col.p3 .pod-block{height:44px}.pod-block span{font-size:30px;line-height:1}}@supports not (color:color-mix(in srgb, red 50%, white)){.pod-block,.hud-place,.fin-place,.char-portrait,.cp-portrait{background:var(--kc,var(--pc))}.hud-place,.fin-place{background:var(--pc)}.cup-card:before{background:var(--cup)}.char-card.selected{box-shadow:0 0 0 3px var(--gold), var(--shadow-sm)}}body.reduce-motion .logo-emblem svg,body.reduce-motion .logo-spark,body.reduce-motion .hero-btn,body.reduce-motion .loading-emblem svg,body.reduce-motion .confetti i,body.reduce-motion .hud.shake{animation:none!important}@media (prefers-reduced-motion:reduce){.logo-emblem svg,.logo-spark,.hero-btn,.loading-emblem svg,.pill-btn.danger.armed,.hud-drift.lvl3,.hud-wrongway.show,.confetti i{animation:none!important}.screen.active>*,.hud.shake{animation:none}}.online-overlay{z-index:100;background:color-mix(in srgb,var(--night,#1c1640) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;padding:max(14px,var(--inset-t,0px)) max(14px,var(--inset-r,0px)) max(14px,var(--inset-b,0px)) max(14px,var(--inset-l,0px));color:var(--ink,#254d45);font-family:var(--body,"Outfit",system-ui,sans-serif);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.online-card{background:var(--paper,#f8f6e7);border:1px solid #ffffff90;border-radius:26px;width:min(460px,100%);max-height:100%;padding:24px;overflow:auto;box-shadow:0 24px 80px #102f3440}.online-card h2{font:600 28px/1.1 var(--display,"Fredoka",sans-serif);color:var(--ink,#254d45);margin:0}.online-note{color:var(--ink-light,#648076);font-size:13px}.online-card label{margin:14px 0;font-size:14px;font-weight:600;display:block}.online-card input{box-sizing:border-box;width:100%;font:inherit;color:var(--ink,#254d45);-webkit-user-select:text;user-select:text;background:#fffdf3;border:1.5px solid #254d4530;border-radius:14px;margin-top:6px;padding:12px 14px;font-size:16px;display:block}.online-card button{font:600 15px var(--body,"Outfit",sans-serif);background:var(--ink,#254d45);min-height:48px;color:var(--cream,#fff7dc);cursor:pointer;border:0;border-radius:999px;margin:4px 6px 4px 0;padding:10px 18px;box-shadow:0 4px 14px #254d4526}.online-card button:disabled{opacity:.45;cursor:default}:is(.online-card button:focus-visible,.online-card input:focus-visible){outline:3px solid var(--gold,#edc371);outline-offset:2px}.online-card .online-back{color:var(--ink,#254d45);box-shadow:none;background:0 0;border:1.5px solid #254d4540}.online-card details{color:var(--ink-light,#648076);margin:10px 0;font-size:13px}.online-card summary{cursor:pointer;min-height:32px;padding:8px 0}.online-status{color:#a4711d;min-height:20px;font-size:14px;font-weight:600}.online-code strong{font:600 36px var(--display,"Fredoka",sans-serif);letter-spacing:7px;color:var(--teal,#387d76);display:block}.online-roster{padding:0;list-style:none}.online-roster li{border-bottom:1px solid #254d451f;justify-content:space-between;gap:10px;padding:10px 0;font-size:14px;display:flex}.online-actions{flex-wrap:wrap;display:flex}@media (max-height:520px){.online-card{padding:14px 18px}.online-card h2{font-size:22px}.online-card label{margin:8px 0}}.mobile-controls{z-index:30;pointer-events:none;position:absolute;inset:0}.mobile-controls[hidden]{display:none}.mobile-controls button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:#f7fcee;min-width:60px;min-height:60px;font:600 13px var(--display);letter-spacing:.02em;text-shadow:0 1px 3px #0b2328bf;-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 28%,#ffffff4d,#ffffff1a 58%,#ffffff0d 72%),#0f2d306b;border:2px solid #f4fbe8d9;border-radius:50%;padding:0;transition:transform .1s,background .12s,border-color .12s;position:relative;box-shadow:0 0 0 2px #0b232840,0 4px 16px #0b23284d,inset 0 0 18px #ffffff1f}.mobile-controls button:active:not(:disabled),.mobile-controls button.held:not(:disabled){background:radial-gradient(circle at 50% 30%,#b5f3d099,#387d768c);border-color:#fff;transform:scale(.94)}.mobile-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.mobile-controls .ico{filter:drop-shadow(0 1px 2px #0b2328b3);width:24px;height:24px}.mobile-toolbar{right:var(--safe-r);top:var(--safe-t);align-items:center;gap:8px;display:flex;position:absolute}.mobile-controls .mobile-small{width:48px;min-width:48px;height:48px;min-height:48px;font-size:10px}.mobile-controls .mobile-sensor{width:auto;min-width:78px;font:600 11px var(--body);white-space:nowrap;border-radius:24px;padding:0 12px}.mobile-controls .mobile-sensor[aria-pressed=true]{background:#387d76cc}.mobile-steering{--steer:0;bottom:calc(var(--safe-b) + 8px);left:var(--safe-l);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#f7fcee;-webkit-backdrop-filter:blur(6px);background:radial-gradient(at 50% 30%,#ffffff3d,#ffffff0f 70%),#0f2d3061;border:2px solid #f4fbe8d9;border-radius:48px;justify-content:space-between;align-items:center;width:168px;height:96px;padding:0 12px;display:flex;position:absolute;box-shadow:0 0 0 2px #0b232840,0 4px 16px #0b23284d}.mobile-arrow{opacity:.9;place-items:center;width:34px;height:34px;display:grid}.mobile-arrow .ico{stroke-width:2.6px;filter:drop-shadow(0 1px 3px #0b2328cc);width:30px;height:30px}.mobile-arrow.r .ico{transform:scaleX(-1)}.mobile-stick{background:radial-gradient(circle at 40% 30%, #fffdf3, var(--cream) 60%, #e7dfbf);border:3px solid var(--gold);width:56px;height:56px;transform:translateX(calc(var(--steer) * 44px));pointer-events:none;border-radius:50%;transition:transform 50ms linear;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);box-shadow:0 0 0 2px #254d4599,0 4px 10px #0b232859}.mobile-steering.held .mobile-stick{border-color:var(--aurora)}.mobile-steering:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.mobile-actions{right:var(--safe-r);bottom:calc(var(--safe-b) + 8px);grid-template-columns:66px 80px;place-items:end center;gap:10px;display:grid;position:absolute}.mobile-actions .mobile-item{border-color:var(--gold);grid-column:2;width:74px;height:74px;box-shadow:0 0 0 2px #0b232840,0 0 16px #edc37173,inset 0 0 18px #ffffff24}.mobile-item-icon{pointer-events:none;filter:drop-shadow(0 2px 3px #0b232873);width:52px;height:52px;margin:auto;display:block}.mobile-item-icon[hidden],.mobile-item-empty[hidden]{display:none}.mobile-item-empty{font:600 26px var(--display);color:#ffffff8c}.mobile-item-count{background:var(--ink);min-width:30px;height:26px;color:var(--cream);font:600 15px var(--display);text-shadow:none;pointer-events:none;border-radius:13px;place-items:center;padding:0 5px;display:grid;position:absolute;bottom:0;right:0}.mobile-item-count:empty{display:none}.mobile-actions .mobile-item:disabled{border-color:#f4fbe880;box-shadow:0 0 0 2px #0b232833}.mobile-item.spinning .mobile-item-icon{opacity:.7;animation:.16s linear infinite roulette}.mobile-actions [data-hold=drift]{--charge-color:var(--sky);border-color:var(--aurora);grid-area:2/2;width:80px;height:80px;padding-bottom:12px}.mobile-drift-label{font:600 14px var(--display)}.mobile-actions [data-hold=drift][data-level="1"]{border-color:var(--sky);box-shadow:0 0 14px #8fd3ff99}.mobile-actions [data-hold=drift][data-level="2"]{--charge-color:var(--dawn);border-color:var(--dawn);box-shadow:0 0 16px #ffc193b3}.mobile-actions [data-hold=drift][data-level="3"]{--charge-color:var(--comet);border-color:var(--comet);box-shadow:0 0 20px #dbb2f6cc}.mobile-actions [data-hold=drift].boosting{--charge-color:var(--gold);border-color:var(--gold);box-shadow:0 0 16px #edc37199}.mobile-charge{background:#0b232873;border-radius:3px;height:6px;position:absolute;bottom:14px;left:16px;right:16px;overflow:hidden}.mobile-charge>span{background:var(--charge-color);height:100%;transform:scaleX(var(--charge,0));transform-origin:0;display:block}.mobile-charge:after{content:"";background:linear-gradient(90deg,#0000 32%,#0b2328cc 32% 35%,#0000 35% 65%,#0b2328cc 65% 68%,#0000 68%);position:absolute;inset:0}.mobile-actions [data-hold=brake]{border-color:#e98c73e6;grid-area:2/1;width:62px;height:62px}.mobile-brake-label{font:600 11px var(--display)}.mobile-status{left:50%;bottom:calc(var(--safe-b) + 6px);text-align:center;width:max-content;max-width:40%;font:600 11px var(--body);color:var(--cream);text-shadow:0 1px 3px #000000b3;position:absolute;transform:translate(-50%)}.mobile-status:empty{display:none}.mobile-mode #game-canvas{touch-action:none}.mobile-mode .hud-tl{gap:5px}.mobile-mode .hud-pill{padding:4px 12px}.mobile-mode .hud-lap .val{font-size:24px}.mobile-mode .hud-lap .lbl{font-size:13px}.mobile-mode .hud-lap .of,.mobile-mode .hud-timer{font-size:15px}.mobile-mode .hud-coins img{width:24px;height:24px}.mobile-mode .hud-coins .cn{font-size:18px}.mobile-mode .hud-splits,.mobile-mode .hud-standings,.mobile-mode .hud-drift,.mobile-mode .item-slot{display:none}.mobile-mode .hud-item{top:calc(var(--safe-t) + 4px)}.mobile-mode .hud-minimap{width:92px;height:92px;bottom:calc(var(--safe-b) + 116px);border-radius:20px}.mobile-mode .hud-br{bottom:calc(var(--safe-b) + 176px)}.mobile-mode .hud-place{border-width:3px;border-radius:37px;min-width:74px;height:74px;padding:0 10px}.mobile-mode .hud-place .num{font-size:44px}.mobile-mode .hud-place .suf{margin-top:12px;font-size:17px}.mobile-mode .hud-tip{top:calc(var(--safe-t) + 54px);max-width:min(480px,56vw);font-size:14px}.mobile-mode .hud-slip{top:calc(var(--safe-t) + 48px)}.mobile-mode .hud-countdown{top:22%}.mobile-mode .intro-card{bottom:calc(var(--safe-b) + 18px);max-width:min(460px,62vw)}@media (max-height:500px){.screen{padding-top:max(8px, var(--inset-t));padding-bottom:max(8px, var(--inset-b))}.mode-screen,.class-screen,.course-screen,.select-screen,.settings-screen{gap:8px}.menu-head{min-height:48px}.menu-title{font-size:24px}.logo{gap:12px;margin-top:0}.logo-emblem svg{width:64px}.logo-word{font-size:50px}.logo-tag{font-size:14px}.hero-btn{min-width:210px;min-height:58px;bottom:calc(var(--safe-b) + 26px);font-size:24px}.title-foot{font-size:10px}.mode-card{gap:6px;height:min(250px,62vh);min-height:0}.mc-desc{font-size:12.5px}.class-card{gap:6px;height:min(250px,64vh);min-height:0;padding-top:14px}.cup-card{border-radius:24px;gap:6px;padding:10px 12px}.cup-card:before{height:48px}.cup-emblem{width:34px;height:34px}.cup-trk img{border-radius:12px}.cup-trk small{font-size:10px}.medal{height:22px;padding:0 6px;font-size:10px}.medal .ico{width:13px;height:13px}.track-card{border-radius:18px;column-gap:8px;min-height:0;padding:8px}.tc-map{border-radius:12px;width:54px}.tc-name{font-size:14px}.tc-blurb{display:none}.course-foot{gap:10px;min-height:40px}.crumb{padding:6px 12px;font-size:12px}.laps-row .seg{min-height:40px}.select-body{grid-template-columns:minmax(0,1.1fr) minmax(20px,.55fr) minmax(250px,1fr);gap:10px}.char-grid{gap:8px}.char-card{border-radius:18px;gap:4px;padding:6px 4px 8px}.char-portrait{border-radius:14px;width:52px}.char-name{font-size:13px}.char-panel{border-radius:24px;gap:6px;padding:10px 14px}.cp-portrait{border-radius:16px;width:52px}.cp-name{font-size:22px}.cp-title{font-size:12px}.stat{grid-template-columns:84px 1fr;font-size:12px}.stat .bar{height:7px}.swatch{width:26px;height:26px}.cp-scarf{flex-direction:row;align-items:center;gap:8px}.cp-lbl{display:none}.go-btn{min-height:50px;font-size:20px}.settings-body{gap:10px}.set-group{gap:4px;padding:10px 14px}.set-row{min-height:46px}.seg{padding:6px 11px;font-size:13px}.pause-panel{gap:8px;padding:16px 20px}.panel-title{font-size:28px}.pill-btn{min-height:48px;font-size:17px}.res-panel{border-radius:26px;gap:6px;padding:12px 16px}.res-title{font-size:30px}.res-row{grid-template-columns:52px 34px 1fr 88px;padding:2px 12px 2px 4px}.res-row:has(.res-pts){grid-template-columns:52px 34px 1fr 64px}.res-best{display:none}.res-portrait{border-radius:10px;width:30px;height:30px}.res-place{height:28px;font-size:17px;line-height:28px}.res-name,.res-time{font-size:15px}.res-buttons{margin-top:4px}.podium{min-height:150px}.pod-portrait{border-radius:16px;width:52px;height:52px}.pod-col.p1 .pod-portrait{width:62px;height:62px}.pod-col.p1 .pod-block{height:60px}.pod-col.p2 .pod-block{height:44px}.pod-col.p3 .pod-block{height:30px}.pod-block span{font-size:26px}.pod-name{margin-top:4px;font-size:15px}.trophy{transform-origin:100% 0;transform:scale(.75)}}@media (max-height:400px){.mobile-mode .hud-tl{flex-flow:wrap;align-items:center;max-width:46vw}}@media (max-height:360px){.mobile-mode .hud-minimap{width:64px;height:64px}.mobile-mode .hud-lap{line-height:1}.char-portrait{width:44px}.mobile-mode .hud-br{transform-origin:100% 100%;transform:scale(.84)}}@media (orientation:portrait){.card-row{flex-wrap:wrap;align-content:center;overflow-y:auto}.mode-card{width:min(320px,90vw);min-height:0}.class-card{width:calc(50% - 10px);min-height:0}.cup-cards{flex-direction:column;align-items:stretch}.track-cards{grid-template-columns:1fr}.select-body{grid-template-columns:1fr;align-items:start;overflow-y:auto}.select-stage{display:none}.settings-body{grid-template-columns:1fr}.logo{text-align:center;flex-direction:column;margin-top:12vh}.logo-text{align-items:center}.mobile-mode .hud-br{bottom:200px}.mobile-mode .hud-minimap{width:80px;height:80px;bottom:134px}.mobile-status{max-width:48%;bottom:112px}.mobile-actions{grid-template-columns:58px 70px;gap:8px}.mobile-steering{width:140px}}@media (orientation:portrait) and (max-width:440px){.mobile-toolbar{flex-direction:column;align-items:flex-end}}