@font-face{font-family:Rubik Mono One;font-weight:400;font-style:normal;font-display:block;src:url(./rubik-mono-one-400-latin-DCAJF2p0.woff2) format("woff2")}@font-face{font-family:Nunito;font-weight:900;font-style:normal;font-display:block;src:url(./Nunito-Black-CIiKX6G6.woff2) format("woff2")}:root{--inset-top: env(safe-area-inset-top, 0px);--inset-right: env(safe-area-inset-right, 0px);--inset-bottom: env(safe-area-inset-bottom, 0px);--inset-left: env(safe-area-inset-left, 0px);--snap-row: 52px;--sky: #080a21;--ink: #ffffff;--navy: #0d1233;--navy-deep: #070a21;--glass: rgba(10, 14, 44, .78);--yellow: #fffc00;--yellow-ink: #1a1500;--blue: #2f7cff;--orange: #ff7a1a;--green: #35d66e;--red: #ff4b5c;--pill: 999px;--ease-plastic: cubic-bezier(.34, 1.56, .64, 1);--font: "Nunito", ui-rounded, "SF Pro Rounded", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);color:var(--ink);font-family:var(--font);font-weight:900;touch-action:none;overscroll-behavior:none}#probe{position:fixed;top:0;left:0;width:0;height:env(safe-area-inset-top,0px);pointer-events:none;visibility:hidden}#stage{position:fixed;left:0;right:0;bottom:0;top:var(--inset-top, 0px)}#view{display:block}svg.caricon{width:34px;height:17px;color:var(--blue)}svg.caricon.flip{transform:scaleX(-1);color:var(--orange)}#score .orange svg.caricon{color:var(--orange)}.txt{position:relative;display:inline-block;color:transparent;transform:skew(-6deg);--fill: linear-gradient(180deg, #ffffff 0%, #f2f5ff 48%, #b6c6ff 100%)}.txt:before,.txt:after{content:attr(data-text);position:absolute;left:0;top:0;white-space:nowrap}.txt:before{z-index:0;color:var(--navy);-webkit-text-fill-color:var(--navy);-webkit-text-stroke:.14em var(--navy);paint-order:stroke fill}.txt:after{z-index:1;color:transparent;background-image:var(--fill);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.txt.yellow{--fill: linear-gradient(180deg, #fff9b0 0%, #fffc00 45%, #ffb400 100%)}.txt.blue{--fill: linear-gradient(180deg, #ffffff 0%, #9cc4ff 50%, #2f7cff 100%)}.txt.orange{--fill: linear-gradient(180deg, #fff3e0 0%, #ffc08a 50%, #ff7a1a 100%)}#hud{position:fixed;left:0;right:0;top:calc(var(--inset-top, 0px) + 10px);display:flex;justify-content:center;pointer-events:none;transition:opacity .25s ease,transform .35s var(--ease-plastic)}#score{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;min-width:262px;height:48px;border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 28px #0006,inset 0 1px #ffffff29;overflow:hidden;transform:skew(-6deg)}#score>*{transform:skew(6deg)}#score .side{display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;letter-spacing:.06em}#score .side.blue{background:linear-gradient(90deg,#2f7cff99,#2f7cff00)}#score .side.orange{background:linear-gradient(270deg,#ff7a1a99,#ff7a1a00);justify-content:flex-end}#score .side b{font-size:26px;line-height:1;font-variant-numeric:tabular-nums;min-width:18px;text-align:center}#score .name{opacity:.85;white-space:nowrap}#score .clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 14px;background:#0006;min-width:84px}#score .clock b{font-size:21px;line-height:1;font-variant-numeric:tabular-nums;margin-top:4px}#score .clock span{font-size:9px;letter-spacing:.16em;opacity:.7;margin-top:2px}#score .clock span.hot{color:var(--yellow);opacity:1}#tags{position:fixed;inset:0;pointer-events:none;overflow:hidden}.nametag{position:absolute;left:0;top:0;transform:translate(-50%,-100%);padding:3px 9px;border-radius:7px;font-size:11px;letter-spacing:.08em;background:#0d1233b8;border:1.5px solid rgba(255,255,255,.3);will-change:transform;opacity:0}.nametag.you{border-color:var(--blue)}.nametag.cpu{border-color:var(--orange)}.nametag.show{opacity:1}#ballarrow{position:fixed;left:0;top:0;width:44px;height:44px;pointer-events:none;opacity:0;transition:opacity .15s ease;will-change:transform;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}#ballarrow.show{opacity:1}#ballarrow svg{width:100%;height:100%}body.carded #ballarrow{opacity:0}#banner{position:fixed;left:0;right:0;top:34%;padding:10px 0 14px;text-align:center;font-size:min(86px,22vw);line-height:1;letter-spacing:.02em;pointer-events:none;opacity:0;--ribbon: rgba(255, 252, 0, .55)}#banner:before{content:"";position:absolute;inset:8% -10%;z-index:-1;background:linear-gradient(90deg,transparent 0%,var(--ribbon) 22%,var(--ribbon) 78%,transparent 100%);transform:skewY(-3deg)}#banner .txt{filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}#banner.blue{--ribbon: rgba(47, 124, 255, .55)}#banner.orange{--ribbon: rgba(255, 122, 26, .55)}#banner.yellow{--ribbon: rgba(255, 252, 0, .4)}#banner.count{--ribbon: transparent;font-size:min(150px,38vw)}#banner.pop{animation:bannerpop 1.2s var(--ease-plastic) both}#banner.count{animation:countpop .95s ease-out both}#banner.stay{opacity:1;font-size:min(44px,12vw)}#banner .small{display:block;margin-top:10px;font-size:15px;letter-spacing:.28em;color:#fff;text-shadow:0 2px 0 var(--navy),0 0 14px rgba(0,0,0,.6)}@keyframes bannerpop{0%{opacity:0;transform:translate(-40px) scale(.7)}15%{opacity:1;transform:translate(0) scale(1.08)}28%{transform:scale(1)}82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes countpop{0%{opacity:0;transform:scale(1.7)}22%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(.85)}}#warmup{position:fixed;left:22px;right:22px;top:calc(var(--inset-top, 0px) + 68px);text-align:center;pointer-events:none;opacity:0;transition:opacity .3s ease}body.warmup #warmup{opacity:1}#warmup .mode{font-size:36px;line-height:1;letter-spacing:.04em}#warmup .sub{margin-top:10px;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.5)}#warmup .bar{margin:10px auto 0;width:min(300px,80vw);height:14px;border-radius:var(--pill);background:#0d1233a6;border:2px solid rgba(255,255,255,.25);overflow:hidden}#warmup .bar i{display:block;height:100%;width:0%;border-radius:var(--pill);background:var(--yellow);box-shadow:0 0 14px #fffc008c}#warmup .hint{margin-top:12px;font-size:20px;text-shadow:0 2px 0 var(--navy),2px 0 0 var(--navy),-2px 0 0 var(--navy),0 -2px 0 var(--navy),0 8px 22px rgba(0,0,0,.5)}.lshint{display:block;width:min(calc(var(--w) / 7.2 * 1vw),calc(var(--w) * 1px));height:auto}#drivehint{--lw: min(13.75vw, 99px);position:fixed;left:calc(25vw - .09 * var(--lw));bottom:calc(var(--inset-bottom, 0px) + 170px - .49 * var(--lw) * 155 / 99);pointer-events:none;opacity:0;transition:opacity .3s ease}body.warmup.hinting #drivehint,body.opening.hinting #drivehint{opacity:1}#stickzone{position:fixed;left:0;bottom:0;width:56%;height:58%}#stick{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#0a0e2c59;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .12s ease}#stick.show{opacity:1}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#cfd8ff 70%);box-shadow:0 3px 12px #00000059}.ctl{position:fixed;display:grid;place-items:center;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.28);box-shadow:0 10px 26px #0006,inset 0 1px #fff3;color:#fff;transition:transform .08s ease,opacity .2s ease,box-shadow .12s ease;touch-action:none}.ctl .ico{width:36px;height:36px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ctl span{font-size:10px;letter-spacing:.16em;opacity:.75;margin-top:-4px}.ctl.held{transform:scale(.94)}#jump{right:calc(var(--inset-right, 0px) + 122px);bottom:calc(var(--inset-bottom, 0px) + 100px);width:84px;height:84px;grid-template-rows:auto auto;row-gap:0;padding-top:4px}#jump.held{border-color:#9cc4ff;box-shadow:0 0 26px #2f7cffb3,0 10px 26px #0006}#jump.held .ico{color:#9cc4ff}#boost{right:calc(var(--inset-right, 0px) + 18px);bottom:calc(var(--inset-bottom, 0px) + 22px);width:118px;height:118px;--boost: 33%}#boost .gauge{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from -120deg,var(--yellow) 0,var(--yellow) calc(var(--boost) * .6667),rgba(255,255,255,.14) calc(var(--boost) * .6667),rgba(255,255,255,.14) 240deg,transparent 240deg);-webkit-mask:radial-gradient(circle,transparent 54px,#000 55px),repeating-conic-gradient(from -120deg,#000 0deg 8deg,transparent 8deg 10deg);mask:radial-gradient(circle,transparent 54px,#000 55px),repeating-conic-gradient(from -120deg,#000 0deg 8deg,transparent 8deg 10deg);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,252,0,.45))}#boost .ico{width:44px;height:54px;color:#ffb43c;margin-top:-10px}#boost b{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:var(--pill);background:var(--yellow);color:var(--yellow-ink);font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #0006}#boost.held{border-color:#ffb43c;box-shadow:0 0 34px #ff7a1acc,0 10px 26px #0006}#boost.held .ico{color:#fff1b0;filter:drop-shadow(0 0 10px #ff9a1a)}#boost.empty .ico{color:#6f7590}#boost.empty.held{animation:empty-wiggle .3s ease-in-out}@keyframes empty-wiggle{0%,to{transform:scale(.94) translate(0)}25%{transform:scale(.94) translate(-5px)}75%{transform:scale(.94) translate(5px)}}#boost.empty b{background:var(--navy);color:#fff;box-shadow:0 0 0 2px var(--red),0 4px 12px #0006}body.carded .ctl,body.carded #stickzone,body.carded #hud,body.carded #tags{opacity:0;pointer-events:none}body.warmup #hud{opacity:0}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none}.screen{position:fixed;inset:0;display:block}.screen[hidden]{display:none}.logowrap{position:absolute;left:0;right:0;top:calc(var(--inset-top, 0px) + var(--snap-row));text-align:center;animation:logo-in .6s var(--ease-plastic) both}@keyframes logo-in{0%{transform:translateY(-30px) scale(.9);opacity:0}}.logowrap .tag{display:inline-block;padding:4px 12px;border-radius:6px;background:var(--yellow);color:var(--yellow-ink);font-size:10px;letter-spacing:.22em;transform:skew(-6deg) rotate(-3deg);margin-bottom:6px}.logo{margin:0;display:flex;flex-direction:column;align-items:center;font-size:min(68px,17vw);line-height:.88;letter-spacing:-.01em;transform:rotate(-4deg);filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}.logo .txt:last-child{margin-top:-.04em}.sheet{position:absolute;left:0;right:0;bottom:0;padding:22px 20px calc(var(--inset-bottom, 0px) + max(64px,14vh));background:linear-gradient(180deg,#070a2100,#070a21d1 22%,#070a21f2);text-align:center;animation:sheet-in .5s var(--ease-plastic) both}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}.vsrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:380px;margin:0 auto}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;border-radius:14px;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);font-size:13px;letter-spacing:.08em;transform:skew(-6deg)}.badge>*{transform:skew(6deg)}.badge.you{border-color:#2f7cffcc;background:linear-gradient(180deg,#2f7cff4d,#2f7cff0d)}.badge.cpu{border-color:#ff7a1acc;background:linear-gradient(180deg,#ff7a1a4d,#ff7a1a0d)}.badge svg.caricon{width:44px;height:22px}.badge.cpu svg.caricon{color:var(--orange)}.badge b{white-space:nowrap}.badge small{font-size:9px;letter-spacing:.24em;opacity:.7;margin-top:-4px;color:#ffd27a}.vsrow .vs{font-size:24px;color:var(--yellow);letter-spacing:.06em;transform:skew(-8deg);text-shadow:0 3px 0 var(--navy)}.levels{display:flex;justify-content:center;gap:8px;margin:10px auto 0}.levels button{flex:1;max-width:120px;padding:8px 0;border:2px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0d;color:#ffffffbf;font:inherit;font-size:11px;letter-spacing:.14em}.levels button.on{background:var(--orange);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ff7a1a66}.btn{margin-top:12px;width:100%;max-width:380px;padding:14px 0;border:0;border-radius:14px;font:inherit;font-size:20px;letter-spacing:.1em;color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.24)}.btn.play{position:relative;background:var(--yellow);color:var(--yellow-ink);border-color:transparent;box-shadow:0 10px 28px #fffc0052,inset 0 -4px #0000001f;transform:skew(-6deg);overflow:hidden}.btn.play span{display:inline-block;transform:skew(6deg)}.btn.play.loading{pointer-events:none}.btn.play.loading span{visibility:hidden}.btn.play.loading:before{content:"LOADING";position:absolute;inset:0;display:grid;place-items:center;transform:skew(6deg);letter-spacing:.22em;animation:loading-pulse 1.1s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.45}50%{opacity:1}}.btn.play:after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:shine 2.6s ease-in-out infinite}@keyframes shine{0%,60%{left:-30%}to{left:120%}}.btn.ghost{margin-top:10px;padding:12px 0;font-size:14px}.btn:active{transform:translateY(2px) skew(-6deg)}.btn[hidden]{display:none}.tips{margin-top:10px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.tips span{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.08em;opacity:.8}.tipico{width:16px;height:16px;color:var(--yellow)}.pill{display:inline-block;padding:6px 16px;border-radius:8px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.28);font-size:12px;letter-spacing:.2em;transform:skew(-6deg)}.pill.win{background:var(--green);color:#052a12;border-color:transparent}.pill.loss{background:var(--red);color:#fff;border-color:transparent}.pill.draw{background:var(--yellow);color:var(--yellow-ink);border-color:transparent}.final{display:flex;justify-content:center;align-items:baseline;gap:16px;margin:12px 0 0;font-size:min(72px,19vw);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 var(--navy),0 12px 30px rgba(0,0,0,.5)}.final span{font-size:.5em;opacity:.6}.finalnames{display:flex;justify-content:center;gap:48px;font-size:11px;letter-spacing:.18em;margin-top:4px}.finalnames .blue{color:#9cc4ff}.finalnames .orange{color:#ffc08a}#statrows{margin:14px auto 2px;max-width:380px;font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}#statrows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#statrows .tile{display:grid;justify-items:center;gap:2px;padding:8px 4px 7px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);transform:skew(-6deg)}#statrows .tile b{font-size:20px;line-height:1}#statrows .tile b small{font-size:9px;margin-left:2px;opacity:.7;letter-spacing:.08em}#statrows .tile span{opacity:.7;font-size:9px;letter-spacing:.16em}#debug{position:fixed;top:calc(var(--inset-top, 0px) + 66px);left:8px;font:500 11px/1.4 ui-monospace,monospace;opacity:.85;white-space:pre;pointer-events:none;display:none;text-shadow:0 1px 2px #000}body.debug #debug{display:block}body.icon #hud,body.icon #tags,body.icon #banner,body.icon .ctl,body.icon #stickzone,body.icon .screen,body.icon #warmup,body.icon #drivehint{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.head{border-radius:50%;object-fit:cover;background:#e8ecf8;box-sizing:border-box}.head[hidden]{display:none}.nametag .head{width:18px;height:18px;margin:-2px 5px -4px -4px;vertical-align:-3px;border:1.5px solid var(--blue)}.pts{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 10px;font-size:14px;letter-spacing:.08em;flex-wrap:wrap}.pts .head{width:40px;height:40px;border:2.5px solid var(--blue)}.ptsnum b{font-size:28px;color:var(--yellow);font-variant-numeric:tabular-nums}.ptsbest{opacity:.8}.ptsbest b{font-variant-numeric:tabular-nums}.pill.newbest{background:var(--yellow);color:var(--yellow-ink);font-size:12px;padding:3px 10px}.pill.newbest[hidden],#lbbtn[hidden]{display:none}#lbbtn{margin-top:10px}#lbbtn.pulse{animation:lbpulse .9s ease-in-out 2}@keyframes lbpulse{50%{transform:scale(1.04);border-color:var(--yellow)}}#lbbtn.loading{opacity:.6}.stamp{margin-top:8px;font:10px/1 ui-monospace,monospace;letter-spacing:.08em;opacity:.45}body.opening{background:radial-gradient(120% 70% at 50% 62%,#1d3a8a 0%,#0f1b4d 38%,var(--sky) 72%)}#opening{position:fixed;left:0;right:0;top:calc(var(--inset-top, 0px) + var(--snap-row) + 56px);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;opacity:0;transform:translateY(-14px);transition:opacity .25s ease,transform .25s ease}body.opening #opening{opacity:1;transform:none}#opening .logo{font-size:min(54px,13.5vw);animation:logo-in .6s var(--ease-plastic) both}#opening .matchup{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:10px;background:#0d12339e;border:1.5px solid rgba(255,255,255,.18);font-size:13px;letter-spacing:.12em;transform:skew(-6deg)}#opening .matchup .you{color:#9cc4ff}#opening .matchup .vs{color:var(--yellow)}#opening .matchup .cpu{color:#ffc08a}#opening .matchup i{font-style:normal;color:var(--yellow);letter-spacing:0}#opening .matchup .star{width:.95em;height:.95em;vertical-align:-.12em}#opening .go{margin-top:4px;padding:7px 16px;border-radius:999px;background:#080a21b8;border:1.5px solid rgba(255,252,0,.55);font-size:12px;letter-spacing:.24em;color:#fff;animation:go-pulse 1.4s ease-in-out infinite}@keyframes go-pulse{50%{opacity:.75;transform:scale(.97)}}body.icon #opening{display:none!important}#replay{position:fixed;inset:0;pointer-events:none}#replay[hidden]{display:none}#replay .bug{position:absolute;right:16px;top:calc(var(--inset-top, 0px) + var(--snap-row) + 58px);display:flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;border-radius:8px;background:#0d1233c7;border:1.5px solid rgba(255,255,255,.25);font-size:14px;letter-spacing:.22em;transform:skew(-6deg)}#replay .bug i{width:10px;height:10px;border-radius:50%;background:#ff3b3b;animation:rec 1s steps(2) infinite}@keyframes rec{50%{opacity:.2}}#replay .skip{position:absolute;left:0;right:0;bottom:calc(var(--inset-bottom, 0px) + 150px);text-align:center;font-size:12px;letter-spacing:.24em;color:#ffffffb3}body.replaying .ctl,body.replaying #stickzone,body.replaying #tags,body.replaying #ballarrow,body.replaying #banner{opacity:0;pointer-events:none}body.replaying #stage:before,body.replaying #stage:after{content:"";position:absolute;left:0;right:0;height:7vh;background:#000;z-index:1;animation:bars .35s ease both}body.replaying #stage:before{top:0}body.replaying #stage:after{bottom:0}@keyframes bars{0%{height:0}}:root{--font: "Rubik Mono One", "Nunito", system-ui, sans-serif;--ink: #ffffff;--st-ink: #111111;--st-paper: #ffffff;--pink: #ff3d7f;--lime: #b6ff2e;--cyan: #35c9ff;--tangerine: #ff9a3d;--st-edge: 0 0 0 4px var(--st-ink);--st-drop: 0 0 0 4px var(--st-ink), 4px 6px 0 4px rgba(0, 0, 0, .35)}html,body{font-weight:400}.st{display:inline-block;background:var(--st-paper);color:var(--st-ink);border-radius:12px;box-shadow:var(--st-drop)}#score{min-width:0;height:auto;gap:10px;padding:4px 6px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none}#score>*{transform:none}#score .side{padding:6px 10px;border-radius:12px;color:var(--st-ink);font-size:9px;letter-spacing:0;box-shadow:var(--st-drop)}#score .side.blue{background:var(--cyan);transform:rotate(-3deg)}#score .side.orange{background:var(--tangerine);transform:rotate(3deg)}#score .side b{font-size:24px}#score .name{opacity:1}#score svg.caricon,#score .orange svg.caricon{color:var(--st-ink);width:26px;height:13px}#score .clock{padding:6px 10px 5px;min-width:0;border-radius:12px;background:var(--lime);color:var(--st-ink);box-shadow:var(--st-drop);transform:rotate(-1deg)}#score .clock b{font-size:18px;margin-top:0}#score .clock span{font-size:7px;letter-spacing:.06em;opacity:1}#score .clock span.hot{color:var(--pink)}.nametag{padding:4px 8px;border-radius:8px;font-size:9px;letter-spacing:0;color:var(--st-ink);border:0;box-shadow:0 0 0 3px var(--st-ink),2px 3px 0 3px #0000004d}.nametag.you{background:var(--cyan)}.nametag.cpu{background:var(--tangerine)}.nametag .head{border-color:var(--st-ink)}#ballarrow{filter:drop-shadow(3px 4px 0 rgba(0,0,0,.35))}#banner{font-size:min(64px,15vw)}#banner:before{display:none}#banner .stk{display:inline-block;padding:6px 18px 4px;border-radius:16px;background:var(--lime);color:var(--st-ink);box-shadow:0 0 0 5px var(--st-ink),6px 9px 0 5px #00000059;transform:rotate(-6deg)}#banner .stk.blue{background:var(--cyan)}#banner .stk.orange{background:var(--tangerine)}#banner.count{font-size:min(110px,28vw)}#banner.count .stk{background:var(--st-paper);transform:rotate(4deg)}#banner .small{display:inline-block;margin-top:18px;padding:6px 12px;border-radius:10px;font-size:13px;letter-spacing:0;color:var(--st-ink);background:var(--st-paper);text-shadow:none;box-shadow:var(--st-drop);transform:rotate(3deg)}#banner .small{display:table;margin-left:auto;margin-right:auto}#stick{background:#11111138;border:3px dashed rgba(255,255,255,.75);-webkit-backdrop-filter:none;backdrop-filter:none}#knob{background:var(--st-paper);box-shadow:var(--st-drop)}.ctl{background:var(--cyan);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;color:var(--st-ink);box-shadow:var(--st-drop)}.ctl .ico{color:var(--st-ink);filter:none}.ctl span{font-size:8px;letter-spacing:0;opacity:1}#jump{transform:rotate(-6deg)}#jump.held{transform:rotate(-6deg) scale(.92);box-shadow:0 0 0 4px var(--st-ink)}#jump.held .ico{color:var(--st-paper)}#boost{background:var(--pink);transform:rotate(5deg)}#boost .ico{color:var(--st-paper);filter:drop-shadow(0 0 0 var(--st-ink))}#boost .gauge{background:conic-gradient(from -120deg,var(--lime) 0,var(--lime) calc(var(--boost) * .6667),rgba(17,17,17,.35) calc(var(--boost) * .6667),rgba(17,17,17,.35) 240deg,transparent 240deg);filter:none}#boost b{padding:3px 10px;font-size:13px;background:var(--st-paper);color:var(--st-ink);box-shadow:0 0 0 3px var(--st-ink)}#boost.held{transform:rotate(5deg) scale(.92);box-shadow:0 0 0 4px var(--st-ink)}#boost.held .ico{color:var(--lime);filter:none}#boost.empty .ico{color:#11111173}#boost.empty b{background:var(--st-ink);color:var(--st-paper);box-shadow:0 0 0 3px var(--pink)}#opening .logo{display:grid;justify-items:center;gap:10px;font-size:min(46px,11.5vw);line-height:1;transform:none;filter:none}#opening .logo b{padding:8px 18px 4px;font-weight:400}#opening .logo .l1{background:var(--pink);color:var(--st-paper);transform:rotate(-5deg)}#opening .logo .l2{background:var(--lime);transform:rotate(3deg);margin-left:54px}#opening .matchup{gap:8px;padding:7px 12px 5px;border:0;border-radius:10px;background:var(--st-paper);color:var(--st-ink);font-size:11px;letter-spacing:0;box-shadow:var(--st-drop);transform:rotate(-2deg)}#opening .matchup .you{color:#1593c9}#opening .matchup .vs{color:var(--st-ink)}#opening .matchup .cpu{color:#e0700c}#opening .matchup i{color:var(--pink)}#opening .go{padding:7px 14px 5px;border:0;border-radius:10px;background:var(--pink);color:var(--st-paper);font-size:11px;letter-spacing:0;box-shadow:var(--st-drop);transform:rotate(2deg);animation:st-wobble 1.6s ease-in-out infinite}@keyframes st-wobble{50%{transform:rotate(-1deg) scale(1.04)}}#over .sheet{left:16px;right:16px;bottom:calc(var(--inset-bottom, 0px) + max(28px,4vh));padding:30px 16px 16px;border-radius:20px;background:var(--st-paper);color:var(--st-ink);box-shadow:0 0 0 5px var(--st-ink),6px 9px 0 5px #00000059;transform:rotate(-1deg)}#over .pill{position:absolute;top:-20px;left:22px;padding:7px 14px 5px;border:0;border-radius:10px;font-size:18px;letter-spacing:0;color:var(--st-ink);box-shadow:var(--st-drop);transform:rotate(-4deg)}#over .pill.win{background:var(--lime)}#over .pill.loss{background:var(--pink);color:var(--st-paper)}#over .pill.draw{background:var(--st-paper)}#over .final{margin:2px 0 0;gap:12px;font-size:min(60px,15vw);text-shadow:none;color:var(--st-ink)}#over .final b:first-child{color:#1593c9}#over .final b:last-child{color:#e0700c}#over .final span{opacity:1}#over .finalnames{gap:40px;font-size:9px;letter-spacing:0}#over .finalnames .blue{color:#1593c9}#over .finalnames .orange{color:#e0700c}#over .pts{color:var(--st-ink);font-size:11px;letter-spacing:0;margin:10px 0 4px}#over .pts .head{border-color:var(--st-ink)}#over .ptsnum b{color:var(--st-ink);font-size:22px}#over .ptsbest{opacity:1}#over .pill.newbest{position:static;display:inline-block;background:var(--lime);font-size:9px;padding:4px 8px 3px;transform:rotate(5deg)}#over .pill.newbest[hidden]{display:none}#statrows .tile{border:0;border-radius:10px;color:var(--st-ink);box-shadow:0 0 0 3px var(--st-ink);transform:none}#statrows .tile:nth-child(1){background:#e6f8ff;transform:rotate(-2deg)}#statrows .tile:nth-child(2){background:#f2ffd8;transform:rotate(1deg)}#statrows .tile:nth-child(3){background:#ffe6ef;transform:rotate(-1deg)}#statrows .tile b{font-size:18px}#statrows .tile span{font-size:7px;letter-spacing:0;opacity:1}#over .btn{margin-top:14px;border:0;border-radius:12px;font-size:14px;letter-spacing:0;color:var(--st-ink);background:var(--st-paper);box-shadow:0 0 0 4px var(--st-ink);transform:none}#over .btn.play{font-size:22px;padding:12px 0 9px;background:var(--lime);box-shadow:0 0 0 4px var(--st-ink),0 6px 0 4px var(--st-ink)}#over .btn.play:after{display:none}#over .btn.play span{transform:none}#over .btn.ghost{margin-top:12px;padding:9px 0 7px;font-size:11px}#over #next{background:var(--cyan)}#over .btn:active{transform:translateY(3px)}#over .stamp{color:#1116}#replay .bug{border:0;border-radius:10px;background:var(--pink);color:var(--st-paper);font-size:12px;letter-spacing:0;box-shadow:var(--st-drop);transform:rotate(3deg)}#replay .bug i{background:var(--st-paper);box-shadow:0 0 0 2px var(--st-ink)}#replay .skip{font-size:10px;letter-spacing:0}#boost{width:106px;height:106px}#boost .gauge{-webkit-mask:radial-gradient(circle,transparent 48px,#000 49px),repeating-conic-gradient(from -120deg,#000 0deg 8deg,transparent 8deg 10deg);mask:radial-gradient(circle,transparent 48px,#000 49px),repeating-conic-gradient(from -120deg,#000 0deg 8deg,transparent 8deg 10deg);-webkit-mask-composite:source-in;mask-composite:intersect}#jump{right:calc(var(--inset-right, 0px) + 140px);width:78px;height:78px}#boost .gauge{inset:11px;background:conic-gradient(from -120deg,var(--lime) 0,var(--lime) calc(var(--boost) * .6667),rgba(17,17,17,.28) calc(var(--boost) * .6667),rgba(17,17,17,.28) 240deg,transparent 240deg);-webkit-mask:radial-gradient(circle closest-side,transparent 80%,#000 81%,#000 99%,transparent 100%),repeating-conic-gradient(from -120deg,#000 0deg 7deg,transparent 7deg 10deg);mask:radial-gradient(circle closest-side,transparent 80%,#000 81%,#000 99%,transparent 100%),repeating-conic-gradient(from -120deg,#000 0deg 7deg,transparent 7deg 10deg);-webkit-mask-composite:source-in;mask-composite:intersect}#boost .ico{width:38px;height:46px;margin-top:-6px}