#splash{--s-ink:#1b1b2f;--s-paper:#fffaf0;--s-sun:#39ff14;--s-coral:#f4f7f5;z-index:100;background:radial-gradient(ellipse at 50% 40%, #2c2c50 0%, var(--s-ink) 70%);color:var(--s-paper);text-align:center;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px 16px;font:italic 600 16px/1.3 Saira,Segoe UI,system-ui,sans-serif;transition:opacity .32s,visibility 0s linear .32s;display:flex;position:fixed;inset:0}#splash.done{opacity:0;visibility:hidden;pointer-events:none}#splash.done .splash-logo{opacity:0;transition:opacity 80ms}#splash .splash-logo{letter-spacing:-.035em;text-transform:uppercase;-webkit-text-stroke:.05em #050607;paint-order:stroke fill;margin-bottom:18px;font-family:Saira,Arial Black,Segoe UI,system-ui,sans-serif;font-style:italic;font-weight:900;font-stretch:125%;line-height:.84}#splash .splash-logo span{display:block}#splash .splash-logo .l1{color:var(--s-sun);text-shadow:0 0 .12em #39ff14bf,0 0 .4em #39ff1466,.05em .06em #050607;font-size:clamp(56px,9.6vw,132px);transform:rotate(-2deg)skew(-6deg)}#splash .splash-logo .l2{color:var(--s-coral);text-shadow:0 0 .3em #39ff144d,.05em .06em #050607;margin:.02em 0 0 .9em;font-size:clamp(50px,8.6vw,118px);transform:rotate(-2deg)skew(-6deg)}#splash .splash-bar{border:4px solid var(--s-ink);width:min(340px,72vw);height:20px;box-shadow:0 0 0 3px #fffaf08c, 0 5px 0 3px var(--s-ink);background:#fffaf029;border-radius:999px;overflow:hidden}#splash .splash-bar>span{border-radius:inherit;background:linear-gradient(180deg, #d9ffcc 0%, var(--s-sun) 55%, #22c40a 100%);transform-origin:0;height:100%;transition:transform .3s ease-out;animation:9s cubic-bezier(.12,.75,.25,1) forwards splash-fill;display:block;transform:scaleX(.04)}@keyframes splash-fill{0%{transform:scaleX(.04)}to{transform:scaleX(.82)}}#splash .splash-label{letter-spacing:.02em;opacity:.9;margin:0;font:italic 700 18px/1.2 Saira,Segoe UI,system-ui,sans-serif}#splash .splash-tip{color:#fffaf0eb;background:#fffaf014;border-radius:16px;max-width:min(560px,92vw);margin:6px 0 0;padding:10px 18px;font:italic 600 16px/1.4 Saira,Segoe UI,system-ui,sans-serif}#splash .splash-tip b{color:var(--s-sun);margin-right:6px;font-weight:800}@media (height<=480px){#splash{gap:12px}#splash .splash-logo{margin-bottom:8px}#splash .splash-logo .l1{font-size:clamp(36px,13vh,84px)}#splash .splash-logo .l2{font-size:clamp(32px,11.5vh,76px)}#splash .splash-tip{padding:6px 14px;font-size:14px}}@media (prefers-reduced-motion:reduce){#splash,#splash .splash-bar>span{transition:none;animation:none}}canvas.game.booting{opacity:0}canvas.game.fade-in{transition:opacity .6s}@media (prefers-reduced-motion:reduce){canvas.game.fade-in{transition:none}}#ui .hud.intro-on>:not(.intro){visibility:hidden}#ui .intro{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}#ui .intro:not([data-phase=off]){display:block}.intro .curtain{background:var(--ink);opacity:1;transition:opacity .52s;position:absolute;inset:0}.intro[data-phase=hold] .curtain{animation:.2s ease-out both curtain-in}@keyframes curtain-in{0%{opacity:0}to{opacity:1}}.intro:not([data-phase=hold]) .curtain{opacity:0}.intro .plate{left:calc(48px + var(--safe-l));bottom:calc(72px + var(--safe-b));max-width:calc(100vw - 96px - var(--safe-l) - var(--safe-r));isolation:isolate;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute}.intro .plate:before{content:"";left:calc(-48px - var(--safe-l) - 8px);z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--track-accent,var(--coral)) 82%, #fff) 0%, var(--track-accent,var(--coral)) 55%, color-mix(in srgb, var(--track-accent,var(--coral)) 80%, #0b0f2e) 100%);transform-origin:0 100%;animation:intro-ribbon .56s var(--out) both;border-radius:0 16px 16px 0;position:absolute;top:30%;bottom:10%;right:-36px;transform:skew(-16deg);box-shadow:0 10px 26px #080a2259,inset 0 3px #ffffff59}.intro .cup-chip{font:italic 800 18px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper);animation:intro-pop .52s 80ms var(--pop) both;border-radius:999px;align-items:center;padding:8px 16px 7px;display:inline-flex;box-shadow:0 6px 16px #080a2252}.intro .cup-chip .emblem{display:none}.intro .cup-chip.with-emblem{padding-left:48px;position:relative}.intro .cup-chip.with-emblem .emblem{width:52px;height:52px;display:block;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(-8deg)}.intro .cup-chip .emblem svg{filter:drop-shadow(0 3px #1b1b2f73);width:100%;height:100%;display:block;overflow:visible}.intro .name{letter-spacing:-.02em;text-shadow:.04em .05em 0 color-mix(in srgb, var(--track-accent,var(--coral)) 45%, #0b0f2e), 0 .08em .24em #080a2259;white-space:nowrap;animation:intro-pop .6s .16s var(--pop) both;font-size:clamp(52px,7.6vw,112px);font-weight:900;font-stretch:118%;line-height:.92}.intro .sub{font:italic 600 20px/1 var(--body);color:var(--paper);animation:intro-pop .52s .3s var(--pop) both;background:#1b1b2fcc;border-radius:999px;padding:9px 16px 8px}.intro .driver{right:calc(36px + var(--safe-r));bottom:calc(40px + var(--safe-b));background:var(--paper);color:var(--ink);animation:intro-in-right .52s .38s var(--pop) both;border-radius:999px;align-items:center;gap:12px;padding:6px 22px 6px 6px;display:flex;position:absolute;box-shadow:0 8px 20px #080a2259}.intro .driver .face{border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 0 0 3px var(--accent,var(--sun));background:#e6e6e6 var(--portrait) 50% 22% / 170% no-repeat;border-radius:50%}.intro .driver .who{font:italic 900 26px/1 var(--display);letter-spacing:-.01em;font-stretch:112%}.intro .skip{left:50%;bottom:calc(18px + var(--safe-b));font:italic 600 14px/1 var(--body);color:var(--paper);white-space:nowrap;background:#1b1b2f8c;border-radius:999px;padding:7px 14px;animation:.42s .9s both intro-fade;position:absolute;transform:translate(-50%)}.intro[data-phase=out] .plate,.intro[data-phase=out] .skip{animation:.38s ease-in both intro-leave}.intro[data-phase=out] .driver{animation:.38s ease-in both intro-leave-right}@keyframes intro-ribbon{0%{transform:skew(-16deg)scaleX(0)}to{transform:skew(-16deg)scaleX(1)}}@keyframes intro-pop{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@keyframes intro-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@keyframes intro-leave{to{opacity:0;transform:translate(-60px)}}@keyframes intro-leave-right{to{opacity:0;transform:translate(60px)}}@media (height<=500px){.intro .plate{left:calc(24px + var(--safe-l));bottom:calc(30px + var(--safe-b));max-width:calc(100vw - 48px - var(--safe-l) - var(--safe-r));gap:7px}.intro .plate:before{left:calc(-24px - var(--safe-l) - 8px);right:-24px}.intro .cup-chip{padding:5px 10px 4px;font-size:12px}.intro .cup-chip.with-emblem{padding-left:32px}.intro .cup-chip.with-emblem .emblem{width:36px;height:36px;left:-8px}.intro .name{font-size:clamp(38px,7.2vw,64px)}.intro .sub{padding:6px 11px 5px;font-size:13px}.intro .driver{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));gap:8px;padding:4px 14px 4px 4px}.intro .driver .face{width:38px;height:38px}.intro .driver .who{font-size:19px}.intro .skip{top:calc(12px + var(--safe-t));font-size:12px;bottom:auto}}@media (width<=720px){.intro .name{white-space:normal}}:root{--t-bar:.24s;--t-bar-stagger:40ms;--t-ghost:.12s;--t-lock-in:.22s}.select-screen>.dim{background:linear-gradient(#1416304d 0%,#0000 15% 80%,#0e1026b8 100%)}.select-stage .heading{font-size:clamp(34px,3.3vw,54px)}.select-body{flex:auto;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);column-gap:clamp(20px,3vw,64px);min-height:0;display:grid;container-type:size}.select-grid{align-self:center;gap:clamp(10px,1.05vw,18px);padding:10px 6px;display:grid}.roster.select-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,146cqh)}.kart-grid.select-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,124cqh)}.kart-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.kart-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.select-side{flex-direction:column;align-items:center;gap:10px;min-width:0;min-height:0;display:flex;position:relative}.hero-box{flex:auto;align-self:stretch;min-height:120px}@media (width>=1400px){.select-stage>*{width:100%;max-width:1760px;margin-inline:auto}}.tile{appearance:none;cursor:pointer;isolation:isolate;min-width:0;color:var(--paper);background:radial-gradient(70% 58% at 50% 34%, color-mix(in srgb, var(--glow,var(--accent,#7fd3ff)) 62%, transparent), transparent 76%), radial-gradient(100% 50% at 50% 106%, color-mix(in srgb, var(--glow,var(--accent,#7fd3ff)) 55%, transparent), transparent 80%), linear-gradient(180deg, #1a204e99, #0c102eb8);transition:transform var(--t-fast) var(--pop), box-shadow var(--t-fast);border:0;border-radius:22px;outline:none;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff6b,inset 0 1.5px #fff9,0 10px 22px #0a0c2452}.tile:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(164deg,#ffffff5c 0%,#ffffff1a 20%,#0000 38%);position:absolute;inset:0}.tile.focused,.tile:focus-visible{z-index:2;box-shadow:inset 0 0 0 3px #fff, 0 0 0 5px var(--sun), 0 0 0 9px var(--ink), 0 0 38px 12px #39ff149e, 0 18px 26px #0a0c246b;transform:translateY(-6px)scale(1.06)}.tile.focused:before{content:"";z-index:4;pointer-events:none;width:42%;animation:tile-sheen .7s var(--out) 40ms both;background:linear-gradient(100deg,#0000,#ffffff80,#0000);position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-130%)skew(-16deg)}@keyframes tile-sheen{to{transform:translate(300%)skew(-16deg)}}.tile.dressed:not(.focused){box-shadow:inset 0 0 0 3px #fff, 0 0 0 4px var(--sun), 0 10px 22px #0a0c244d}.racer-tile{aspect-ratio:4/5}.tile-art{z-index:1;object-fit:contain;object-position:50% 100%;transform-origin:50% 62%;width:100%;height:100%;transition:transform var(--t-med) var(--out);pointer-events:none;-webkit-user-drag:none;position:absolute;inset:0}.tile.focused .tile-art{transform:scale(1.05)}.tile-letter{font:italic 900 clamp(40px, 5vw, 72px)/1 var(--display);color:#fff6;place-items:center;font-stretch:118%;display:grid;position:absolute;inset:0}.racer-tile:has(>.tile-art)>.tile-letter{display:none}.kart-tile{--accent:var(--kart-a);aspect-ratio:16/9}.kc-art{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:7% 5% 5%}.kc-art .kart-svg{width:84%;height:auto;max-height:100%;display:block;overflow:visible}.kc-art:has(>img.art)>.kart-svg{display:none}.kc-art img.art{object-fit:contain;filter:drop-shadow(0 7px 5px #00000052);transform-origin:50% 70%;width:100%;height:100%;transition:transform var(--t-med) var(--out);-webkit-user-drag:none;position:absolute;inset:0}.kart-tile.focused .kc-art img.art{transform:scale(1.04)}.kart-tile.locked .kc-art img.art,.kart-tile.locked .kc-art .kart-svg{filter:brightness(0)opacity(.42)}.kart-tile.locked{--accent:#9a97a8}.kc-lock{z-index:2;aspect-ratio:1;filter:drop-shadow(0 2px #ffffffe6);width:clamp(24px,17%,44px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.kc-lock svg,.kc-hint .lk svg{width:100%;height:100%;display:block}.kc-hint{z-index:3;font:italic 700 clamp(11px, .85vw, 14px)/1.15 var(--body);color:#fff;text-align:center;text-shadow:var(--lift);position:absolute;bottom:7px;left:8px;right:8px}.kc-hint .lk{display:none}.kc-chosen{z-index:4;border:3px solid var(--ink);background:var(--coral);color:#fff;width:28px;height:28px;font:800 15px/1 var(--body);box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.kc-stamp{z-index:5;background:var(--coral);color:#fff;font:italic 900 19px/1 var(--display);white-space:nowrap;text-shadow:0 1px 2px #080a2266;opacity:0;pointer-events:none;border-radius:10px;padding:5px 12px 7px;font-stretch:112%;position:absolute;top:26%;left:50%;transform:translate(-50%)rotate(-8deg)scale(.3);box-shadow:inset 0 0 0 2px #ffffff80,0 6px 14px #080a2266}.kart-screen.on .kart-tile.locked-in,.roster-screen.on .racer-tile.locked-in{animation:lock-pulse var(--t-lock-in) var(--pop)}.kart-tile.locked-in .kc-stamp{opacity:1;transition:transform .18s var(--pop), opacity 80ms linear;transform:translate(-50%)rotate(-8deg)scale(1)}@keyframes lock-pulse{40%{transform:scale(1.04)}}.kart-screen.on .kart-tile.refused{animation:.32s ease-in-out refuse-shake}@keyframes refuse-shake{25%{transform:translate(-4px)}55%{transform:translate(3px)}80%{transform:translate(-1px)}}.nameplate{z-index:1;flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex;position:relative}.nameplate .np-name{isolation:isolate;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;text-shadow:.045em .05em 0 color-mix(in srgb, var(--ribbon,var(--coral)) 45%, #0b0f2e), 0 .08em .24em #080a2259;padding:0 .28em;font-size:clamp(48px,4.8vw,84px);font-weight:900;font-stretch:125%;line-height:1.02;position:relative}.np-name:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--ribbon,var(--coral)) 82%, #fff) 0%, var(--ribbon,var(--coral)) 55%, color-mix(in srgb, var(--ribbon,var(--coral)) 80%, #0b0f2e) 100%);border-radius:.1em;position:absolute;inset:22% -.2em 4%;transform:skew(-16deg);box-shadow:0 .12em .3em #080a2259,inset 0 .035em #fff6}.np-sub{max-width:100%;font:italic 600 clamp(15px, 1.15vw, 19px)/1.1 var(--body);color:var(--paper);background:#1b1b2fd6;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 7px;display:inline-flex}.np-sub:has(>.np-text:empty){display:none}.np-lock{flex:none;width:1.25em;height:1.25em;display:none}.np-lock svg{width:100%;height:100%;display:block}.nameplate.locked .np-lock{display:block}.select-screen.on .nameplate.swap{animation:np-swap .28s var(--pop)}@keyframes np-swap{0%{opacity:.3;transform:translateY(6px)}}.np-name:after{content:"";z-index:-1;background:var(--sun);opacity:0;pointer-events:none;border-radius:.1em;position:absolute;inset:22% -.2em 4%;transform:skew(-16deg)}.select-side.locked-in .np-name:after{animation:np-flash var(--t-lock-in) ease-out}@keyframes np-flash{35%{opacity:1}}.select-side .garage{justify-content:center}.roster-screen .select-side>.garage{align-content:flex-start;min-height:96px}.roster-screen .select-side>.garage[hidden]{visibility:hidden;display:flex}.select-side .btn.pick{color:#fff;background:linear-gradient(#1e224adb,#10122ce0);border:0;padding:6px 12px 6px 18px;box-shadow:inset 0 0 0 2px #ffffff6b,0 10px 22px #080a1e4d}.select-side .btn.pick .label{text-shadow:var(--lift);font-size:22px}.select-side .btn.pick .arrow{color:#fff}.select-side .opt .nm{color:#ffffffd9}.select-side .opt .sw{border-color:#ffffffe6}.select-side .opt.on{box-shadow:none;background:#ffffff24;border-color:#fff}.select-side .opt.on .nm{color:#fff}.select-side .btn.pick.focused,.select-side .btn.pick:focus-visible{box-shadow:inset 0 0 0 3px #fff, 0 0 0 4px var(--sun), 0 0 0 7px var(--ink), 0 0 28px 8px #39ff1480;background:linear-gradient(#282e60eb,#161a3ceb);transform:translateY(-3px)scale(1.05)}.select-side .pick-wrap{align-items:center}.select-side .pick-hint{text-align:center;background:#0e10269e;border-radius:999px;padding:4px 12px 5px}.stat-panel{--bar-solid:var(--sun);--chev-up:#7cf29c;--chev-down:#ff8c80;color:#fff;background:linear-gradient(#1e224ae0,#10122ce6);border-radius:20px;gap:9px;padding:14px 20px 16px;display:grid;box-shadow:inset 0 0 0 2px #ffffff6b,0 16px 34px #080a1e6b}.stat-panel[hidden]{display:none}.select-side .stat-panel{z-index:2;width:min(100%,500px);position:absolute;top:0;right:0}.hero-box{transition:transform var(--t-med) var(--out);transform-origin:50% 100%}.select-side.stats-on .hero-box{transform:translateY(4%)scale(.8)}.select-screen.on .stat-panel:not([hidden]){animation:stats-in .24s var(--out)}@keyframes stats-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}}.sp-title{font:italic 800 clamp(19px, 1.5vw, 24px)/1.1 var(--display);letter-spacing:-.01em;text-shadow:var(--lift);font-stretch:110%}.sp-row{grid-template-columns:6.4em minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.sp-label{font:italic 600 16px/1 var(--body)}.sp-track{background:#ffffff24;border-radius:5px;height:15px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0006}.sp-track:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 3px),#12142ef2 calc(20% - 3px) 20%);position:absolute;inset:0}.sp-track>i{transform-origin:0;transform:scaleX(var(--x,0));transition:transform var(--t-bar) var(--out) calc(var(--i,0) * var(--t-bar-stagger)), opacity var(--t-ghost) ease;will-change:transform;position:absolute;inset:0}.sp-fill{background:linear-gradient(180deg, #fff2a8 0%, var(--bar-solid) 48%, #f2a81c 100%)}.sp-gain{opacity:0;background:linear-gradient(#fff,#fff1b8)}.sp-loss{background:repeating-linear-gradient(-45deg, var(--coral) 0 4px, #ffc2ba 4px 8px);opacity:0}.sp-row[data-ghost=gain] .sp-gain,.sp-row[data-ghost=loss] .sp-loss{opacity:1}.sp-chev{align-items:center;gap:1px;height:15px;display:flex}.sp-chev .chev-svg{width:14px;height:11px;color:var(--chev-up);filter:drop-shadow(0 1.5px #0006);flex:none;display:block}.sp-chev[data-dir=down] .chev-svg{color:var(--chev-down);transform:rotate(180deg)}.sp-chev[data-n="0"] .chev-svg,.sp-chev[data-n="1"] .chev-svg:nth-child(n+2),.sp-chev[data-n="2"] .chev-svg:nth-child(3){display:none}:root[data-reduced-motion=on] .sp-track>i{transition-delay:0s!important}.select-stage .prompts{flex:none;justify-content:flex-end;align-items:center;gap:8px 22px;margin-top:0}.prompts .prompt{font:italic 600 16px/1 var(--body);color:var(--paper);text-shadow:var(--lift);align-items:center;display:inline-flex}.select-stage .prompts kbd{text-shadow:none;letter-spacing:.04em;font-weight:600}.prompts .prompt-btn{appearance:none;cursor:pointer;transition:background var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast) var(--pop);background:#1b1b2f99;border:0;border-radius:999px;outline:none;padding:5px 16px 5px 6px;box-shadow:inset 0 0 0 2px #fff6}.prompts .prompt-btn:hover,.prompts .prompt-btn.focused,.prompts .prompt-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--sun);background:#1b1b2fd9;transform:translateY(-1px)}.prompts .prompt-btn[aria-pressed=true]{background:var(--sun);color:var(--ink);text-shadow:none;box-shadow:inset 0 0 0 2px var(--ink)}.prompts .prompt-btn .label{font:inherit}.kart-who{color:#fff;font:italic 800 20px/1 var(--display);text-shadow:var(--lift);background:#1b1b2f9e;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:4px 14px 4px 5px;font-stretch:110%;display:none;box-shadow:inset 0 0 0 1.5px #ffffff4d}.kart-who .face-ic{--face:30px;border-width:2px;border-color:var(--ink);box-shadow:none}@media (height<=800px){.roster-screen .select-side>.garage{min-height:66px}.select-grid{padding:8px 6px}.tile.focused,.tile:focus-visible{transform:translateY(-3px)scale(1.05)}.nameplate .np-name{font-size:clamp(44px,4.2vw,66px)}.stat-panel{gap:6px;padding:10px 16px 12px}.sp-track{height:12px}.sp-label{font-size:14px}}@media (width<=1099px),(height<=619px){.roster-screen .select-side>.garage{min-height:0}.roster-screen .select-side>.garage[hidden]{display:none}.select-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);row-gap:10px;container-type:normal}.roster.select-grid,.kart-grid.select-grid{justify-self:center;width:100%;max-width:760px}.kart-grid.select-grid.cols-5{max-width:980px}.hero-box{display:none}.kart-who{display:inline-flex}.select-side{flex-flow:wrap;justify-content:center;align-items:center;gap:10px 26px}.select-side .stat-panel{order:3;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;width:100%;max-width:760px;padding:8px 16px 10px;position:static}.sp-title{grid-column:1/-1;font-size:17px}.sp-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px}.sp-label{grid-column:1;font-size:12px}.sp-chev{grid-area:1/2;justify-self:end;height:12px}.sp-chev .chev-svg{width:11px;height:9px}.sp-track{grid-column:1/-1;height:11px}.nameplate .np-name{font-size:clamp(30px,4.4vw,44px)}}@media (width<=720px) and (height>=501px){.roster.select-grid,.kart-grid.select-grid,.kart-grid.select-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.select-side .stat-panel{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.select-body{flex:none}}@media (height<=500px){.select-stage .heading{font-size:28px}.select-grid{gap:6px;padding:6px 4px}.roster.select-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-width:none}.kart-grid.select-grid{max-width:none}.tile{border-radius:12px}.tile.focused,.tile:focus-visible{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--sun), 0 0 0 5px var(--ink), 0 0 14px 4px #39ff148c;transform:scale(1.05)}.kc-hint{font-size:9.5px;bottom:3px;left:3px;right:3px}.kc-chosen{width:18px;height:18px;box-shadow:0 2px 0 var(--ink);border-width:2px;font-size:10px;top:4px;right:4px}.kc-stamp{padding:3px 7px 4px;font-size:13px;top:18%}.nameplate .np-name{font-size:26px}.nameplate{flex-direction:row;gap:14px}.np-sub{padding:5px 11px;font-size:13px}.select-side{gap:6px 18px}.select-side .stat-panel{border-radius:14px;column-gap:12px;padding:5px 12px 7px}.sp-title{display:none}.sp-label{font-size:10.5px}.sp-track{height:8px}.prompts .prompt{font-size:13px}.prompts .prompt-btn{padding:3px 12px 3px 4px}.select-stage .prompts .hint kbd,.prompts kbd{padding:3px 6px;font-size:11px}}@media (pointer:coarse){.select-stage .prompts{display:flex}.prompts .prompt:not(.prompt-btn),.prompts .prompt-btn kbd{display:none}.prompts .prompt-btn{padding:7px 18px}}.band{appearance:none;isolation:isolate;width:100%;min-width:0;height:var(--band-h,64px);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--pop);background:0 0;border:0;outline:none;align-items:center;gap:16px;margin:0;padding:0 30px 0 10px;display:flex;position:relative}.band>.glass{z-index:-1;transition:box-shadow var(--t-fast), background var(--t-fast);background:linear-gradient(#ffffff12 0%,#ffffff05 48%,#0000 50%),linear-gradient(90deg,#0c0e10d6,#080a0c9e 72%,#080a0c57);border-radius:14px;position:absolute;inset:0;overflow:hidden;transform:skew(-14deg);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 22px #00000059}.band>.icon{width:calc(var(--band-h,64px) + 8px);height:calc(var(--band-h,64px) + 8px);transition:transform var(--t-fast) var(--pop);background:radial-gradient(circle at 50% 40%,#1a1d21 0%,#050607 100%);border-radius:50%;flex:none;place-items:center;margin:-4px 0 -4px -6px;display:grid;box-shadow:0 0 0 1.5px #39ff148c,0 4px 12px #00000080}.band>.icon svg{width:70%;height:70%;display:block;overflow:visible}.band>.label{min-width:0;font:italic 800 calc(var(--band-font,32px) * .94)/1 var(--display);letter-spacing:-.015em;white-space:nowrap;text-shadow:var(--lift);transition:color var(--t-fast);font-stretch:116%}.band>.sub{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.band>.badge{background:var(--paper);color:var(--ink);font:italic 800 14px/1 var(--body);border-radius:999px;margin-left:auto;padding:5px 11px}.band.focused,.band:focus-visible{z-index:2;transform:translate(14px)scale(1.04)}.band.focused>.glass,.band:focus-visible>.glass{box-shadow:inset 0 0 0 1.5px var(--sun), 0 0 22px 4px #39ff1466, 0 16px 24px #00000073;background:linear-gradient(#39ff141a 0%,#39ff1408 48%,#0000 50%),linear-gradient(90deg,#0a0e0af2,#080a08db 72%,#080a089e)}.band.focused>.label,.band:focus-visible>.label{color:var(--sun)}.band.focused>.icon{box-shadow:0 0 0 2px var(--sun), 0 0 16px 3px #39ff1473;transform:scale(1.06)}.band.focused>.glass:after{content:"";width:30%;animation:band-sheen .64s var(--out) 40ms both;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)}@keyframes band-sheen{to{transform:translate(420%)}}.band:active{transform:translate(10px)scale(.98)}.band[aria-disabled=true]{cursor:not-allowed}.band[aria-disabled=true]>:not(.badge){opacity:.5;filter:grayscale(.7)}.title .dim{background:linear-gradient(90deg,#0e102699 0%,#0e102652 30%,#0000 55%),linear-gradient(#0000 72%,#0e10265c)}.title .stage{justify-content:safe center;align-items:flex-start;gap:0}.logo{isolation:isolate;text-align:left;letter-spacing:-.035em;text-transform:uppercase;animation:drop-in .9s var(--pop) both;margin:0 0 clamp(14px,3vh,34px) 4px;line-height:.84;position:relative}.logo:before{content:"";z-index:-1;box-shadow:inset 0 0 0 1.5px #39ff148c, inset 0 -4px 0 0 var(--sun), 0 0 26px #39ff1447, 0 12px 30px #00000080;background:linear-gradient(#121416f0,#040506f7);border-radius:14px;position:absolute;inset:16% -5% 0% -3%;transform:rotate(-2deg)skew(-12deg)}.logo .l1,.logo .l2{-webkit-text-stroke:.015em var(--keyline);paint-order:stroke fill;transform-origin:0 100%;font-weight:900;font-stretch:125%;display:block;position:relative;transform:rotate(-2deg)skew(-6deg)}.logo .l1{color:var(--sun);text-shadow:0 0 .12em #39ff14bf, 0 0 .4em #39ff1466, .05em .06em 0 var(--keyline);font-size:clamp(56px,7.4vw,118px)}.logo .l2{color:#f4f7f5;text-shadow:0 0 .3em #39ff144d, .05em .06em 0 var(--keyline);margin:.02em 0 0 .9em;font-size:clamp(50px,6.6vw,106px)}.title .menu{--band-h:70px;--band-font:36px;flex-direction:column;gap:12px;width:min(530px,42vw);padding-left:14px;display:flex}.title .press{font:italic 700 17px/1 var(--body);letter-spacing:.02em;color:var(--paper);background:#0e10268f;border-radius:999px;margin:18px 0 0 24px;padding:7px 16px 8px;animation:1.6s ease-in-out infinite pulse;box-shadow:inset 0 0 0 1.5px #ffffff57}.title.start>.dim{background:linear-gradient(#0e10264d 0%,#0000 34% 70%,#0e102675 100%)}.title.start .stage{padding-top:calc(clamp(20px, 6vh, 64px) + var(--safe-t));justify-content:flex-start;align-items:center}.title.start .logo-box{transform-origin:50% 0;transform:scale(1.4)}.start-prompt{appearance:none;left:0;right:0;bottom:calc(clamp(24px, 8vh, 84px) + var(--safe-b));color:#fff;width:fit-content;font:italic 700 clamp(26px, 2.4vw, 40px)/1 var(--display);letter-spacing:.01em;text-shadow:var(--lift), 0 0 26px #080a2280;cursor:pointer;background:0 0;border:0;outline:none;margin:0 auto;padding:6px 18px;font-stretch:118%;animation:1.8s ease-in-out infinite start-pulse;position:absolute}.start-prompt.focused,.start-prompt:focus-visible{text-shadow:var(--lift), 0 0 26px #39ff148c}@keyframes start-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.68;transform:scale(1.015)}}.start-prompt>span{display:none}.start-prompt>.only-keys{display:inline}:root[data-input=pad] .start-prompt>.only-keys{display:none}:root[data-input=pad] .start-prompt>.only-pad{display:inline}@media (pointer:coarse){:root:not([data-input=pad]) .start-prompt>.only-keys{display:none}:root:not([data-input=pad]) .start-prompt>.tap{display:inline}}.title.woke .logo{animation:none}#ui .title.woke .menu>.band.enter{animation:band-in .34s var(--out) backwards;animation-delay:var(--delay,0s)}@keyframes band-in{0%{opacity:0;transform:translate(-90px)}}.title.woke>.dim{animation:.42s backwards x-fade-in}.title.woke .press{animation:.26s .46s backwards x-fade-in,1.6s ease-in-out .72s infinite pulse}.menu-screen>.dim{background:radial-gradient(80% 75% at 58% 46%,#0000 55%,#0e102657 100%),linear-gradient(#1416304d 0%,#0000 15% 80%,#0e1026b8 100%)}.menu-body{flex:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(20px,3vw,64px);min-height:0;display:grid}.modes.bands{--band-h:clamp(56px, 8.6vh, 82px);--band-font:clamp(28px, 2.5vw, 42px);flex-direction:column;align-self:center;gap:clamp(10px,1.7vh,20px);width:min(100%,580px);padding:10px 0 10px 16px;display:flex}.menu-side{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;min-height:0;display:flex;position:relative}.menu-side .hero-box{flex:auto;align-self:stretch;min-height:120px;display:block}.menu-side .mode-say{text-align:right;max-width:100%;min-height:1.1em;padding-right:10px;font-size:clamp(24px,2.2vw,36px);font-weight:700;line-height:1.1}.select-screen.on .mode-say.swap{animation:say-in .26s var(--out)}@keyframes say-in{0%{opacity:0;transform:translate(28px)}}.frame{isolation:isolate;aspect-ratio:16/9;background:linear-gradient(160deg, var(--bg,#56b4e9) 0 58%, var(--accent,#7bc950) 58%);transition:box-shadow var(--t-fast);border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff73,0 10px 24px #0a0c2457}.frame>.shot-art{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform var(--t-med) var(--out);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.frame:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(164deg,#ffffff42 0%,#ffffff0f 22%,#0000 40%);position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff80,inset 0 2px #ffffff8c}.frame>.soon-tag{font:italic 900 22px/1 var(--display);color:var(--paper);text-shadow:var(--lift);letter-spacing:.04em;place-items:center;font-stretch:112%;display:grid;position:absolute;inset:0}.shot.soon .frame{filter:grayscale(.85)brightness(.8)}.menu-stage .ribbon{isolation:isolate;letter-spacing:-.02em;white-space:nowrap;text-shadow:.045em .05em 0 color-mix(in srgb, var(--ribbon,var(--coral)) 45%, #0b0f2e), 0 .08em .24em #080a2259;align-self:flex-start;margin:0 0 0 30px;padding:0 8px;font-size:clamp(34px,3vw,54px);font-weight:900;font-stretch:118%;line-height:1.05;position:relative}.menu-stage .ribbon:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--ribbon,var(--coral)) 82%, #fff) 0%, var(--ribbon,var(--coral)) 55%, color-mix(in srgb, var(--ribbon,var(--coral)) 80%, #0b0f2e) 100%);border-radius:.12em;position:absolute;inset:36% -28px 4%;transform:skew(-16deg);box-shadow:0 .1em .26em #080a2259,inset 0 .04em #fff6}[data-cup=sunrise]{--ribbon:#ff9a3c;--glow:#ffb347}[data-cup=summit]{--ribbon:#4aa8e8;--glow:#7cc6f6}[data-cup=coastline]{--ribbon:#22b8a8;--glow:#43d8c8}[data-cup=peaks]{--ribbon:#8672f0;--glow:#a998ff}.cup-body{flex-direction:column;flex:auto;gap:clamp(10px,1.8vh,20px);min-height:0;display:flex}.cup-show{flex:auto;min-height:0;position:relative;container-type:size}.cup-preview{flex-direction:column;justify-content:center;gap:clamp(10px,1.6vh,18px);display:flex;position:absolute;inset:0}.cup-preview[hidden]{display:none}.cup-preview .shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,28px);width:min(100%,533cqh - 636.9px);display:grid}.shot{flex-direction:column;gap:8px;min-width:0;display:flex}.shot-name{font:italic 800 clamp(20px, 1.7vw, 28px)/1.1 var(--display);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--lift-strong);padding-left:6px;font-stretch:110%;overflow:hidden}.select-screen.on .cup-preview:not([hidden]) .ribbon{animation:np-swap .28s var(--pop)}.select-screen.on .cup-preview:not([hidden]) .shot{animation:shot-in .32s var(--out) backwards;animation-delay:calc(var(--i,0) * 50ms)}@keyframes shot-in{0%{opacity:0;transform:translate(34px)scale(.96)}}.cups{flex-wrap:wrap;gap:clamp(12px,1.4vw,22px);padding:6px 4px;display:flex}.cup-tile{text-align:left;width:auto;min-width:clamp(250px,21vw,340px);padding:10px 24px 10px 14px;transform:skew(-8deg)}.cup-tile>*{transform:skew(8deg)}.cup-tile.focused,.cup-tile:focus-visible{transform:translateY(-6px)scale(1.06)skew(-8deg)}.cup-tile .cup-head{z-index:1;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;display:grid;position:relative}.cup-tile .emblem{grid-row:1/span 2;width:64px;height:64px;display:block}.cup-tile .emblem svg{filter:drop-shadow(0 3px #0000004d);width:100%;height:100%;transition:transform var(--t-fast) var(--pop);display:block;overflow:visible}.cup-tile.focused .emblem svg{transform:scale(1.06)}.cup-tile .label{max-width:100%;font:italic 800 clamp(22px, 1.7vw, 28px)/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--lift);place-self:end start;font-stretch:110%;overflow:hidden}.cup-tile .cup-head:not(:has(.badge)) .label{grid-row:1/span 2;align-self:center}.cup-tile .badge{font:italic 800 14px/1 var(--body);color:var(--ink);background:var(--paper);border-radius:999px;place-self:start;padding:4px 10px}.cup-tile .badge.star-badge{background:0 0;gap:1px;padding:0;display:flex}.cup-tile .star-badge .star-svg{filter:drop-shadow(0 2px #0000004d);width:26px;height:26px;display:block}.cup-tile .sub{z-index:1;font:italic 600 13px/1.2 var(--body);opacity:.85;margin-top:4px;display:block;position:relative}.cup-tile[aria-disabled=true]{cursor:not-allowed}.cup-tile[aria-disabled=true] .cup-head{opacity:.55;filter:grayscale(.7)}.track-body{flex-direction:column;flex:auto;gap:clamp(10px,1.8vh,20px);min-height:0;display:flex}.track-groups{flex:auto;min-height:0;container-type:size}.track-rows{height:100%;width:min(100%, calc((100cqh / var(--rows,2) - 104px) * 5.33 + 48px));flex-direction:column;justify-content:center;gap:clamp(8px,2vh,24px);display:flex}.track-group{flex-direction:column;gap:16px;min-height:0;display:flex}.track-group .ribbon{margin-left:24px;font-size:clamp(24px,2vw,34px)}.track-group .ribbon:before{left:-22px;right:-22px}.track-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.track-card{appearance:none;color:#fff;min-width:0;font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--pop);background:0 0;border:0;outline:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex;position:relative}.track-card .words{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;padding-left:6px;display:flex}.track-card .label{font:italic 800 clamp(20px, 1.7vw, 28px)/1.1 var(--display);white-space:nowrap;text-shadow:var(--lift-strong);transition:color var(--t-fast);font-stretch:110%}.track-card .biome{font:italic 600 14px/1 var(--body);color:#fff;text-shadow:var(--lift-strong)}.track-card .sub{font:italic 700 13px/1 var(--body);color:var(--paper);background:#0e1026b8;border-radius:999px;padding:4px 10px}.frame>.medal-badge{z-index:3;filter:drop-shadow(0 3px #1b1b2f8c);width:44px;position:absolute;top:8px;right:10px;transform:rotate(8deg)}.frame>.medal-badge svg{width:100%;height:auto;display:block}.screen.on .track-card .medal-badge{animation:medal-stick .52s var(--pop) backwards;animation-delay:calc(var(--delay,0s) + .26s)}@keyframes medal-stick{0%{opacity:0;transform:rotate(-30deg)scale(.3)}}.track-card.focused,.track-card:focus-visible{z-index:2;transform:translateY(-5px)}.track-card.focused>.frame,.track-card:focus-visible>.frame{box-shadow:inset 0 0 0 3px #fff, 0 0 0 5px var(--sun), 0 0 0 9px var(--ink), 0 0 38px 12px #39ff148c, 0 18px 26px #0a0c246b}.track-card.focused .shot-art{transform:scale(1.07)}.track-card.focused .label{color:var(--sun)}.track-card.focused>.frame:before{content:"";z-index:3;width:36%;animation:tile-sheen .7s var(--out) 40ms both;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff6b,#0000);position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-130%)skew(-16deg)}.track-card:active{transform:translateY(-1px)scale(.98)}.classes{flex-wrap:wrap;gap:12px;padding:4px;display:flex}.classes .pill{appearance:none;color:#fff;font:inherit;cursor:pointer;transition:transform var(--t-fast) var(--pop), box-shadow var(--t-fast), background var(--t-fast);background:linear-gradient(#1e224ad6,#10122ce0);border:0;border-radius:999px;outline:none;align-items:center;gap:10px;margin:0;padding:9px 18px 9px 22px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff6b,0 8px 18px #080a1e4d}.classes .pill .label{font:italic 800 24px/1 var(--display);letter-spacing:-.01em;text-shadow:var(--lift);font-stretch:110%}.classes .pill .sub{font:italic 600 15px/1 var(--body);opacity:.88}.classes .pill .badge{background:var(--ink);min-width:24px;height:24px;color:var(--sun);font:italic 800 12px/1 var(--body);border-radius:999px;place-items:center;padding:0 6px;display:grid}.classes .pill[aria-pressed=true]{color:var(--ink);background:linear-gradient(180deg, #d9ffcc 0%, var(--sun) 50%, #22c40a 100%);box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 3px #ffffff80, 0 8px 18px #080a1e4d}.classes .pill[aria-pressed=true] .label{color:var(--ink);text-shadow:none}.classes .pill.focused,.classes .pill:focus-visible{box-shadow:inset 0 0 0 3px #fff, 0 0 0 4px var(--sun), 0 0 0 7px var(--ink), 0 0 28px 8px #39ff1480;transform:translateY(-3px)scale(1.06)skew(-10deg)}.classes .pill:active{transform:translateY(1px)scale(.98)skew(-10deg)}.classes .pill{transform:skew(-10deg)}.classes .pill>*{transform:skew(10deg)}@media (height<=800px){.logo .l1{font-size:min(7.4vw,12.2vh)}.logo .l2{font-size:min(6.6vw,11vh)}.title .menu{--band-h:min(64px, 8.4vh);--band-font:32px;gap:10px}.title .press{margin-top:12px}.cup-tile{padding:8px 16px 8px 10px}.cup-tile .emblem{width:54px;height:54px}.classes .pill{padding:7px 16px 7px 18px}.classes .pill .label{font-size:21px}.classes .pill .sub{font-size:14px}}@media (width<=720px) and (height>=501px){.menu-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.menu-side .hero-box{display:none}.menu-side{align-items:center}.modes.bands{justify-self:center}.title .menu{width:min(470px,86vw)}}@media (height<=500px){.logo{margin-bottom:14px}.logo .l1,.logo .l2{display:inline-block}.logo .l1{font-size:min(6vw,11.5vh)}.logo .l2{margin:0 0 0 .3em;font-size:min(5.4vw,10.5vh)}.logo:before{border-radius:10px;inset:12% -3% 6% -2%}.title .menu{--band-h:42px;--band-font:23px;gap:6px;width:min(390px,48vw);padding-left:10px}.title .press{margin:8px 0 0 16px;padding:5px 12px 6px;font-size:14px}.band{gap:12px;padding-right:20px}.band>.glass{border-radius:10px}.band>.icon{box-shadow:0 0 0 1px #39ff148c,0 3px 8px #00000080}.band.focused,.band:focus-visible{transform:translate(8px)scale(1.03)}.band.focused>.glass,.band:focus-visible>.glass{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--sun), 0 0 0 5px var(--ink), 0 0 16px 4px #39ff1480}.modes.bands{--band-h:42px;--band-font:22px;gap:6px;padding:4px 0 4px 10px}.menu-side .mode-say{font-size:18px}.menu-stage .ribbon{margin-left:18px;font-size:24px}.menu-stage .ribbon:before{left:-16px;right:-16px}.cup-preview{gap:6px}.cup-preview .shots{gap:10px;width:min(100%,600cqh - 220px)}.frame{aspect-ratio:2;border-radius:12px}.shot{gap:0;position:relative}.shot-name,.track-card .words{z-index:3;padding:0;position:absolute;bottom:5px;left:6px;right:6px}.shot-name,.track-card .label{font-size:15px}.track-card .biome{display:none}.track-card .sub{padding:2px 7px;font-size:10.5px}.track-rows{width:min(100%, calc((100cqh / var(--rows,2) - 10px) * 6 + 150px));gap:8px}.track-group{flex-direction:row;align-items:center;gap:8px}.track-group .ribbon{flex:none;width:6.4em;margin-left:12px;font-size:15px}.track-group .ribbon:before{left:-10px;right:-2px}.track-cards{flex:auto;gap:8px;min-width:0}.frame>.medal-badge{width:26px;top:4px;right:6px}.track-card.focused>.frame,.track-card:focus-visible>.frame{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--sun), 0 0 0 5px var(--ink), 0 0 14px 4px #39ff148c}.track-card.focused,.track-card:focus-visible{transform:translateY(-2px)}.cups{gap:8px;padding:2px}.cup-tile{border-radius:12px;width:auto;min-width:200px;padding:5px 14px 5px 8px}.cup-tile .emblem{width:38px;height:38px}.cup-tile .label{font-size:18px}.cup-tile .star-badge .star-svg{width:18px;height:18px}.cup-tile .cup-head{gap:2px 8px}.classes{gap:8px;padding:2px}.classes .pill{gap:6px;padding:4px 12px 4px 14px}.classes .pill .label{font-size:17px}.classes .pill .sub{font-size:12px}.classes .pill .badge{min-width:18px;height:18px;font-size:10px}.classes .pill.focused,.classes .pill:focus-visible{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--sun), 0 0 0 5px var(--ink), 0 0 14px 4px #39ff1480}}#ui .podium{pointer-events:none}.podium .podium-top{top:calc(18px + var(--safe-t));text-align:center;width:min(94vw,1180px);transition:opacity .36s ease, transform .36s var(--out);position:absolute;left:50%;transform:translate(-50%)}.podium.hero .podium-top{opacity:0;transform:translate(-50%)translateY(-24px)}.podium-head{--face:linear-gradient(180deg, #ffeba5 0%, #ffd84a 38%);--side:#d9480f;font:italic 900 clamp(46px, 6.4vw, 96px)/1.12 var(--display);letter-spacing:-.02em;margin:0;font-stretch:125%}.podium.on .podium-head .ch{animation:.42s backwards ch-dash;animation-delay:calc(.26s + var(--i) * 32ms)}.podium-meta{animation:pop-in var(--t-slow) var(--pop) .9s backwards;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.podium-sub{color:#fff;font:italic 600 18px/1.2 var(--body);background:linear-gradient(#22285edb,#10122ee6);border-radius:999px;padding:7px 18px;display:inline-block;box-shadow:inset 0 0 0 1.5px #ffffff5c}.podium .podium-stars{gap:4px;margin:0}.podium .podium-stars .star{width:38px;height:38px;filter:drop-shadow(0 3px 0 var(--ink))}.podium .podium-bar{left:50%;bottom:calc(22px + var(--safe-b));width:max-content;max-width:calc(100vw - 32px - var(--safe-l) - var(--safe-r));pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px 16px;display:flex;position:absolute;transform:translate(-50%)}.podium-places{align-items:flex-end;gap:12px;margin:0;padding:0;list-style:none;display:flex}.podium-place{--face:36px;grid-template-columns:auto var(--face) auto;color:#fff;font:600 19px/1 var(--body);white-space:nowrap;animation:pop-in var(--t-slow) var(--pop) backwards;background:linear-gradient(#ffffff26 0%,#ffffff0a 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#1e2458eb,#14183edb) padding-box padding-box;border:3px solid #0000;border-radius:17px;align-items:center;gap:10px;padding:9px 18px 9px 14px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff4d,inset 0 1.5px #ffffff73,0 8px 18px #080a1e57}.podium-place.p3{animation-delay:1s}.podium-place.p2{animation-delay:1.16s}.podium-place.p1{margin-bottom:14px;animation-delay:1.34s}.podium-place .rk{font:italic 900 34px/1 var(--display);white-space:nowrap;font-stretch:118%}.podium-place .nm{font:italic 800 23px/1.1 var(--display);letter-spacing:-.005em;text-shadow:var(--lift);font-stretch:110%}.podium-place.me .nm{color:var(--ink);text-shadow:none}.podium-place.me{border-color:var(--ink);background:linear-gradient(#ffffff6b 0%,#ffffff1f 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#ffd84a,#f7b52a) padding-box padding-box;box-shadow:inset 0 1.5px #fff9,0 0 26px 4px #ffc83273,0 8px 18px #080a1e59}.podium-place{transition:transform var(--t-med) var(--pop), box-shadow var(--t-med) ease-out}.podium-place.focus{box-shadow:inset 0 0 0 1.5px #ffffff80, 0 0 0 3px var(--accent), 0 0 26px 6px var(--accent), 0 10px 20px #080a1e66;transform:translateY(-4px)scale(1.05)}.podium-mine{color:#fff;font:italic 600 19px/1 var(--body);white-space:nowrap;animation:pop-in var(--t-slow) var(--pop) 1.5s backwards;background:linear-gradient(#22285ee6,#10122eeb);border-radius:999px;align-self:center;padding:10px 18px;box-shadow:inset 0 0 0 1.5px #fff6}.podium .podium-bar .btn{animation:pop-in var(--t-slow) var(--pop) 1.6s backwards;align-self:center;padding:10px 26px}@media (height<=500px){.podium .podium-top{top:calc(8px + var(--safe-t))}.podium-head{font-size:clamp(30px,7.4vh,46px)}.podium-meta{gap:8px;margin-top:4px}.podium-sub{padding:4px 12px;font-size:14px}.podium .podium-stars .star{width:26px;height:26px}.podium .podium-bar{bottom:calc(10px + var(--safe-b));gap:8px 10px}.podium-places{gap:6px}.podium-place{--face:26px;gap:6px;padding:4px 11px 4px 8px;font-size:15px;box-shadow:inset 0 0 0 1.5px #ffffff4d,0 4px 10px #080a1e4d}.podium-place .face-ic{box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1px #1b1b2f80;border-width:2px}.podium-place.p1{margin-bottom:6px}.podium-place .rk{font-size:22px}.podium-place .nm{font-size:16px}.podium-mine{padding:7px 12px;font-size:15px}.podium .podium-bar .btn{padding:6px 18px}.podium .podium-bar .btn .label{font-size:20px}}@media (width<=700px){.podium .podium-bar{flex-direction:column;align-items:center}}#ui .hud.celebrate .banner{--banner-scale:.56;transform:scale(var(--banner-scale));transform-origin:50% 0;transition:top .7s var(--out) 1s, transform .7s var(--out) 1s;top:12%}#ui .hud.celebrate :is(.tl,.br,.assist-dock,.keys-hint,.ko-strip){opacity:0;transition:opacity .5s}#ui:has(.hud.celebrate) .touch{display:none}@media (height<=700px){#ui .hud.celebrate .banner{--banner-scale:.48;top:11%}}#ui .hud.celebrate .tc{transition:left .7s var(--out), transform .7s var(--out)}#ui .hud.solo.celebrate .tc{left:calc(24px + var(--safe-l));align-items:flex-start;transform:none}#ui .hud.solo.celebrate .banner{top:calc(16px + var(--safe-t))}@media (height<=500px){#ui .hud.celebrate .banner{--banner-scale:.5;top:calc(8px + var(--safe-t))}#ui .hud.celebrate .tc{left:calc(16px + var(--safe-l));align-items:flex-start;transform:none}#ui .hud.celebrate .banner .medal-won.on{vertical-align:.35em;margin:0 0 0 .5em;display:inline-flex}}#ui:has(.podium.on) .toast{top:auto;bottom:calc(92px + var(--safe-b))}@media (height<=500px){#ui:has(.podium.on) .toast{bottom:calc(64px + var(--safe-b));padding:8px 16px;font-size:17px}}@font-face{font-family:Saira;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:100%;src:url(/kart-racer/assets/saira-latin-standard-italic-wJlFlYW8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:100%;src:url(/kart-racer/assets/saira-latin-standard-normal-X2eA-qfZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:italic;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/kart-racer/assets/mona-sans-latin-standard-italic-CRH5m36E.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-style:normal;font-display:swap;font-weight:200 900;src:url(/kart-racer/assets/mona-sans-latin-wght-normal-Pz49MTQZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1b1b2f;--ink-soft:#1b1b2fb8;--paper:#fffaf0;--sun:#39ff14;--coral:#ff2e4d;--teal:#2ec4b6;--sky:#56b4e9;--grass:#7bc950;--danger:#ff3b3b;--gold:#f2b705;--silver:#c9d2dc;--bronze:#d0894f;--display:"Saira", "Arial Black", "Segoe UI", system-ui, sans-serif;--body:"Mona Sans", "Segoe UI", system-ui, sans-serif;--keyline:#050607;--lift:0 2px 0 #080a2247, 0 2px 10px #080a2273;--lift-strong:0 1px 2px #080a22cc, 0 2px 12px #080a229e, 0 0 24px #080a2252;--stroke:4px;--radius:22px;--radius-sm:14px;--shadow-drop:0 7px 0 var(--ink);--shadow-soft:0 14px 40px #1b1b2f59;--pop:cubic-bezier(.22, 1, .36, 1);--out:cubic-bezier(.22, 1, .36, 1);--t-fast:.14s;--t-med:.28s;--t-slow:.52s;--t-wipe:.24s;--t-wipe-out:.15s;--t-wipe-lag:60ms;--t-count:.7s;--t-flip:.44s;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}:root[data-reduced-motion=on]{--t-fast:1ms;--t-med:1ms;--t-slow:1ms}:root[data-reduced-motion=on] *,:root[data-reduced-motion=on] :before,:root[data-reduced-motion=on] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;font-family:var(--body);color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}canvas.game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}#ui .load-bar{z-index:40;opacity:0;pointer-events:none;background:#0e102659;height:4px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}#ui .load-bar.on{opacity:1}#ui .load-bar>i{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg, var(--sun), var(--coral));transition:width .6s;display:block;box-shadow:0 0 10px #39ff1499}#ui:has(.load-bar.on) .intro .skip{visibility:hidden}#ui .screen{pointer-events:auto;display:none;position:absolute;inset:0}#ui .screen.on{display:block}#ui .hud{pointer-events:none;isolation:isolate}#ui .screen>.stage{transition:opacity var(--t-wipe) ease}#ui .screen[inert]:not(.x-out)>.stage{opacity:0}#ui .screen.x-out{z-index:3;pointer-events:none;display:block}#ui .overlay.x-out{display:flex}#ui .screen.x-out>*{animation:x-fade-out var(--t-wipe-out) ease-out forwards}#ui .screen.x-out>.stage{animation-name:x-leave}#ui .screen.x-out[data-x=back]>.stage{animation-name:x-leave-back}#ui .overlay.x-out>.box{animation:x-pop-out var(--t-wipe-out) ease-in forwards}#ui .screen.x-out>* *{animation:none}#ui .screen.x-in>.stage{animation:x-arrive calc(var(--t-wipe) - var(--t-wipe-lag)) var(--out) var(--t-wipe-lag) backwards}#ui .screen.x-in[data-x=back]>.stage{animation-name:x-arrive-back}#ui .screen.x-in>.dim{animation:x-fade-in var(--t-wipe) ease backwards}@keyframes x-leave{45%{opacity:.12}to{opacity:0;transform:translate(-72px)skew(5deg)}}@keyframes x-leave-back{45%{opacity:.12}to{opacity:0;transform:translate(72px)skew(-5deg)}}@keyframes x-arrive{0%{opacity:0;transform:translate(96px)skew(-5deg)}}@keyframes x-arrive-back{0%{opacity:0;transform:translate(-96px)skew(5deg)}}@keyframes x-fade-out{to{opacity:0}}@keyframes x-fade-in{0%{opacity:0}}@keyframes x-pop-out{to{opacity:0;transform:translateY(18px)scale(.9)}}#ui .hud.x-out>.banner{animation-name:x-rise-out}#ui .results.x-in>.stage{animation-delay:calc(var(--t-wipe-lag) + var(--lag,0s))}@keyframes x-rise-out{50%{opacity:.12}to{opacity:0;transform:translateY(-40px) scale(calc(var(--banner-scale,1) * .92))}}.display{font-family:var(--display);letter-spacing:-.01em;color:var(--paper);text-shadow:var(--lift);font-style:italic;font-weight:800;font-stretch:112%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{appearance:none;border:var(--stroke) solid var(--ink);background:var(--paper);color:var(--ink);font:600 22px/1 var(--body);box-shadow:var(--shadow-drop);cursor:pointer;transition:transform var(--t-fast) var(--pop), background var(--t-fast), box-shadow var(--t-fast);text-align:left;border-radius:999px;outline:none;align-items:center;gap:14px;padding:16px 30px;display:flex}.btn .label{font:italic 800 28px/1 var(--display);letter-spacing:-.01em;font-stretch:112%}.btn .sub{opacity:.75;font-size:15px;font-weight:500}.btn .badge{font:600 14px/1 var(--body);background:var(--ink);color:var(--paper);border-radius:999px;margin-left:auto;padding:6px 10px}.btn.focused,.btn:focus-visible{background:var(--sun);box-shadow:0 10px 0 var(--ink), 0 0 0 6px var(--paper), 0 0 0 10px var(--ink);transform:translateY(-3px)scale(1.04)}.btn:active{box-shadow:0 3px 0 var(--ink);transform:translateY(4px)}.btn[aria-disabled=true]{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.panel{background:var(--paper);color:var(--ink);border:var(--stroke) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-drop), var(--shadow-soft)}.dim{background:radial-gradient(#1b1b2f40,#1b1b2fb3);position:absolute;inset:0}.stage{padding:calc(40px + var(--safe-t)) calc(48px + var(--safe-r)) calc(40px + var(--safe-b)) calc(48px + var(--safe-l));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:24px;display:flex;position:absolute;inset:0;overflow:hidden auto}.heading{letter-spacing:-.025em;margin:0;padding-left:.62em;font-size:clamp(40px,6vw,72px);font-weight:900;font-stretch:118%;position:relative}.heading:before{content:"";background:linear-gradient(180deg, #d9ffcc, var(--sun) 50%, #22c40a);border-radius:.04em;width:.26em;position:absolute;top:.14em;bottom:.1em;left:0;transform:skew(-14deg);box-shadow:0 .04em .16em #080a2266}.stage-head{align-items:center;gap:16px;display:flex}.stage-head .back-btn{flex:none;margin-left:auto;padding:8px 20px}.stage-head .back-btn .label{font-size:20px}.hint{font:italic 600 16px/1.4 var(--body);color:var(--paper);text-shadow:var(--lift);flex-wrap:wrap;gap:22px;margin-top:auto;display:flex}.only-pad,:root[data-input=pad] .only-keys{display:none}:root[data-input=pad] .only-pad{display:revert}.only-touch{display:none}:root[data-touch=on] .only-touch{display:revert}:root[data-touch=on] .only-keys,:root[data-touch=on] .only-pad{display:none}.hint kbd{font:700 13px/1 var(--body);background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;margin-right:6px;padding:4px 8px}@keyframes pop-in{0%{opacity:0;transform:translateY(26px)scale(.92)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-40px)}to{transform:none}}@keyframes wobble{0%,to{transform:none}50%{transform:translateY(-1px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes bar-fill{0%{transform:scaleX(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(72px)skew(-6deg)}}@keyframes flourish{0%{filter:brightness(1.7);transform:scale(1)}40%{filter:brightness(1.15);transform:scale(1.1)}to{filter:none;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.screen.on .enter{animation:pop-in var(--t-slow) var(--pop) backwards;animation-delay:var(--delay,0s)}.boot{background:var(--ink);justify-content:center;align-items:center;display:flex!important}.boot:not(.on){display:none!important}.boot .display{font-size:48px;animation:1.2s ease-in-out infinite pulse}.garage{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.garage[hidden]{display:none}.pick-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.btn.pick{gap:10px;padding:8px 14px}.btn.pick .label{min-width:2.6em;font-size:22px}.btn.pick .arrow{opacity:.45;padding:8px 4px;font-size:16px}.btn.pick.focused .arrow,.btn.pick .arrow:hover{opacity:1}.btn.pick .opts{gap:8px;display:flex}.opt{border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:4px 6px 3px;display:flex}.opt .sw-box{position:relative}.opt .sw{border:3px solid var(--ink);background:#fff;border-radius:9px;width:44px;height:30px;display:block}.opt .sw.icon{color:var(--ink);place-items:center;display:grid}.opt .sw.icon svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round;width:36px;height:22px}.opt .nm{font:700 12px/1 var(--body)}.opt.on{border-color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff}.opt.locked .sw{filter:grayscale(.9);opacity:.55}.opt.locked .nm{opacity:.55}.opt .lock{width:18px;height:18px;position:absolute;top:-9px;right:-10px}.opt .lock svg{filter:drop-shadow(0 1px #fff);width:100%;height:100%;display:block}.pick-hint{max-width:520px;font:italic 600 12.5px/1.35 var(--body);color:var(--paper);text-shadow:var(--lift)}.pick-hint .lk{vertical-align:-.28em;width:1.25em;height:1.25em;margin-right:4px;display:inline-block}.pick-hint .lk svg{width:100%;height:100%;filter:drop-shadow(0 1px 0 var(--ink));display:block}.arrow-svg{width:.62em;height:.75em;display:block}.btn.pick.focused,.btn.pick:focus-visible{background:var(--paper);box-shadow:0 0 0 5px #fff, 0 0 0 10px var(--sun), 0 0 30px 10px #ffd23fa6, 0 10px 0 var(--ink);transform:translateY(-3px)scale(1.06)}.unlock.on .mark .star-svg path{stroke-width:1px}.hud{font-variant-numeric:tabular-nums}.hud .tl{top:calc(18px + var(--safe-t));left:calc(26px + var(--safe-l));align-items:flex-start;gap:16px;display:flex;position:absolute}.slot{--size:104px;--slant:-10deg;--corners:14px 3px 14px 3px;--glow:#8fa6c8;--glow-lit:color-mix(in srgb, var(--glow) 78%, #fff);width:var(--size);height:var(--size);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.slot.next{--size:64px;--corners:10px 2px 10px 2px;opacity:.84;margin-top:12px}.slot .slot-glass{border-radius:var(--corners);transform:skewX(var(--slant));background:linear-gradient(164deg, #ffffff42 0%, #ffffff12 22%, transparent 40%), radial-gradient(46% 42% at 50% 48%, #fff3, transparent 100%), radial-gradient(62% 58% at 50% 48%, color-mix(in srgb, var(--glow-lit) 42%, transparent), transparent 82%), radial-gradient(100% 82% at 50% 106%, color-mix(in srgb, var(--glow-lit) 88%, transparent), transparent 78%), linear-gradient(180deg, #1c2256db, #0a0d28eb);position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff73,inset 0 2px #ffffff80,0 0 0 1px #080a2280,0 8px 18px #080a2259}.slot .slot-glass:after{content:"";border-radius:inherit;background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 60%, #fff), transparent);opacity:0;pointer-events:none;position:absolute;inset:0}.slot[data-state=empty] .slot-glass{background:repeating-linear-gradient(90deg,#ffffff0b 0 1.5px,#0000 1.5px 8px),linear-gradient(#10143a5c,#080a227a);box-shadow:inset 0 0 0 1.5px #ffffff57,0 0 0 1px #080a2247}.slot[data-state=rolling] .slot-glass{box-shadow:inset 0 0 0 2px #ffffffd9,inset 0 3px #ffffff80,0 0 0 1px #080a2280,0 0 14px 1px #ffffff4d,0 8px 18px #080a2259}.slot:is([data-state=ready],[data-state=trailing],[data-state=active]) .slot-glass{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--glow) 62%, #fff), inset 0 4px 0 #ffffff73, 0 0 0 1px #080a228c, 0 0 18px 1px color-mix(in srgb, var(--glow-lit) 75%, transparent), 0 8px 18px #080a2259}.slot[data-state=trailing] .slot-glass{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--glow) 62%, #fff), inset 0 -6px 0 color-mix(in srgb, var(--glow) 55%, #fff), 0 0 0 1px #080a228c, 0 0 18px 1px color-mix(in srgb, var(--glow-lit) 75%, transparent), 0 8px 18px #080a2259}.slot[data-state=active] .slot-glass:after{animation:.5s ease-in-out infinite alternate slot-live}@keyframes slot-live{0%{opacity:.12}to{opacity:.6}}.slot .ic{z-index:1;width:80%;height:80%;transition:transform var(--t-fast) var(--pop), opacity var(--t-fast);display:flex;position:relative}.slot .ic .shape,.slot .ic .shape svg{width:100%;height:100%;display:block}.slot .ic .art{filter:drop-shadow(0 0 1.5px #ffffffb3)drop-shadow(0 4px 5px #080a2280);width:100%;height:100%;position:absolute;inset:0}.slot .ic:has(.art) .shape{visibility:hidden}.slot[data-state=empty] .ic{opacity:0;transform:scale(.4)}.slot[data-state=rolling] .ic{opacity:.92;transform:scale(.84)}.slot[data-state=ready] .ic{transform:scale(1)}.slot[data-state=active] .ic{transform:scale(1.06)}.slot[data-state=trailing] .ic{transform:rotate(-16deg)translate(-4px,6px)scale(.92)}.slot .glyph{z-index:2;color:var(--ink);font:700 13px/1 var(--body);background:#fff;border-radius:5px;padding:2px 5px 3px;display:none;position:absolute;top:6px;right:5px;box-shadow:0 2px 6px #080a2266}:root[data-icon-labels=on] .slot:is([data-state=ready],[data-state=trailing],[data-state=active]) .glyph{display:block}.slot .pips{z-index:2;transform:skewX(var(--slant));background:#0a0d28e6;border-radius:2px 5px;gap:3px;padding:3px 5px;display:flex;position:absolute;bottom:-7px;right:16px;box-shadow:inset 0 0 0 1px #ffffff73,0 2px 6px #080a2266}.slot .pips:empty{display:none}.slot .pips i{background:#fff3;border-radius:1px;width:14px;height:6px;display:block}.slot .pips i.on{background:color-mix(in srgb, var(--glow) 30%, #fff);box-shadow:0 0 6px color-mix(in srgb, var(--glow-lit) 85%, transparent)}.slot.next .pips{gap:2px;padding:2px 4px;bottom:-5px;right:10px}.slot.next .pips i{width:8px;height:4px}.slot.next .glyph{padding:1px 4px 2px;font-size:11px;top:3px;right:2px}.slot .key{z-index:2;color:#0a0d28;min-width:21px;font:700 12px/1 var(--body);text-align:center;transform:skewX(var(--slant));background:#fff;border-radius:5px;padding:3px 6px 4px;display:none;position:absolute;top:-9px;left:16px;box-shadow:0 2px #080a2280,0 4px 10px #080a2259}.slot:is([data-state=ready],[data-state=trailing]) .key{display:block}:root[data-touch=on] .slot .key{display:none}.slot .tag{z-index:2;color:#fff;font:700 9px/1 var(--body);letter-spacing:.16em;transform:skewX(var(--slant));background:#0a0d28e6;border-radius:3px 6px;padding:3px 7px 3px 8px;position:absolute;top:-9px;left:6px;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 6px #080a2266}.slot{--t-land:.48s;--ring:3px}.slot.next{--ring:2px}.slot:before{content:"";border-radius:var(--corners);border:var(--ring) solid #fff;box-shadow:0 0 16px 4px color-mix(in srgb, var(--glow) 80%, transparent), inset 0 0 10px 2px color-mix(in srgb, var(--glow) 60%, transparent);opacity:0;transform:skewX(var(--slant));pointer-events:none;position:absolute;inset:-3px}.slot .gloss{z-index:1;border-radius:var(--corners);transform:skewX(var(--slant));pointer-events:none;position:absolute;inset:0;overflow:hidden}.slot .gloss:before{content:"";opacity:0;background:linear-gradient(100deg,#0000 40%,#ffffffd9 50%,#0000 60%);position:absolute;inset:-20% -70%;transform:translate(-70%)}.slot[data-state=rolling] .gloss:after{content:"";background:linear-gradient(#0000 34%,#ffffff24 47%,#ffffff80 50%,#0000 52.5%);animation:.38s linear infinite slot-scan;position:absolute;inset:0}@keyframes slot-scan{0%{transform:translateY(-64%)}to{transform:translateY(64%)}}.slot[data-state=trailing]:after{content:"";border:solid color-mix(in srgb, var(--glow) 30%, #fff);width:12px;height:12px;filter:drop-shadow(0 0 1.5px #080a22e6) drop-shadow(0 0 4px color-mix(in srgb, var(--glow-lit) 80%, transparent));border-width:0 3.5px 3.5px 0;border-radius:0 0 2px;animation:.56s ease-in-out infinite alternate slot-held;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes slot-held{to{transform:translate(-50%)translateY(3px)rotate(45deg)}}.slot.land{animation:slot-catch var(--t-land) var(--out)}.slot.land .ic{animation:slot-drop var(--t-land) linear}.slot.land:before{animation:slot-ring var(--t-land) var(--out)}.slot.land .gloss:before{animation:.38s ease-in-out .12s slot-shine}.slot.land .pips,.slot.land .key{animation:slot-badge .3s var(--pop) .12s backwards}.slot.land .slot-glass:after{animation:slot-flare var(--t-land) var(--out)}@keyframes slot-drop{0%{filter:brightness(2.3)saturate(.35);animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(-10%)scale(1.15)}30%{filter:brightness(1.5)saturate(.7);transform:none}82%{filter:brightness()saturate();transform:none}}@keyframes slot-catch{0%,15%{transform:none}28%{transform:translateY(2px)}}@keyframes slot-ring{0%,12%{opacity:0;transform:skewX(var(--slant)) scale(.94)}20%{opacity:1;transform:skewX(var(--slant)) scale(1.02)}to{opacity:0;transform:skewX(var(--slant)) scale(1.45)}}@keyframes slot-shine{0%{opacity:1;transform:translate(-70%)}to{opacity:1;transform:translate(70%)}}@keyframes slot-badge{0%{opacity:0;transform:skewX(var(--slant)) scale(.3)}}@keyframes slot-flare{0%{opacity:0}16%{opacity:.95}to{opacity:0}}@keyframes slot-fade{0%{opacity:0}}:root[data-reduced-motion=on] .slot.land .ic{animation:.16s ease-out slot-fade!important}:root[data-reduced-motion=on] .slot.land,:root[data-reduced-motion=on] .slot.land:before,:root[data-reduced-motion=on] .slot.land .gloss:before,:root[data-reduced-motion=on] .slot.land .pips,:root[data-reduced-motion=on] .slot.land .key,:root[data-reduced-motion=on] .slot.land .slot-glass:after,:root[data-reduced-motion=on] .slot .gloss:after,:root[data-reduced-motion=on] .slot[data-state=active] .slot-glass:after,:root[data-reduced-motion=on] .slot[data-state=trailing]:after{animation:none!important}:root[data-reduced-motion=on] .slot[data-state=active] .slot-glass:after{opacity:.4}.hud .tc{z-index:2;top:calc(18px + var(--safe-t));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.timer{font:italic 800 32px/1 var(--display);color:var(--paper);text-shadow:var(--lift);background:#1b1b2f8c;border-radius:12px;padding:8px 18px 10px;font-stretch:110%;box-shadow:inset 0 0 0 1.5px #ffffff38}.hud.solo .place{display:none}.splits{flex-direction:column;align-items:center;gap:4px;display:flex}.split{font:italic 800 22px/1 var(--display);color:var(--paper);text-shadow:var(--lift);animation:pop-in var(--t-med) var(--pop) backwards;transition:transform var(--t-med) var(--out), background var(--t-med);background:#1b1b2f80;border-radius:999px;align-items:baseline;gap:10px;padding:5px 14px;font-stretch:108%;display:flex}.split .n{letter-spacing:.08em;font-size:15px}.split.best .t{color:var(--grass)}.split.pop{transform-origin:50% 0;box-shadow:0 0 0 3px var(--sun);background:#1b1b2fc7;transform:scale(1.32)}.hud.solo.celebrate .split.pop{transform-origin:0 0}.split .d{color:#fff;text-shadow:0 1px 2px #080a2273;font-variant-numeric:tabular-nums;border-radius:999px;align-self:center;padding:3px 10px 4px;font-size:20px;box-shadow:0 2px 8px #080a224d}.split .d:empty{display:none}.split .d[data-kind=ahead]{background:var(--grass)}.split .d[data-kind=behind]{background:var(--danger)}@media (height<=500px){.splits:has(.pop) .split:not(.pop){display:none}.split.pop{transform:none}}.hud .bl{bottom:calc(14px + var(--safe-b));left:calc(24px + var(--safe-l));flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute}.hud .bl .pc{align-items:flex-end;gap:14px;display:flex}.ko-strip{color:#fff;font:italic 800 21px/1 var(--display);text-shadow:var(--lift);white-space:nowrap;transform-origin:0;background:#1b1b2f9e;border-radius:999px;padding:7px 16px 8px;font-stretch:108%;box-shadow:inset 0 0 0 1.5px #ffffff4d}.ko-strip.danger{background:var(--danger);animation:.8s ease-in-out infinite pulse;box-shadow:inset 0 0 0 2px #ffffff8c,0 0 18px 4px #ff3b3b73}.place{--face:linear-gradient(180deg, #d9ffcc 0%, #39ff14 100%);--side:#0b3d14;--suf:var(--paper);align-items:flex-start;line-height:.8;display:flex}.place[data-tier=gold]{--glow:#ffc82866;--face:linear-gradient(180deg, #fff1a1 0%, #ffcf1f 58%, #ffb800 100%);--side:#c2410c;--suf:#ffe066}.place[data-tier=silver]{--glow:#dcebff59;--face:linear-gradient(180deg, #fff 0%, #d6e6f7 100%);--side:#3f5f8f;--suf:#e8f2ff}.place[data-tier=bronze]{--glow:#f08c5a59;--face:linear-gradient(180deg, #ffd0b8 0%, #f08a5d 100%);--side:#8c3521;--suf:#ffc3a6}.place .n{z-index:0;font:italic 900 132px/.8 var(--display);letter-spacing:-.04em;color:#0000;font-stretch:125%;position:relative}.place .n:before,.place .n:after{content:attr(data-n);content:attr(data-n) / "";position:absolute;top:0;left:0;transform:translate(-.05em,-.05em)}.place .n:before{z-index:-1;color:var(--keyline);-webkit-text-stroke:.02em var(--keyline);text-shadow:0 .04em .16em #0000008c, 0 0 .3em var(--glow,#39ff1473)}.place .n:after{color:#0000;background:var(--face);-webkit-background-clip:text;background-clip:text;padding-right:.25em}.place .suf{font:italic 900 40px/1 var(--display);color:var(--suf);-webkit-text-stroke:.025em var(--keyline);paint-order:stroke fill;text-shadow:0 .04em .16em #0000008c;margin:4px 0 0 4px;font-stretch:118%}.place.flourish{animation:flourish .4s var(--pop)}.gears{font:italic 900 34px/1 var(--display);color:var(--paper);text-shadow:var(--lift);background:#1b1b2f8c;border-radius:999px;align-items:center;gap:8px;margin-bottom:2px;padding:5px 16px 6px 6px;font-stretch:115%;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff38}.gears .gear{filter:drop-shadow(0 2px 3px #00000080);flex:none;width:34px;height:34px;display:block}.gears .gear svg{width:100%;height:100%;display:block}.gears .gear.tick svg{animation:gear-tick .3s var(--pop)}@keyframes gear-tick{0%{filter:drop-shadow(0 0 8px #39ff14f2)brightness(1.6);transform:scale(1.25)}to{filter:none;transform:scale(1)}}.gears.full{color:var(--sun);box-shadow:0 0 0 2px var(--sun), 0 0 18px 5px #39ff1480;animation:gears-full .52s var(--pop)}@keyframes gears-full{40%{transform:scale(1.16)}}.hud .br{bottom:calc(18px + var(--safe-b));right:calc(22px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.minimap{width:210px;height:210px}.lap{font:italic 900 42px/1 var(--display);letter-spacing:-.02em;color:var(--paper);text-shadow:var(--lift);background:#1b1b2f8c;border-radius:12px;align-items:baseline;padding:6px 16px 8px;font-stretch:122%;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff38}.lap .of{font-size:26px}.lap .word{letter-spacing:.12em;order:-1;margin-right:8px;font-size:17px;font-weight:800;font-stretch:105%}.lap.final{color:var(--coral)}.mirror-badge{background:var(--sky);color:#fff;font:italic 900 17px/1 var(--display);letter-spacing:.06em;text-shadow:0 1px 2px #080a2266;border-radius:999px;align-self:flex-end;margin-top:6px;padding:5px 12px;font-stretch:110%;display:none;box-shadow:0 4px 12px #080a224d}.mirror-badge.on{display:inline-block}.assist-dock{bottom:calc(26px + var(--safe-b));opacity:.85;line-height:0;position:absolute;left:50%;transform:translate(-50%)}.assist-dock .assist{opacity:.7;width:26px;height:26px;transition:opacity .16s ease, transform .16s var(--pop), filter .16s ease;display:none}.assist-dock .assist[data-state=on],.assist-dock .assist[data-state=working]{display:inline-block}.assist-dock .assist[data-state=working]{opacity:1;filter:drop-shadow(0 0 5px #39ff14f2);transform:scale(1.18)}.assist-dock .assist svg{width:100%;height:100%;display:block}.banner{z-index:1;text-align:center;pointer-events:none;position:absolute;top:24%;left:0;right:0}.banner .big{--face:linear-gradient(180deg, #e6ffdd 0%, #39ff14 38%);--side:#0b3d14;isolation:isolate;white-space:nowrap;font:italic 900 clamp(60px, 9.4vw, 136px)/1 var(--display);letter-spacing:-.03em;font-stretch:125%;display:inline-block;position:relative}.chs{display:inline-block;position:relative}.ch{color:#0000;transform-origin:50% 70%;display:inline-block;position:relative}.ch:before,.ch:after{content:attr(data-ch);content:attr(data-ch) / "";position:absolute;top:0;left:0;transform:translate(-.055em,-.055em)}.ch:before{z-index:-1;color:var(--keyline);-webkit-text-stroke:.02em var(--keyline);text-shadow:0 .04em .16em #0000008c, 0 0 .3em var(--glow,#39ff1473)}.ch:after{color:#0000;background:var(--face);-webkit-background-clip:text;background-clip:text;padding-right:.25em}.banner .small{font:italic 900 clamp(26px, 3.5vw, 44px)/1 var(--display);color:var(--sun);-webkit-text-stroke:.025em var(--keyline);paint-order:stroke fill;text-shadow:0 .04em .16em #0000008c,0 0 .3em #39ff1466;margin-top:8px;font-stretch:118%;display:block}.banner[data-kind=finish] .small{z-index:1;vertical-align:.6em;color:#fff;-webkit-text-stroke:0;text-shadow:none;background:#1b1b2f9e;border-radius:14px;margin:0 0 0 1.3em;padding:.12em .42em .18em;font-size:clamp(38px,4.8vw,66px);display:inline-block;position:relative}.banner[data-kind=finish] .small:empty{display:none}.banner.show[data-kind=finish] .small{animation:pop-in var(--t-slow) var(--pop) .2s backwards}.banner .skip{display:none}.finish-go{left:0;right:0;bottom:calc(34px + var(--safe-b));width:max-content;max-width:calc(100% - 32px);color:var(--paper);font:italic 700 21px/1.15 var(--body);text-align:center;pointer-events:none;background:#1b1b2fbd;border-radius:999px;margin:0 auto;padding:11px 26px;display:none;position:absolute;box-shadow:0 4px #1b1b2f59}.finish-go.on{animation:pop-in var(--t-slow) var(--pop) .7s backwards;display:block}@media (height<=500px){.finish-go{bottom:calc(12px + var(--safe-b));padding:8px 18px;font-size:17px}}.banner .medal-won{display:none}.banner .medal-won.on{width:max-content;animation:medal-in .7s var(--pop) .35s backwards;background:#1b1b2fa8;border-radius:999px;align-items:center;gap:12px;margin:14px auto 0;padding:6px 26px 6px 10px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff4d,0 8px 20px #080a2259}.banner .medal-won .mw-icon{width:84px;margin:-18px 0 -12px}.banner .medal-won .mw-text{font:italic 900 clamp(32px, 3.6vw, 50px)/1 var(--display);color:#fff;text-shadow:var(--lift);font-stretch:112%}.banner .skip.on{display:block}.banner[data-kind=countdown],.banner[data-kind=go]{top:30%}.banner[data-kind=countdown] .big,.banner[data-kind=go] .big{letter-spacing:-.02em;font-size:clamp(96px,min(15vw,28vh),236px)}.banner[data-kind=go] .big{--face:linear-gradient(180deg, #c7efa5 0%, #8ee04a 38%);--side:#167a36}.banner[data-kind=finalLap] .big{--face:linear-gradient(180deg, #ffbab2 0%, #ff7566 38%);--side:#8e1f47}.banner[data-kind=wrongWay] .big{--face:linear-gradient(180deg, #ffadad 0%, #ff5a5a 38%);--side:#6c1020;font-size:clamp(44px,6vw,84px);animation:.6s ease-in-out infinite pulse}.banner[data-kind=shift] .big{font-size:clamp(36px,5vw,70px)}.banner[data-kind=finish] .big{--side:#d9480f}.banner[data-kind=finish] .chs{isolation:isolate}.banner[data-kind=finish] .chs:before{content:"";z-index:-1;background:repeating-conic-gradient(var(--keyline) 0 25%, #fff 0 50%) 0 0 / .15em .15em;transform-origin:0;height:.3em;animation:sash-in .46s var(--out) .16s backwards;border-radius:.03em;position:absolute;top:.6em;left:-.3em;right:-.1em;transform:skew(-18deg);box-shadow:0 .06em .18em #080a2266}@keyframes sash-in{0%{transform:skew(-18deg)scaleX(0)}}.banner.show .ch{animation:.42s backwards ch-dash;animation-delay:calc(var(--i) * 32ms)}.banner[data-kind=countdown].show .ch,.banner[data-kind=go].show .ch{animation-name:ch-punch;animation-duration:.38s;animation-delay:calc(var(--i) * 40ms)}@keyframes ch-dash{0%{opacity:0;animation-timing-function:cubic-bezier(.16,.9,.3,1);transform:translate(1.4em)skew(-24deg)scaleX(1.5)}60%{opacity:1;animation-timing-function:ease-in-out;transform:translate(-.05em)skew(4deg)scaleX(.97)}to{transform:none}}@keyframes ch-punch{0%{opacity:0;animation-timing-function:cubic-bezier(.3,0,.8,.4);transform:scale(1.5)skew(-6deg)}45%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:scale(.99)}to{transform:none}}.banner.ghost{z-index:0}.banner.ghost .ch{opacity:0}.banner.ghost.out .ch{animation:.26s both ch-off;animation-delay:calc(var(--i) * 18ms)}@keyframes ch-off{0%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:none}to{opacity:0;transform:translate(-1.2em)skew(-24deg)scaleX(1.4)}}:root[data-reduced-motion=on] .ch,:root[data-reduced-motion=on] .chs:before{animation-delay:0s!important}.banner.show:not([data-kind=finish]) .small{animation:pop-in var(--t-slow) var(--pop) .42s backwards}.lamps{--lamp:clamp(46px, 5.2vw, 84px);top:calc(84px + var(--safe-t));z-index:1;gap:calc(var(--lamp) * .22);padding:calc(var(--lamp) * .2) calc(var(--lamp) * .26) calc(var(--lamp) * .22);border-radius:calc(var(--lamp) * .44);box-shadow:0 0 0 4px var(--ink), inset 0 2px 0 #fff6, inset 0 -5px 0 #0000004d, 0 7px 0 4px var(--ink), 0 20px 30px #080a1e59;transform-origin:50% -130px;visibility:hidden;pointer-events:none;background:linear-gradient(#fff3 0%,#ffffff0d 46%,#0000 48%),linear-gradient(#3b4486 0%,#252b62 50%,#161a42 100%);display:flex;position:absolute;left:50%;transform:translate(-50%)}.lamps:before,.lamps:after{content:"";width:6px;height:260px;box-shadow:0 0 0 2px var(--ink);background:linear-gradient(90deg,#0d0f2a,#555c8e 45%,#0d0f2a);border-radius:3px;position:absolute;bottom:calc(100% + 4px)}.lamps:before{left:20%}.lamps:after{right:20%}.lamp{width:var(--lamp);height:var(--lamp);box-shadow:0 0 0 calc(var(--lamp) * .075) #d5dbf0, 0 0 0 calc(var(--lamp) * .075 + 3px) var(--ink), inset 0 calc(var(--lamp) * .08) calc(var(--lamp) * .14) #0000008c;background:radial-gradient(circle at 50% 42%,#5a2630 0%,#3a1520 58%,#230b14 100%);border-radius:50%;transition:background 90ms linear,box-shadow 90ms linear;position:relative}.lamp:after{content:"";background:radial-gradient(at 50% 45%,#fffc,#fff0 70%);border-radius:50%;width:46%;height:30%;position:absolute;top:12%;left:17%;transform:rotate(-22deg)}.lamp:before{content:"";height:21%;box-shadow:0 0 0 3px var(--ink);z-index:1;background:linear-gradient(#4a5296,#1b1f4c);border-radius:999px 999px 6px 6px;position:absolute;top:-15%;left:-6%;right:-6%}.lamps[data-lit="1"] .lamp:nth-child(-n+1),.lamps[data-lit="2"] .lamp:nth-child(-n+2),.lamps[data-lit="3"] .lamp{box-shadow:0 0 0 calc(var(--lamp) * .075) #ffe1d6, 0 0 0 calc(var(--lamp) * .075 + 3px) var(--ink), 0 0 calc(var(--lamp) * .5) calc(var(--lamp) * .16) #ff4028b8;background:radial-gradient(circle at 50% 42%,#fff6ee 0 9%,#ffb39c 22%,#ff4b37 50%,#d3141f 84%,#9c0c1a 100%)}.lamps[data-lit=go] .lamp{box-shadow:0 0 0 calc(var(--lamp) * .075) #e2ffe0, 0 0 0 calc(var(--lamp) * .075 + 3px) var(--ink), 0 0 calc(var(--lamp) * .6) calc(var(--lamp) * .22) #3cff78bf;background:radial-gradient(circle at 50% 42%,#f2fff0 0 9%,#b8ffb4 22%,#3fe36c 50%,#11a846 84%,#0a7836 100%)}.lamps[data-lit="1"] .lamp:first-child,.lamps[data-lit="2"] .lamp:nth-child(2),.lamps[data-lit="3"] .lamp:nth-child(3),.lamps[data-lit=go] .lamp{animation:lamp-on .36s var(--pop)}@keyframes lamp-on{0%{filter:brightness(2.3);transform:scale(.94)}45%{filter:brightness(1.35);transform:scale(1.04)}}.lamps.on{visibility:visible;animation:.64s backwards lamps-drop}.lamps.on[data-lit=go]{animation:lamps-go .42s var(--pop)}.lamps.leaving{visibility:visible;animation:.44s cubic-bezier(.5,0,.9,.4) both lamps-up}@keyframes lamps-drop{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(-50%,-260%)}to{transform:translate(-50%)}}@keyframes lamps-sway{0%{transform:translate(-50%)rotate(-1deg)}to{transform:translate(-50%)rotate(1deg)}}@keyframes lamps-go{0%{transform:translate(-50%)scale(1)}35%{transform:translate(-50%,-2%)scale(1.04)}to{transform:translate(-50%)scale(1)}}@keyframes lamps-up{0%{visibility:visible;transform:translate(-50%)}25%{visibility:visible;transform:translate(-50%,6%)scale(1.02)}to{visibility:visible;transform:translate(-50%,-300%)rotate(5deg)}}@media (height<=500px){.lamps{--lamp:34px;top:calc(72px + var(--safe-t));box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #fff6, inset 0 -4px 0 #0000004d, 0 5px 0 3px var(--ink), 0 12px 20px #080a1e59}.banner[data-kind=countdown],.banner[data-kind=go]{top:40%}.lamps:before,.lamps:after{height:12px}}.flash{opacity:0;background:radial-gradient(#0000 45%,#ff3b3b8c);transition:opacity 90ms;position:absolute;inset:0}.flash.on{opacity:1}.keys-hint{bottom:calc(64px + var(--safe-b));font:italic 600 14px/1 var(--body);color:var(--paper);white-space:nowrap;opacity:0;transition:opacity var(--t-med) ease, transform var(--t-med) var(--pop);pointer-events:none;background:#1b1b2f9e;border-radius:999px;padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)translateY(12px)}.keys-hint.on{opacity:1;transform:translate(-50%)translateY(0)}.touch{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;display:none;position:absolute;inset:0}.touch.on{pointer-events:auto;display:block}.touch .pad{left:calc(18px + var(--safe-l));bottom:calc(22px + var(--safe-b));pointer-events:auto;touch-action:none;background:#1b1b2f52;border:3px solid #ffffff8c;border-radius:48px;justify-content:center;align-items:center;width:min(42vw,300px);height:96px;display:flex;position:absolute}.touch .pad .arrows{color:#fff;opacity:.7;justify-content:space-between;align-items:center;font-size:22px;display:flex;position:absolute;inset:0 20px}.touch .pad .knob{background:#ffffffd9;border-radius:50%;width:76px;height:76px;position:absolute;top:6px;left:calc(50% - 38px);box-shadow:0 4px #1b1b2f80}.touch .buttons{right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));pointer-events:none;width:250px;height:210px;position:absolute}.touch .tb{color:var(--paper);font:italic 800 18px/1 var(--display);pointer-events:auto;touch-action:none;background:#1b1b2f61;border:3px solid #fff9;border-radius:50%;justify-content:center;align-items:center;font-stretch:108%;display:flex;position:absolute}.touch .tb.down{background:#ff6f61bf;transform:scale(.94)}.touch .tb.drift{width:112px;height:112px;font-size:22px;bottom:0;right:0}.touch .tb.item{width:92px;height:92px;bottom:58px;right:126px}.touch .tb.brake{width:58px;height:58px;font-size:13px;bottom:-6px;right:128px}.touch .tb.lookBack{width:58px;height:58px;font-size:13px;bottom:-6px;right:196px}.touch .tb.pauseBtn{top:calc(14px + var(--safe-t));right:calc(170px + var(--safe-r));width:52px;height:52px}.touch .tb.pauseBtn span{border-left:6px solid var(--paper);border-right:6px solid var(--paper);width:18px;height:20px}@media (pointer:coarse){:root .hud .bl{bottom:calc(140px + var(--safe-b))}:root .hud .br{bottom:auto;top:calc(14px + var(--safe-t))}:root .minimap{width:128px;height:128px}:root .keys-hint{display:none}}@media (pointer:coarse) and (height<=420px){:root .hud .tl{transform-origin:0 0;transform:scale(.8)}:root .hud .bl{bottom:calc(126px + var(--safe-b));transform-origin:0 100%;gap:10px;transform:scale(.75)}:root .hud .bl .pc{flex-direction:row;align-items:flex-end;gap:10px}:root .hud .bl .gears{margin:0 0 6px}:root .hud .br{transform-origin:100% 0;transform:scale(.8)}:root .touch .buttons{transform-origin:100% 100%;transform:scale(.82)}}.rotate-hint{z-index:50;color:var(--paper);font:italic 800 26px/1.2 var(--display);text-align:center;pointer-events:auto;touch-action:none;background:#1b1b2feb;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-stretch:110%;display:none;position:fixed;inset:0}.rotate-hint .phone{border:6px solid var(--paper);border-radius:14px;width:58px;height:100px;animation:1.8s ease-in-out infinite rotate-phone}.rotate-hint p{text-wrap:balance;max-width:13em;margin:0}@keyframes rotate-phone{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{display:flex}}@media (width<=720px){.keys-hint{white-space:normal;text-align:center;border-radius:16px;width:min(92vw,420px);line-height:1.4}}.overlay{justify-content:center;align-items:center;display:none}.overlay.on,#ui .overlay.on{display:flex}.overlay .box{min-width:min(460px,92vw);max-width:92vw;max-height:88vh;animation:pop-in var(--t-wipe) var(--pop) backwards;color:#fff;background:linear-gradient(#242a5cf2,#10122ef5);border:0;border-radius:26px;padding:30px 34px;position:relative;overflow:auto;box-shadow:inset 0 0 0 2px #fff6,inset 0 2px #ffffff8c,0 24px 60px #06081a8c}.overlay h2{font:italic 900 44px/1 var(--display);letter-spacing:-.02em;color:var(--paper);text-shadow:var(--lift);margin:0 0 18px;font-stretch:120%}.overlay .list{flex-direction:column;gap:12px;display:flex}.overlay .btn{color:#fff;background:linear-gradient(#ffffff2b,#ffffff0f);border:0;justify-content:center;box-shadow:inset 0 0 0 2px #ffffff5c,0 6px 14px #06081a4d}.overlay .btn .label{text-shadow:var(--lift)}.overlay .btn.focused,.overlay .btn:focus-visible{color:var(--sun);box-shadow:inset 0 0 0 3px #fff, 0 0 0 4px var(--sun), 0 0 0 7px var(--ink), 0 0 28px 8px #39ff1473;background:linear-gradient(#ffffff42,#ffffff1a);transform:translateY(-2px)scale(1.03)}.overlay .btn:active{transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 2px #ffffff5c}.overlay .box.redraw{animation:none}.overlay .box.dialog{--pad-y:30px;--pad-x:34px;flex-direction:column;padding:0;display:flex;overflow:hidden}.overlay .box.dialog>.scroll{min-height:0;padding:var(--pad-y) var(--pad-x) 10px;overscroll-behavior:contain;overflow:hidden auto}.overlay .box.dialog>.foot{padding:12px var(--pad-x) calc(var(--pad-y) - 6px);border-top:2px solid #ffffff24;flex:none;justify-content:center;display:flex}.overlay .box.dialog>.foot .btn{min-width:min(240px,100%)}.overlay .box.dialog .scroll :is(.btn,.setting){scroll-margin:12px}.setting{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid;border-radius:var(--radius-sm)!important;padding:12px 18px!important}.setting .label{font-size:20px}.overlay .setting .label{text-shadow:var(--lift)}.setting .val{font:700 16px/1 var(--body);align-items:center;gap:10px;display:flex}.setting .val>span:not([class]){text-align:center;min-width:3.3em}.setting .val .arrow{opacity:.5;margin:-8px -6px;padding:8px 6px;font-size:18px}.setting.focused .val .arrow,.setting .val .arrow:hover{opacity:1}.setting .meter{background:#ffffff24;border:2px solid #ffffffb8;border-radius:999px;width:120px;height:12px;overflow:hidden}.setting .meter i{background:var(--teal);height:100%;display:block}.settings .box{min-width:min(500px,92vw)}.settings .box.dialog>.foot{flex-direction:column;align-items:center;gap:10px}.settings .help{width:0;min-width:100%;min-height:2.7em;font:600 15px/1.35 var(--body);color:#ffffffd1;text-align:center;text-wrap:balance;justify-content:center;align-items:center;margin:0;display:flex}.settings .help>span{animation:help-in var(--t-med) var(--out) backwards}.settings .help>.still{animation:none}@keyframes help-in{0%{opacity:0;transform:translateY(6px)}}.credits .box{width:min(720px,92vw)}.credits h3{font:italic 900 26px/1 var(--display);color:var(--coral);margin:18px 0 8px;font-stretch:112%}.credits table{border-collapse:collapse;width:100%;font-size:15px}.credits td{border-bottom:2px dashed #ffffff29;padding:6px 4px}.credits td.lic{text-align:right;font-weight:700}.credits .made{opacity:.75;margin-top:18px;font-size:14px}.unlocks .made{margin-top:6px}.unlock-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.unlock{opacity:.8;background:#ffffff14;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff4d}.unlock.on{color:var(--ink);background:var(--sun);box-shadow:inset 0 0 0 2px var(--ink);opacity:1}.unlock .mark{background:var(--paper);border-radius:50%;flex:none;width:28px;height:28px;padding:2px}.unlock .mark svg{width:100%;height:100%;display:block}.unlock.on .mark{background:var(--ink);border-radius:50%}.unlock.on .mark svg{transform:scale(1.1)}.unlock .txt{font:600 15px/1.25 var(--body);flex-direction:column;gap:2px;display:flex}.unlock .txt b{font:italic 800 20px/1.1 var(--display);font-stretch:108%}#ui .toast{top:calc(18px + var(--safe-t,0px));z-index:40;background:var(--sun);color:var(--ink);font:italic 800 21px/1.1 var(--display);opacity:0;pointer-events:none;transition:opacity .24s ease, transform .24s var(--pop,ease);text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 22px;font-stretch:108%;position:absolute;left:50%;transform:translate(-50%,-16px);box-shadow:inset 0 0 0 2px #ffffff8c,0 8px 22px #080a2259}#ui .toast.on{opacity:1;transform:translate(-50%)}.howto .box{width:min(860px,94vw);max-height:88vh;overflow-y:auto}.howto h3{font:italic 900 26px/1 var(--display);color:var(--coral);margin:18px 0 8px;font-stretch:112%}.howto table.controls{border-collapse:collapse;width:100%;font-size:15px}.howto table.controls th{text-align:left;opacity:.7;padding:2px 4px;font-size:13px}.howto table.controls td{border-bottom:2px dashed #ffffff29;padding:5px 4px}.howto table.controls td.k{font-weight:700}.howto .items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 14px;display:grid}.howto .item{align-items:center;gap:10px;display:flex}.howto .item .ic{flex:0 0 52px;width:52px;height:52px;position:relative}.howto .item .ic .art{position:absolute;inset:0}.howto .item .ic:has(.art) .shape{visibility:hidden}.howto .item .txt{flex-direction:column;font-size:14px;line-height:1.25;display:flex}.howto .item .txt b{font:italic 800 18px/1.1 var(--display);font-stretch:108%}.howto .letters{margin:12px 0 0;font-size:14px;line-height:1.9}.howto .letters b{border:2px solid var(--ink);background:var(--paper);min-width:1.5em;color:var(--ink);text-align:center;border-radius:6px;padding:0 3px;line-height:1.3;display:inline-block}.howto ul{margin:0;padding-left:20px;font-size:15px;line-height:1.45}.results .stage{align-items:center}.results .box{color:#fff;flex-direction:column;width:min(760px,94vw);max-width:100%;max-height:100%;display:flex;overflow:hidden}.results .scroll{overscroll-behavior:contain;padding:20px 28px 4px;overflow:hidden auto}.results .scroll :is(.btn,.name-input){scroll-margin:16px}.res-head{--ribbon:var(--sky)}.res-head[data-tone=gold]{--ribbon:#ffc629}.res-head[data-tone=good]{--ribbon:var(--teal)}.res-head[data-tone=out]{--ribbon:var(--coral)}.results h2{isolation:isolate;font:italic 900 50px/1.1 var(--display);letter-spacing:-.02em;color:#fff;text-shadow:.045em .05em 0 color-mix(in srgb, var(--ribbon) 45%, #0b0f2e), 0 .08em .24em #080a2259;margin:0 0 0 26px;padding:0 8px;font-stretch:120%;position:relative}.results h2:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--ribbon) 82%, #fff) 0%, var(--ribbon) 55%, color-mix(in srgb, var(--ribbon) 80%, #0b0f2e) 100%);border-radius:.12em;position:absolute;inset:34% -26px 3%;transform:skew(-16deg);box-shadow:0 .1em .26em #080a2259,inset 0 .04em #fff6}.res-words .sub{font:italic 600 17px/1.2 var(--body);color:#fff;text-shadow:var(--lift-strong);margin:10px 0 14px 2px}.rows{flex-direction:column;gap:8px;display:flex}.row{--face:36px;grid-template-columns:56px var(--face) 1fr auto auto;color:#fff;font:600 18px/1 var(--body);animation:slide-in var(--t-med) var(--out) backwards;animation-delay:var(--delay,0s);background:linear-gradient(#ffffff26 0%,#ffffff0a 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#1e2458e6,#14183ecc) padding-box padding-box;border:3px solid #0000;border-radius:17px;align-items:center;gap:12px;padding:9px 14px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff4d,inset 0 1.5px #ffffff73,0 6px 16px #080a1e47}.row .rk{font:italic 900 34px/1 var(--display);white-space:nowrap;justify-self:start;font-stretch:118%}.rk{--tier:linear-gradient(180deg, #fff 0%, #d6dcef 100%);--tier-side:#545c8c;color:#fff;text-shadow:var(--lift)}.rk small{vertical-align:.62em;margin-left:.05em;font-size:.56em}.rk>*{z-index:0;color:var(--tier-side);text-shadow:none;position:relative}.rk>:before,.rk>:after{content:attr(data-ch);content:attr(data-ch) / "";position:absolute;top:0;left:0;transform:translate(-.05em,-.05em)}.rk>:before{z-index:-1;color:var(--keyline);-webkit-text-stroke:.02em var(--keyline);text-shadow:.05em .05em 0 var(--keyline), 0 .06em .14em #080a2273}.rk>:after{color:#0000;background:var(--tier);-webkit-background-clip:text;background-clip:text}.row.r1 .rk,.podium-place.p1 .rk{--tier:linear-gradient(180deg, #fff1a1 0%, #ffcf1f 58%, #ffb800 100%);--tier-side:#c2410c}.row.r2 .rk,.podium-place.p2 .rk{--tier:linear-gradient(180deg, #fff 0%, #d6e6f7 100%);--tier-side:#3f5f8f}.row.r3 .rk,.podium-place.p3 .rk{--tier:linear-gradient(180deg, #ffd0b8 0%, #f08a5d 100%);--tier-side:#8c3521}.row .nm{min-width:0;font:italic 800 22px/1.15 var(--display);letter-spacing:-.005em;text-shadow:var(--lift);font-stretch:110%}.face-ic{width:var(--face,36px);height:var(--face,36px);border:3px solid var(--accent,var(--paper));box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1.5px #1b1b2f80;background:#e6e6e6 var(--portrait) var(--crop,50% 22% / 170%) no-repeat;border-radius:50%;display:block}.row .tm{font:italic 700 19px/1 var(--body);font-variant-numeric:tabular-nums;text-shadow:var(--lift)}.row .gp{font-variant-numeric:tabular-nums;color:#ffffffb8;text-align:right;min-width:64px;font-size:15px}.row.me{border-color:var(--ink);animation:slide-in var(--t-med) var(--out) backwards, me-sheen .9s ease-in-out backwards;animation-delay:var(--delay,0s), calc(var(--delay,0s) + .42s);background:linear-gradient(100deg,#0000 20%,#fff9 50%,#0000 80%) -160% 0/40% 100% no-repeat padding-box padding-box,linear-gradient(#ffffff6b 0%,#ffffff1f 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#ffd84a,#f7b52a) padding-box padding-box;transform:scale(1.02);box-shadow:inset 0 1.5px #fff9,0 0 26px 4px #ffc83273,0 8px 18px #080a1e59}@keyframes me-sheen{0%{background-position:-160% 0,0 0,0 0}to{background-position:260% 0,0 0,0 0}}.row.me :is(.nm,.tm,.gp){color:var(--ink);text-shadow:none}.row.dnf,.row.out{opacity:.55}.row.out .nm{-webkit-text-decoration:line-through 3px var(--danger);text-decoration:line-through 3px var(--danger)}.rows .row:only-child{grid-template-columns:var(--face) 1fr auto auto}.rows .row:only-child .rk{display:none}.laps{font:600 15px/1 var(--body);flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.laps span{color:#fff;background:#0e1026ad;border-radius:999px;padding:7px 12px;box-shadow:inset 0 0 0 1.5px #ffffff52}.laps span.best{color:var(--ink);background:linear-gradient(180deg, #c3f29a, var(--grass));box-shadow:inset 0 0 0 2px var(--ink)}.stars{justify-content:center;gap:10px;margin:12px 0 4px;display:flex}.res-head .stars{flex:none;margin:0 0 0 auto}.stars .star{width:54px;height:54px;filter:drop-shadow(0 3px 0 var(--ink))}.stars .star path{fill:#ffffff38;stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.stars .star.on path{fill:var(--gold)}.stars .star.on{animation:pop-in .5s var(--pop) backwards;animation-delay:var(--delay,0s)}.results .actions{flex-direction:column;align-items:center;gap:14px;padding:14px 28px 22px;display:flex}.results .act-row{flex-wrap:wrap;justify-content:center;gap:12px 14px;display:flex}:is(.results,.podium) .btn{color:#fff;background:linear-gradient(#ffffff2e 0%,#ffffff0d 48%,#0000 50%),linear-gradient(#22285eeb,#10122ef0);border:0;box-shadow:inset 0 0 0 2px #ffffff6b,0 8px 18px #080a1e57}:is(.results,.podium) .btn .label{text-shadow:var(--lift)}:is(.results,.podium) .btn.focused,:is(.results,.podium) .btn:focus-visible{color:var(--sun);box-shadow:inset 0 0 0 3px #fff, 0 0 0 4px var(--sun), 0 0 0 7px var(--ink), 0 0 30px 8px #39ff1480;background:linear-gradient(#ffffff3d 0%,#ffffff12 48%,#0000 50%),linear-gradient(#2c3474f5,#181c44f5);transform:translateY(-3px)scale(1.05)}:is(.results,.podium) .btn:active{transform:translateY(1px)scale(.99);box-shadow:inset 0 0 0 2px #ffffff5c}.results .act-row:not(.main) .btn{padding:10px 22px}.results .act-row:not(.main) .btn .label{font-size:22px}.results .actions .btn.has-sub{flex-direction:column;align-items:center;gap:3px;padding-top:9px;padding-bottom:10px}.results .actions .btn .sub{font:600 14px/1 var(--body);opacity:.82;white-space:nowrap}@media (width>=1180px){.results.beside .stage{align-items:flex-end}.results.beside .dim{background:linear-gradient(90deg,#1b1b2f00 32%,#0e102699 100%)}}.res-words{flex-wrap:wrap;align-items:center;column-gap:14px;display:flex}.res-words .sub{flex-basis:100%}.res-delta{color:#fff;font:italic 900 34px/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #080a2273;animation:pop-in var(--t-slow) var(--pop) calc(.3s + var(--delay,0s)) backwards;border-radius:999px;margin-left:16px;padding:3px 14px 6px;font-stretch:112%;box-shadow:inset 0 0 0 2px #ffffff73,0 6px 16px #080a224d}.res-delta.ahead{background:var(--grass)}.res-delta.behind{background:var(--danger)}.gained{color:#7cf29c;font-weight:700}.row.me .gained{color:#0b6b3e}.rows.cut .tm{font:italic 900 19px/1 var(--display);letter-spacing:.04em;text-shadow:var(--lift);font-stretch:110%}.rows.cut .tm.ko-go{color:#8ff3e6}.rows.cut .tm.ko-out{color:#ffa296}.rows.cut .tm.ko-win{color:var(--sun)}.rows.cut .row.me .tm{color:var(--ink);text-shadow:none}.rows.cut .row.cut-above{margin-bottom:16px;position:relative}.rows.cut .row.cut-above:after{content:"";border-top:4px dashed var(--coral);transform-origin:0;animation:cut-draw .46s var(--out) var(--cut-at,0s) backwards;position:absolute;top:calc(100% + 14px);left:-8px;right:-8px;transform:translateY(-50%)}.rows.cut .row.cut-above:before{content:"CUT";content:"CUT" / "";z-index:1;background:var(--coral);color:#fff;font:italic 900 17px/1 var(--display);letter-spacing:.08em;text-shadow:0 1px 2px #080a2259;animation:cut-tag .36s var(--pop) calc(var(--cut-at,0s) + .2s) backwards;border-radius:999px;padding:3px 11px 4px;font-stretch:110%;position:absolute;top:calc(100% + 14px);left:-16px;transform:translateY(-50%);box-shadow:0 3px 10px #080a2259}@keyframes cut-draw{0%{transform:translateY(-50%)scaleX(0)}}@keyframes cut-tag{0%{opacity:0;transform:translateY(-50%)scale(.4)}}@property --pts{syntax:"<integer>";inherits:false;initial-value:0}.pts .n{counter-reset:pts var(--pts)}.pts .n:before{content:counter(pts)}.standings .pts{text-align:right;min-width:4.4em}.standings .gained{opacity:1;font-size:17px}.standings.moves .row{grid-template-columns:56px 18px var(--face) 1fr auto auto}.standings .row{position:relative}.standings .was{grid-template-columns:inherit;align-items:center;gap:inherit;padding:inherit;border:inherit;border-radius:inherit;opacity:0;background:linear-gradient(#ffffff26 0%,#ffffff0a 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#232a64,#191d4c) padding-box padding-box;border-color:#0000;display:grid;position:absolute;inset:-3px;box-shadow:inset 0 0 0 1.5px #ffffff4d}.standings .was.me{border-color:var(--ink);background:linear-gradient(#ffffff6b 0%,#ffffff1f 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#ffd84a,#f7b52a) padding-box padding-box}.standings .was.me :is(.nm,.tm,.gp){color:var(--ink);text-shadow:none}.standings .mv{justify-content:center;display:flex}.standings .mv i{display:block}.standings .mv.up i{filter:drop-shadow(0 1.5px 0 var(--ink));border:7px solid #0000;border-top-width:0;border-bottom:10px solid #7cf29c}.standings .mv.down i{filter:drop-shadow(0 1.5px 0 var(--ink));border:7px solid #0000;border-top:10px solid #8cc4ff;border-bottom-width:0}.standings .mv.same i{background:#ffffff80;border-radius:2px;width:12px;height:4px}.standings .row.me .mv.up i{filter:none;border-bottom-color:#0a7a4c}.standings .row.me .mv.down i{filter:none;border-top-color:#2b6fd6}.standings .row.me .mv.same i{background:#1b1b2f73}.standings.play .n.count{animation:count-up var(--t-count) ease-out var(--count-at) backwards}.standings.play .gained{transform-origin:100%;animation:gain-pop .46s var(--pop) var(--count-at)}.standings.play .row.flip{animation:row-flip var(--t-flip) linear var(--flip-at) backwards, slide-in var(--t-med) var(--out) var(--delay,0s) backwards}.standings.play .row.flip>.was{animation:was-on calc(var(--t-flip) / 2) step-end var(--flip-at) backwards}.standings.play .row .mv:not(:empty){animation:pop-in var(--t-med) var(--pop) calc(var(--flip-at) + var(--t-flip) / 2) backwards}@keyframes count-up{0%{--pts:var(--from)}}@keyframes gain-pop{45%{transform:scale(1.12)}}@keyframes row-flip{0%{animation-timing-function:ease-in;transform:perspective(700px)rotateX(0)}50%{animation-timing-function:step-end;transform:perspective(700px)rotateX(-90deg)}50.1%{animation-timing-function:ease-out;transform:perspective(700px)rotateX(90deg)}to{transform:perspective(700px)rotateX(0)}}@keyframes was-on{0%,to{opacity:1}}.medal-svg{--m-base:#f2b705;--m-light:#ffe58f;--m-dark:#a26f00;width:100%;height:auto;display:block;overflow:visible}.medal-svg[data-medal=silver]{--m-base:#c3ccd7;--m-light:#f4f7fb;--m-dark:#6f7d8e}.medal-svg[data-medal=bronze]{--m-base:#cd8246;--m-light:#f3c193;--m-dark:#7f4718}.medal-svg .rim,.medal-svg .crown{fill:var(--m-base)}.medal-svg .face{fill:var(--m-light);stroke:var(--m-dark)}.medal-svg .ticks{stroke:var(--m-dark)}.medal-svg .shine{stroke:#fffc}.medal-svg .tail-l{fill:var(--coral)}.medal-svg .tail-r{fill:var(--teal)}.medal-svg .glint{fill:#fff;transform-box:fill-box;transform-origin:50%}@keyframes medal-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.02)}}@keyframes medal-glint{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(.2)rotate(90deg)}70%{transform:scale(1.35)rotate(45deg)}}.results .res-medal .glint,.banner .medal-won .glint{animation:.9s ease-in-out .7s 2 medal-glint}.res-head{align-items:center;gap:16px;display:flex}.res-words{min-width:0}.results .res-medal{filter:drop-shadow(0 4px #1b1b2f59);width:76px;animation:medal-in .7s var(--pop) calc(.2s + var(--lag,0s)) backwards;flex:none;margin:-6px 0 4px -4px}.medal-ladder{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.rung{color:#fff;font:600 15px/1 var(--body);background:#0e1026ad;border-radius:999px;align-items:center;gap:7px;padding:4px 14px 4px 6px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff52}.rung b{font:italic 900 17px/1 var(--display);font-stretch:110%}.rung .rung-ic{width:24px}.rung .rung-t{font-variant-numeric:tabular-nums}.rung.won{color:var(--ink);background:linear-gradient(180deg, #d9ffcc 0%, var(--sun) 50%, #22c40a 100%);box-shadow:inset 0 0 0 2px var(--ink), 0 3px 0 var(--ink)}.rung.miss{opacity:.55}.rung.miss .rung-ic{filter:grayscale()}.board{border-top:2px dashed #ffffff3d;margin-top:16px;padding-top:14px}.board h3{font:italic 900 28px/1 var(--display);color:var(--sun);text-shadow:var(--lift);margin:0;font-stretch:116%}.board-sub{font:600 14px/1.3 var(--body);opacity:.7;margin:4px 0 10px}.board-list{flex-direction:column;gap:5px;min-height:40px;margin-top:8px;display:flex}.board-empty{font:600 15px/1.4 var(--body);opacity:.7;padding:8px 2px}.board-note{font:600 13px/1.3 var(--body);opacity:.7;margin:-6px 0 10px}.board-list .retry-btn{align-self:flex-start;padding:8px 18px}.board-list .retry-btn .label{font-size:20px}.board-row{--face:28px;grid-template-columns:48px var(--face) 1fr auto auto;color:#fff;font:600 15px/1 var(--body);background:linear-gradient(#ffffff21 0%,#ffffff08 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#1e2458e0,#14183ec7) padding-box padding-box;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:5px 12px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff47}.board-row .rk{font:italic 900 20px/1 var(--display);white-space:nowrap;font-stretch:116%}.board-row .face-ic{box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1px #1b1b2f80;border-width:2px}.board-row .rc{align-items:center;gap:6px;display:inline-flex}.board-row .rt{opacity:.6;font-size:13px}.board-row .kt .kart-svg{width:36px;height:auto;display:block}.board-row .tm{font-variant-numeric:tabular-nums}.board-row.me{color:var(--ink);border-color:var(--ink);background:linear-gradient(#fff6 0%,#ffffff1a 46%,#0000 48%) padding-box padding-box,linear-gradient(90deg,#ffd84a,#f7b52a) padding-box padding-box}.board-form{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.name-input{min-width:0;font:600 20px/1 var(--body);color:var(--ink);border:var(--stroke) solid var(--ink);box-shadow:0 4px 0 var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:999px;outline:none;flex:200px;padding:12px 18px}.name-input.focused,.name-input:focus-visible{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--sun), 0 0 0 7px var(--ink), 0 0 24px 6px #39ff1473}.board-form .btn{padding:12px 22px}.board-form .btn .label{font-size:22px}.board-status{font:600 14px/1.35 var(--body);opacity:.8;min-height:1.35em;margin-top:8px}.board-status[data-kind=error]{color:#ff9a90;opacity:1}.board-status[data-kind=ok]{color:#7cf29c;opacity:1}@media (width<=900px){.place .n{font-size:96px}.minimap{width:150px;height:150px}.slot{--size:84px}.slot.next{--size:54px}}@media (height<=900px){.stage{padding-top:calc(24px + var(--safe-t));padding-bottom:calc(20px + var(--safe-b));gap:16px}.heading{font-size:clamp(36px,5vw,56px)}.overlay .box{padding:20px 24px}.overlay .box.dialog{--pad-y:20px;--pad-x:24px}.overlay h2{margin-bottom:12px;font-size:36px}.overlay .list{gap:8px}.setting{padding:8px 16px!important}.setting .label{font-size:18px}.results .scroll{padding:18px 22px 4px}.results .actions{padding:12px 22px 18px}.results h2{font-size:42px}.row .nm{font-size:21px}.rows{gap:6px}.row{padding:6px 12px}}@media (width<=900px) and (pointer:fine){.gears{padding:4px 13px 5px 5px;font-size:28px}.gears .gear{width:27px;height:27px}}@media (height<=800px){.row{--face:30px;padding:4px 12px}.row .rk{font-size:30px}.laps{margin-top:10px}}@media (height<=700px){.rows{gap:5px}}@media (height<=800px){.results .actions{gap:10px}.results .actions .btn{padding:10px 26px}.results .actions .btn .label{font-size:24px}.results .actions .btn.has-sub{flex-direction:row;align-items:baseline;gap:10px;padding-top:10px;padding-bottom:10px}.results .act-row:not(.main) .btn{padding:7px 18px}.results .act-row:not(.main) .btn .label{font-size:19px}}@media (height<=700px){.results .box{width:min(860px,94vw)}.results .actions{flex-flow:wrap;justify-content:center;gap:8px}.results .act-row{display:contents}.results .actions .btn,.results .act-row:not(.main) .btn{padding:7px 16px}.results .actions .btn .label,.results .act-row:not(.main) .btn .label{font-size:19px}.results .actions .btn .sub{display:none}}@media (width<=600px){.results .stage{padding-left:calc(12px + var(--safe-l));padding-right:calc(12px + var(--safe-r))}.results .scroll{padding-left:14px;padding-right:14px}.row{--face:28px;grid-template-columns:34px var(--face) minmax(0, 1fr) auto auto;gap:8px;padding:5px 10px;font-size:15px}.row .rk{font-size:22px}.row .nm{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.results h2{margin-left:20px;font-size:36px}.results h2:before{left:-18px;right:-18px}.rows:not(.standings) .row .gp{display:none}.standings .gained{min-width:0;font-size:14px}.rows .row:only-child{grid-template-columns:var(--face) minmax(0, 1fr) auto auto}.standings.moves .row{grid-template-columns:34px 12px var(--face) minmax(0, 1fr) auto auto}.standings .pts{min-width:0}.finish-go{bottom:calc(128px + var(--safe-b));padding:9px 18px;font-size:17px}.results .actions{gap:8px;padding:10px 10px 14px}.results .act-row{gap:8px 6px}.results .actions .btn{padding:8px 16px}.results .actions .btn .label{font-size:20px}.results .act-row:not(.main) .btn{padding:6px 10px}.results .act-row:not(.main) .btn .label{font-size:15px}}@media (height<=800px){.pick-hint{display:none}.btn.pick{padding:6px 14px}.opt .sw{width:38px;height:26px}.opt .lock{width:16px;height:16px;top:-8px;right:-9px}}@media (height<=500px){.stage{padding:calc(12px + var(--safe-t)) calc(20px + var(--safe-r)) calc(12px + var(--safe-b)) calc(20px + var(--safe-l));gap:10px}.heading{font-size:30px}.stage-head .back-btn{padding:6px 16px}.stage-head .back-btn .label{font-size:18px}.pick-hint{display:none}.garage{flex-wrap:nowrap;gap:10px}.btn.pick{gap:6px;padding:3px 8px}.btn.pick .label{min-width:2.2em;font-size:18px}.btn.pick .arrow{padding:6px 2px}.btn.pick .opts{gap:4px}.opt{padding:3px 4px 2px}.opt .sw{width:32px;height:20px}.opt .lock{width:14px;height:14px;top:-6px;right:-7px}.opt .nm{font-size:11px}.results .stage{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l))}.results .box{width:min(840px,100%)}.results .scroll{padding:8px 18px 2px}.res-head{gap:10px;margin-bottom:8px}.res-words{flex-wrap:wrap;align-items:baseline;column-gap:30px;display:flex}.results h2{margin-left:16px;padding:0 6px;font-size:30px}.results h2:before{left:-14px;right:-14px}.res-words .sub{flex-basis:auto;margin:0}.res-delta{padding:2px 10px 4px;font-size:22px}.results .res-medal{width:42px;margin:-4px 0 -2px}.rows.many{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--half,4), auto);grid-auto-flow:column;gap:5px 10px;display:grid}.row{--face:26px;grid-template-columns:34px var(--face) minmax(0, 1fr) auto auto;gap:8px;padding:3px 10px;font-size:15px}.row .rk{font-size:21px}.row .nm{font-size:16px}.row .tm{font-size:15px}.rows.cut .tm{font-size:14px}.row .face-ic,.board-row .face-ic{box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1px #1b1b2f80;border-width:2px}.row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .gp{min-width:44px;font-size:13px}.rows .row:only-child{grid-template-columns:var(--face) minmax(0, 1fr) auto auto}.standings.moves .row{grid-template-columns:34px 12px var(--face) minmax(0, 1fr) auto auto}.standings .gained{min-width:30px;font-size:14px}.standings .pts{min-width:3.9em}.standings .mv.up i{border-width:0 5px 8px}.standings .mv.down i{border-width:8px 5px 0}.standings .mv.same i{width:9px;height:3px}.board-row{--face:24px}.board-row .kt .kart-svg{width:30px}.res-head .stars .star{width:30px;height:30px}.laps{margin-top:6px}.laps span{padding:5px 9px}.medal-ladder{gap:6px;margin-top:6px}.results .actions{gap:6px 8px;padding:8px 14px 12px}.results .actions .btn,.results .act-row:not(.main) .btn{padding:6px 14px}.results .actions .btn .label,.results .act-row:not(.main) .btn .label{font-size:18px}.rows.many.cut .row.cut-above{margin-bottom:0}.rows.many.cut .row.cut-above:after{border-top-width:3px;top:calc(100% + 5px)}.rows.many.cut .row.cut-above:before{padding:1px 6px 2px;font-size:11px;top:calc(100% + 5px);left:-10px}.overlay .box{padding:14px 20px}.overlay .box.dialog{--pad-y:14px;--pad-x:20px}.overlay .box.dialog>.foot{padding-top:8px}.overlay .box.dialog>.foot .btn{padding:10px 24px}.overlay .box.dialog>.foot .btn .label{font-size:22px}.overlay h2{margin-bottom:10px;font-size:28px}.settings .box.dialog>.foot{flex-direction:row;gap:14px}.settings .box.dialog>.foot .btn{flex:none;min-width:0}.settings .help{text-align:left;flex:1;justify-content:flex-start;min-width:0;font-size:13px}.pause .list{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.pause .list .btn:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.pause .btn{padding:10px 18px}.pause .btn .label{font-size:22px}}@media (pointer:coarse){.title .press,.hint{display:none}}