:root{--void:#0d0305;--bg1:#210710;--bg2:#42101f;--membrane:#7c1836;--membrane-dk:#4a0d1f;--flesh:#d1607c;--pale:#f8ecdb;--pale-dim:#d9c6b2;--energy:#43e0cf;--energy-dim:#1e6f68;--energy-deep:#0c2f2c;--go:#7cff9f;--go-deep:#0f3d22;--warm:#ffce97;--gold:#ffd24d;--danger:#ff6a5c;--text:#ffe6dc;--muted:#c6959e;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#1b0509 0%,var(--void) 60%);color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;touch-action:none}.wrap{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:100%;height:100dvh;max-width:480px;background:var(--void);overflow:hidden;box-shadow:0 0 0 1px #ff788c1a,0 30px 80px -20px #000}@media (min-width:520px){.stage{height:min(100dvh,860px);border-radius:26px}}canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:14px}.hud.hidden{display:none}.hud-top{display:flex;align-items:flex-start;gap:10px}.stat{background:#0f05099e;backdrop-filter:blur(6px);border:1px solid rgba(67,224,207,.22);border-radius:14px;padding:6px 12px;line-height:1;display:flex;align-items:center;gap:9px}.stat .ico{font-size:17px;font-weight:900;color:var(--energy);text-shadow:0 0 8px rgba(67,224,207,.7)}.stat .col{display:flex;flex-direction:column}.stat .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--energy);display:block;margin-bottom:5px}.stat .v{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.stat .v small{font-size:11px;font-weight:700;color:var(--muted)}.stat .v.urgent{color:#ff5a52;text-shadow:0 0 10px rgba(255,90,82,.7);animation:cpPulse .6s ease-in-out infinite}@keyframes cpPulse{0%,to{opacity:1}50%{opacity:.55}}.hud-top .spacer{flex:1}.iconbtn{pointer-events:auto;background:#1404088c;backdrop-filter:blur(6px);border:1px solid rgba(255,150,165,.14);color:var(--text);border-radius:12px;width:40px;height:40px;font-size:16px;display:grid;place-items:center;cursor:pointer}.iconbtn:active{transform:scale(.94)}@media (max-width: 392px){.hud{padding:12px 9px}.hud-top{gap:5px}.stat{padding:6px 8px;gap:6px;min-width:0}.stat .ico{font-size:15px}.stat .v{font-size:16px}.stat .k{letter-spacing:.1em}.iconbtn{width:36px;height:36px;font-size:15px}}.race{position:absolute;top:74px;right:18px;bottom:158px;width:10px;border-radius:7px;background:linear-gradient(#ff5a5040,#14040880);border:1px solid rgba(67,224,207,.2)}.race.hidden{display:none}.race .flag{position:absolute;top:-27px;left:50%;transform:translate(-50%);font-size:14px}.race .egg-cap{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:15px}.race .youfill{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:7px;background:linear-gradient(var(--energy),var(--energy-dim));opacity:.55}.race .sprint-mark{position:absolute;left:-4px;right:-4px;height:0;border-top:2px dashed var(--gold)}.marker{position:absolute;left:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 10px currentColor;display:grid;place-items:center;font-size:11px;border:2px solid #160409}.marker.you{background:var(--energy);color:#0b3b36}.marker.rival{background:var(--danger);color:#3a0d0a;width:16px;height:16px;opacity:.95}.marker.comp{width:15px;height:15px;opacity:.95;border:2px solid #160409}.race .place{position:absolute;bottom:-54px;left:50%;transform:translate(-50%);width:58px;text-align:center;background:#0f0509b3;border:1px solid rgba(67,224,207,.25);border-radius:12px;padding:5px 0}.race .place .pk{font-size:8.5px;letter-spacing:.14em;color:var(--muted)}.race .place .pv{font-size:17px;font-weight:800;color:var(--energy)}.hud-bottom{display:flex;flex-direction:column;gap:12px}.thrust-wrap{display:flex;align-items:center;gap:10px}.thrust-label{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);align-self:stretch;display:flex;align-items:center;min-width:12px}.thrust-bar{position:relative;flex:1;height:18px;border-radius:10px;background:#14040899;border:1px solid rgba(255,150,165,.14);overflow:hidden}.thrust-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,var(--energy-dim),var(--energy));border-radius:10px;transition:width .05s linear}.gozone{position:absolute;top:0;bottom:0;left:78.5%;width:10.7%;background:repeating-linear-gradient(45deg,#7cff9f47 0 6px,#7cff9f1f 6px 12px);border-left:2px solid var(--go);border-right:2px solid var(--go);display:none}.thrust-bar.charging .gozone{display:block}.thrust-bar.boost .thrust-fill{box-shadow:0 0 18px var(--energy);filter:saturate(1.3) brightness(1.15)}.thrust-bar.inzone .thrust-fill{background:linear-gradient(90deg,var(--go-deep),var(--go));box-shadow:0 0 20px var(--go)}.boost-tag{align-self:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--energy);opacity:0;transition:opacity .15s;text-shadow:0 0 12px var(--energy)}.boost-tag.on{opacity:1}.boost-tag.sprint{color:var(--gold);text-shadow:0 0 12px var(--gold)}.segments{position:absolute;inset:0;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(15,4,8,.9) 11px 14px)}.itembtn{pointer-events:auto;position:relative;width:52px;height:52px;flex:0 0 auto;border-radius:50%;border:2px solid;background:#0f05099e;backdrop-filter:blur(6px);font-size:20px;display:grid;place-items:center;cursor:pointer}.itembtn:active{transform:scale(.92)}.itembtn.boost{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px -5px var(--gold)}.itembtn.shield{border-color:var(--energy);color:var(--energy);box-shadow:0 0 16px -5px var(--energy)}.itembtn.empty{opacity:.32;filter:grayscale(.6)}.itembtn.shield.on{background:#43e0cf47;box-shadow:0 0 24px var(--energy)}.itembtn .cnt{position:absolute;bottom:-3px;right:-3px;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:#160409;border:1px solid currentColor;font-size:11px;font-weight:800;display:grid;place-items:center;color:#fff}.itembtn.sprite{border:none;background-color:transparent;box-shadow:none;backdrop-filter:none;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:0}.itembtn.sprite .cnt{font-size:11px}.hud-actions{position:absolute;bottom:max(104px,calc(env(safe-area-inset-bottom) + 88px));display:flex;flex-direction:column;gap:13px;pointer-events:none;z-index:4}.hud[data-hand=right] .hud-actions{right:34px}.hud[data-hand=left] .hud-actions{left:34px}.hud-actions .itembtn{width:60px;height:60px;opacity:.76;pointer-events:auto;transition:opacity .15s,transform .1s}.hud-actions .itembtn:not(.empty){opacity:.9}.hud-actions .itembtn:active{opacity:1;transform:scale(.9)}.thrust-wrap{padding-inline:4px 72px}.hud[data-hand=left] .thrust-wrap{padding-inline:72px 4px}.pausebtn{font-size:12px;border-color:#ffd24d80;color:var(--gold);flex:0 0 auto}.race .egg-cap img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,210,77,.5))}.strokepad{pointer-events:auto;height:74px;border-radius:16px;border:1px dashed rgba(67,224,207,.5);background:radial-gradient(120% 140% at 50% 0%,#43e0cf24,#14040866);color:var(--energy);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:12px;cursor:pointer;text-align:center;padding:0 12px}.strokepad:active{background:radial-gradient(120% 140% at 50% 0%,#43e0cf4d,#14040866)}.strokepad.charging{border-color:var(--go);color:var(--go);background:radial-gradient(120% 140% at 50% 0%,#7cff9f29,#14040866)}.splash-overlay{position:fixed;inset:0;z-index:999;display:grid;place-items:center;cursor:pointer;background:radial-gradient(120% 90% at 50% 12%,#5c1122,#2a0912 46%,#0d0305);animation:splashIn .3s ease both;-webkit-tap-highlight-color:transparent}.splash-overlay.out{animation:splashOut .34s ease both}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{0%{opacity:1}to{opacity:0}}.splash-stage{position:relative;width:84%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:14px}.splash-hero{width:70%;max-width:230px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(67,224,207,.28));animation:splashHero .7s cubic-bezier(.2,.9,.3,1.35) both,splashBob 2.4s ease-in-out .7s infinite}@keyframes splashHero{0%{transform:translateY(22px) scale(.72);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes splashBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-word{width:100%;max-width:280px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));animation:splashWord .6s cubic-bezier(.2,.9,.3,1.3) .28s both}@keyframes splashWord{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.splash-tag{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--energy);text-shadow:0 0 12px rgba(67,224,207,.5);opacity:0;animation:splashTag .5s ease .6s both}@keyframes splashTag{0%{opacity:0;transform:translateY(6px)}to{opacity:.9;transform:none}}.splash-overlay.reduced .splash-hero{animation:splashHero .01s both}.splash-overlay.reduced .splash-word,.splash-overlay.reduced .splash-tag{animation-duration:.01s}.auth-gate{position:fixed;inset:0;z-index:998;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 20px);background:radial-gradient(100% 72% at 50% 12%,#5c1122,#210710 52%,#0d0305);overflow:auto}.auth-card{width:min(100%,390px);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:22px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#340e19e6,#100408f0);border:1px solid rgba(255,185,200,.2);box-shadow:0 28px 70px #00000073,inset 0 1px #ffffff14}.auth-champ{width:150px;height:150px;object-fit:contain;align-self:center;margin:-8px 0 -12px;filter:drop-shadow(0 0 18px rgba(67,224,207,.25))}.auth-card h1{margin:0;font:800 30px/1.05 var(--font-display);color:var(--text)}.auth-card p{margin:0 0 6px;color:var(--muted);line-height:1.42}.auth-card button,.auth-card input{min-height:52px;border-radius:15px;font:700 15px var(--font-ui)}.auth-google{border:1px solid rgba(255,255,255,.35);color:#251017;background:#fff}.auth-google span{display:inline-grid;place-items:center;margin-right:10px;width:25px;height:25px;border-radius:50%;color:#4285f4;font-weight:900}.auth-email{display:grid;gap:8px}.auth-email input{width:100%;padding:0 15px;color:var(--text);background:#0d030594;border:1px solid rgba(67,224,207,.28);user-select:text}.auth-email button{border:0;color:#052b28;background:linear-gradient(#67eadc,#43e0cf)}.auth-guest{border:1px solid rgba(255,210,77,.42);color:var(--gold);background:#ffd24d0f}.auth-card small{color:#9f747d;line-height:1.35}.auth-status{min-height:18px;color:var(--gold);font-size:12px}.auth-gate.busy .auth-card{pointer-events:none;opacity:.72}.stat{background:linear-gradient(180deg,#1c0a10bd,#0c0407bd);border-color:#43e0cf52;box-shadow:0 6px 18px -9px #000000a6,inset 0 1px #ffffff12}.stat .v{text-shadow:0 1px 2px rgba(0,0,0,.5)}.iconbtn{background:linear-gradient(180deg,#200b119e,#0e04089e);box-shadow:0 4px 12px -7px #0009,inset 0 1px #ffffff0d}.thrust-bar{box-shadow:inset 0 2px 5px #00000073}.thrust-fill{box-shadow:inset 0 1px #ffffff47}.thrust-bar:after{content:"";position:absolute;left:7px;right:7px;top:2px;height:4px;border-radius:6px;background:linear-gradient(#ffffff3d,#fff0);pointer-events:none}.itembtn{background:radial-gradient(120% 120% at 50% 22%,#2a0f17b8,#0c0408b8)}.itembtn.boost{box-shadow:0 0 18px -6px var(--gold),inset 0 0 12px -7px var(--gold)}.itembtn.shield{box-shadow:0 0 18px -6px var(--energy),inset 0 0 12px -7px var(--energy)}.strokepad{box-shadow:inset 0 1px #ffffff0d,0 8px 22px -13px #000000b3}.race{box-shadow:inset 0 0 8px #0006}.strokepad.hidden{display:none}.strokepad .pulse{font-size:16px}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:18px;background:radial-gradient(130% 90% at 50% 18%,#42101f8c,#0d0305eb);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.launch-pod{position:absolute;z-index:3;left:50%;top:calc(72% - 45px);width:118px;height:92px;transform:translate(-50%);border:5px solid rgba(255,106,92,.62);border-radius:48% 48% 42% 42%;box-shadow:0 0 25px #ff6a5c59,inset 0 0 20px #ffd24d26;pointer-events:none;animation:podCharge .55s ease-in-out infinite alternate}.launch-pod:before,.launch-pod:after{content:"";position:absolute;top:18px;width:32px;height:52px;background:linear-gradient(90deg,#42101f,#7c1836);border-radius:50%;filter:drop-shadow(0 0 8px rgba(255,106,92,.25))}.launch-pod:before{left:-22px;transform:rotate(-13deg)}.launch-pod:after{right:-22px;transform:rotate(13deg) scaleX(-1)}.launch-pod span{position:absolute;left:50%;bottom:-22px;width:34px;height:27px;transform:translate(-50%);border:4px solid rgba(255,210,77,.5);border-top:0;border-radius:0 0 18px 18px}@keyframes podCharge{0%{transform:translate(-50%) scale(.96,1.03)}to{transform:translate(-50%) scale(1.04,.96)}}.launch-pod.hidden{display:none}.pause-overlay{z-index:30;background:radial-gradient(100% 80% at 50% 25%,#42101fdb,#0d0305f7)}.result-home{pointer-events:auto;border:0;background:transparent;color:var(--muted);font-weight:800;letter-spacing:.08em;padding:10px 20px}.result-champ{position:relative;width:128px;height:155px;flex:0 0 auto;filter:drop-shadow(0 0 18px rgba(67,224,207,.28));animation:resultChampIn .5s cubic-bezier(.2,.9,.3,1.3) both}.result-champ.lose{filter:grayscale(.12) drop-shadow(0 0 15px rgba(255,106,92,.22))}.result-champ img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}@keyframes resultChampIn{0%{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:none}}#end{gap:12px}.overlay.fadein{animation:endFade .2s ease both}@keyframes endFade{0%{opacity:0}to{opacity:1}}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--energy);font-weight:700;margin-bottom:-8px}.logo{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,13vw,66px);letter-spacing:-.01em;line-height:.98;margin:0;color:var(--pale);text-shadow:0 0 22px rgba(67,224,207,.35),0 2px 0 var(--membrane),0 6px 26px rgba(255,120,140,.35);text-wrap:balance}.logo .hl{color:var(--energy)}.tag{font-size:14px;color:var(--muted);max-width:30ch;margin:-6px 0 0;line-height:1.45;text-wrap:balance}.modes{display:flex;gap:10px}.mode{pointer-events:auto;cursor:pointer;background:#14040880;border:1px solid rgba(255,150,165,.18);color:var(--text);border-radius:14px;padding:12px 16px;font-weight:700;font-size:13px;min-width:120px;display:flex;flex-direction:column;gap:4px;align-items:center}.mode small{font-weight:500;font-size:10.5px;color:var(--muted);letter-spacing:.02em}.mode.sel{border-color:var(--energy);color:var(--energy);box-shadow:0 0 0 1px var(--energy),0 0 24px -6px var(--energy);background:#0c2f2c80}.mode.sel small{color:var(--pale-dim)}.play{pointer-events:auto;cursor:pointer;border:none;margin-top:4px;background:linear-gradient(180deg,#ff8aa0,var(--membrane));color:#2a0410;font-weight:800;font-size:17px;letter-spacing:.02em;padding:16px 40px;border-radius:16px;box-shadow:0 10px 30px -8px #ff788c99,inset 0 1px #fff6}.play:active{transform:translateY(1px)}.hint{font-size:11.5px;color:var(--muted);line-height:1.6;max-width:34ch;border-top:1px solid rgba(255,150,165,.12);padding-top:14px}.hint b{color:var(--pale-dim);font-weight:700}.hint .k{display:inline-block;background:#ffffff14;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10.5px;color:var(--text)}.fineprint{font-size:10px;color:#7c5760;max-width:32ch;line-height:1.5}.challenge-badge{font-size:13px;font-weight:700;color:var(--gold);background:#ffd24d1f;border:1px solid rgba(255,210,77,.4);border-radius:12px;padding:8px 14px;text-shadow:0 0 10px rgba(255,210,77,.4)}.challenge-badge.hidden{display:none}.challenge-badge b{color:#fff}.challenge-paste{pointer-events:auto;cursor:pointer;font-size:11.5px;color:var(--gold);opacity:.85;text-decoration:underline;text-underline-offset:3px}.challenge-paste:active{opacity:1}.challenge-btn{pointer-events:auto;cursor:pointer;border:2px solid var(--gold);background:#ffd24d1f;color:var(--gold);font-weight:800;font-size:14px;padding:12px 22px;border-radius:14px;box-shadow:0 0 20px -6px var(--gold)}.challenge-btn:active{transform:translateY(1px)}.challenge-btn.hidden{display:none}.room-choice,.lobby-screen{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom));overflow:auto}.room-code-entry{width:min(100%,330px);display:grid;grid-template-columns:1fr 92px;gap:8px}.room-code-entry input{min-width:0;height:54px;padding:0 15px;border-radius:15px;border:1px solid rgba(67,224,207,.35);background:#0d0305b8;color:var(--text);text-align:center;font-size:19px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;user-select:text}.room-code-entry button{border:0;border-radius:15px;background:linear-gradient(#71eee1,#43e0cf);color:#062b28;font-weight:900}.room-public-play{background:linear-gradient(#67eadc,#43e0cf);box-shadow:0 12px 28px #43e0cf33}.room-choice-divider{width:min(100%,330px);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em}.room-choice-divider:before,.room-choice-divider:after{content:"";height:1px;flex:1;background:#ffb9c829}.private-guest-note{width:min(100%,330px);margin:-4px 0 0;padding:10px 12px;border-radius:12px;color:var(--gold);background:#ffd24d14;border:1px solid rgba(255,210,77,.25);font-size:12px;line-height:1.35}.private-guest-note.hidden{display:none}#privateCreate:disabled{opacity:.42;filter:saturate(.3);cursor:not-allowed;box-shadow:none}.lobby-screen{justify-content:flex-start;gap:13px}.lobby-screen .result{margin-top:3px;font-size:clamp(28px,8vw,40px)}#lobbyInfo span{display:block;margin-top:7px;font:700 14px var(--font-ui);color:var(--muted)}.lobby-invite-actions{width:min(100%,330px);display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-invite-actions.hidden{display:none}.lobby-share{pointer-events:auto;min-height:48px;padding:0 10px;border-radius:14px;border:1px solid rgba(255,210,77,.55);color:var(--gold);background:#ffd24d14;font-weight:900;letter-spacing:.035em}.lobby-share-primary{color:#052b28;border-color:var(--energy);background:linear-gradient(#67eadc,#43e0cf);box-shadow:0 0 18px #43e0cf2e}.lobby-roster{width:min(100%,330px);max-height:260px;overflow:auto;display:grid;gap:7px;padding:10px;border-radius:17px;background:#0d03057a;border:1px solid rgba(255,185,200,.14)}.lobby-player{min-height:42px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:7px 10px;border-radius:12px;background:linear-gradient(180deg,#42101f80,#18060c80)}.lobby-player i{width:20px;height:20px;border-radius:50%;background:hsl(var(--peer),78%,62%);border:2px solid #ffe6dc;box-shadow:0 0 9px hsl(var(--peer),78%,62%)}.lobby-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:800}.lobby-player b{color:var(--energy);font-size:10px;letter-spacing:.08em}.lobby-auto{width:min(100%,330px);display:grid;place-items:center;gap:3px;padding:12px;border-radius:16px;border:1px solid rgba(67,224,207,.32);background:radial-gradient(circle at 50% 0,#43e0cf24,#0d03058c)}.lobby-auto.hidden{display:none}.lobby-auto span{color:var(--energy);font-size:10px;font-weight:900;letter-spacing:.16em}.lobby-auto strong{color:var(--text);font-size:34px;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(67,224,207,.35)}.lobby-auto small{color:var(--muted);font-size:11px}.live-btn{pointer-events:auto;cursor:pointer;border:2px solid var(--go);background:#7cff9f1f;color:var(--go);font-weight:800;font-size:15px;padding:13px 26px;border-radius:14px;box-shadow:0 0 22px -6px var(--go)}.live-btn:active{transform:translateY(1px)}.overlay.menu{justify-content:flex-start;overflow-y:auto;gap:14px;padding:24px 20px 34px}.menu-hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.panels{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.panel{pointer-events:auto;width:100%;text-align:left;background:linear-gradient(160deg,#2a0c18e6,#0f0509e6);border:1px solid rgba(255,150,165,.18);border-radius:18px;padding:14px 15px;color:var(--text);display:flex;flex-direction:column;gap:12px;cursor:pointer;font-family:inherit}.panel.tap:active{transform:scale(.99)}.panel-head{display:flex;align-items:center;gap:12px}.picon{font-size:24px;width:44px;height:44px;display:grid;place-items:center;background:#43e0cf1f;border-radius:12px;flex:0 0 auto}.panel-txt{flex:1}.ptitle{font-weight:800;font-size:16px;color:#fff}.psub{font-size:11.5px;color:var(--muted);margin-top:2px}.chev{font-size:26px;color:var(--muted);line-height:1}.beta{font-size:8.5px;background:var(--go);color:#0b3b22;border-radius:5px;padding:1px 5px;vertical-align:middle;letter-spacing:.05em;font-weight:800}.dist-chips{display:flex;gap:8px}.chip{flex:1;pointer-events:auto;cursor:pointer;background:#14040880;border:1px solid rgba(255,150,165,.18);color:var(--text);border-radius:12px;padding:9px 0;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.chip small{font-size:10px;color:var(--muted);font-weight:700}.chip.sel{border-color:var(--energy);color:var(--energy);background:#0c2f2c80;box-shadow:0 0 0 1px var(--energy)}.chip.sel small{color:var(--pale-dim)}.panel-play{pointer-events:auto;cursor:pointer;border:none;background:linear-gradient(180deg,#ff8aa0,var(--membrane));color:#2a0410;font-weight:800;font-size:15px;padding:12px;border-radius:12px;letter-spacing:.03em}.panel-play:active{transform:translateY(1px)}.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:40;background:#0f0509eb;border:1px solid rgba(67,224,207,.45);color:var(--text);font-weight:700;font-size:13px;padding:10px 18px;border-radius:14px;box-shadow:0 8px 24px -8px #000;pointer-events:none;max-width:88%;text-align:center}.toast.hidden{display:none}.diag{position:absolute;left:8px;right:8px;bottom:6px;z-index:30;font-size:10px;line-height:1.4;text-align:center;color:var(--muted);pointer-events:none;text-shadow:0 1px 3px #000}.diag.ok{color:var(--go)}.diag.bad{color:var(--danger)}.diag .mono{font-family:ui-monospace,monospace;opacity:.85;font-size:9.5px}.count{position:absolute;inset:0;z-index:9;display:grid;place-items:center;pointer-events:none}.count.hidden{display:none}.count .big{max-width:94vw;font-family:var(--font-display);font-weight:800;font-size:clamp(64px,24vw,132px);color:var(--pale);text-align:center;text-shadow:0 0 40px rgba(67,224,207,.5);animation:pop .7s ease-out}.count .lbl{position:absolute;bottom:31%;width:min(88vw,360px);font-size:12px;line-height:1.45;letter-spacing:.13em;text-align:center;text-transform:uppercase;color:var(--muted)}@keyframes pop{0%{transform:scale(.4);opacity:0}40%{opacity:1}to{transform:scale(1.4);opacity:0}}.result{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,9vw,44px);margin:0;color:var(--pale);text-shadow:0 0 24px rgba(67,224,207,.3)}.result.win{color:var(--energy)}.result.lose{color:var(--danger)}.subresult{font-size:14px;color:var(--muted);margin:-10px 0 4px}.stats{width:min(92vw,360px);box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:linear-gradient(180deg,#20070eb3,#0d03059e);border:1px solid rgba(255,150,165,.18);border-radius:20px;padding:12px;box-shadow:inset 0 1px #ffffff09,0 18px 40px #0000002e}.stats .row{min-width:0;min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:10px 12px;border-radius:13px;background:#ffffff06;border:1px solid rgba(255,185,200,.07)}.stats .row .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stats .row .v{max-width:100%;font-size:21px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}.stats .row.reward{grid-column:1/-1;min-height:68px;margin-top:2px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,210,77,.22);background:linear-gradient(110deg,#ffd24d18,#ffd24d06);position:relative;overflow:hidden;animation:rewardPop .5s cubic-bezier(.2,.9,.3,1.4) both}.stats .row.reward .k{color:var(--gold)}.stats .row.reward .v{color:var(--gold);text-shadow:0 0 10px rgba(255,210,77,.4)}.stats .reward-values{display:flex;justify-content:flex-end;gap:9px;white-space:normal}.stats .reward-values b{min-width:54px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px}.stats .reward-values small{font-size:8px;letter-spacing:.1em;color:var(--muted);text-shadow:none}.stats .row.reward:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);transform:translate(-130%);animation:rewardShine 1.05s ease .25s 1 both}.stats .row.levelup{min-height:52px;grid-template-columns:1fr auto;animation:rewardPop .5s cubic-bezier(.2,.9,.3,1.4) .12s both}.stats .row.levelup .k,.stats .row.levelup .v{color:var(--energy);text-shadow:0 0 12px rgba(67,224,207,.5)}@keyframes rewardPop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes rewardShine{to{transform:translate(130%)}}@media (prefers-reduced-motion: reduce){.count .big{animation:none}}#customize{justify-content:flex-start;overflow-y:auto;padding:18px 16px 28px;gap:12px}.cust-top{display:flex;align-items:center;gap:12px;width:100%}.cust-back{width:42px;height:42px;flex:0 0 auto;border-radius:12px;border:1px solid rgba(67,224,207,.3);background:#0f050999;color:var(--energy);font-size:20px;cursor:pointer}.cust-title{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--text)}.cust-stage{position:relative;align-self:center;width:170px;height:200px;flex:0 0 auto}.cust-stage .cust-tail{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:48px;height:110px;opacity:.9;filter:drop-shadow(0 0 7px rgba(67,224,207,.6))}.cust-stage img{position:absolute;left:0;top:-6px;width:100%;height:100%;object-fit:contain}.cust-tabs{display:flex;gap:8px;justify-content:center;width:100%}.cust-tabs button{flex:1;max-width:130px;padding:9px 6px;border-radius:12px;border:1px solid rgba(67,224,207,.25);background:#0f05098c;color:var(--muted);font-weight:800;font-size:13px;cursor:pointer}.cust-tabs button.sel{color:#06201d;background:var(--energy);border-color:var(--energy)}.cust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.cust-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:2px solid rgba(255,255,255,.08);background:#14060b99;color:var(--text);cursor:pointer}.cust-item.r-rare{border-color:#5a96ff66}.cust-item.r-epic{border-color:#be6eff73}.cust-item.r-legendary{border-color:#ffc85080}.cust-item.sel{border-color:var(--energy);box-shadow:0 0 16px -4px var(--energy)}.cust-item:active{transform:scale(.96)}.ci-thumb{width:56px;height:56px;display:grid;place-items:center}.ci-thumb img{width:100%;height:100%;object-fit:contain}.ci-none{font-size:20px;color:var(--muted);border:2px dashed rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px}.ci-name{font-size:11px;font-weight:700;text-align:center;line-height:1.15}.htp-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(130% 90% at 50% 12%,#42101fe6,#0d0305f7);backdrop-filter:blur(3px)}.htp-card{width:100%;max-width:440px;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow-y:auto;padding:6px 6px 4px}.htp-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--energy);text-transform:uppercase}.htp-title{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.03;margin:0;color:var(--text)}.htp-title span{display:block}.htp-art{position:relative;width:100%;min-height:210px;display:flex;align-items:center;justify-content:center;gap:14px}.htp-art.col{flex-direction:column;gap:8px}.htp-stack{display:flex;flex-direction:column;align-items:center;gap:2px}.htp-meter{width:min(78%,300px);height:auto}.htp-spermy{position:relative;display:inline-block;width:86px;height:120px}.htp-spermy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.htp-arrow{font-size:40px;font-weight:900;color:var(--energy);opacity:.85;animation:htppulse 1s ease-in-out infinite}.htp-arrow.right{animation-delay:.5s}@keyframes htppulse{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.95;transform:translate(3px)}}.htp-faces{display:flex;gap:8px}.htp-faces>div{display:flex;flex-direction:column;align-items:center;border:2px solid rgba(255,255,255,.12);border-radius:14px;padding:6px 4px}.htp-faces .ok-good{border-color:var(--go);box-shadow:0 0 14px -4px var(--go)}.htp-faces .ok-late{border-color:var(--danger)}.htp-faces .htp-spermy{width:58px;height:80px}.htp-faces b{font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:2px}.htp-tilt{position:relative;display:flex;align-items:center;gap:6px;transform:rotate(-8deg)}.htp-obst,.htp-star{width:52px;height:52px;object-fit:contain}.htp-half{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 4px}.htp-half:first-child{border-color:var(--gold)}.htp-half:last-child{border-color:var(--energy)}.htp-half b{font-size:9.5px;letter-spacing:.06em;color:var(--muted)}.htp-updown{color:var(--gold);font-size:22px}.htp-curve{color:var(--energy);font-size:22px}.htp-goal{position:relative;width:180px;height:180px;display:grid;place-items:center}.htp-goal img{position:absolute;object-fit:contain}.htp-goal .egg{width:52%}.htp-goal .halo{width:100%}.htp-goal .rays{width:120%;animation:htpspin 9s linear infinite}@keyframes htpspin{to{transform:rotate(360deg)}}.htp-callout{font-size:10.5px;letter-spacing:.12em;font-weight:800;color:#06201d;background:var(--energy);border-radius:999px;padding:5px 12px;text-transform:uppercase}.htp-body{font-size:14px;line-height:1.4;color:var(--pale-dim);margin:0}.htp-dots{display:flex;gap:7px;margin-top:2px}.htp-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff38}.htp-dots i.on{background:var(--energy);box-shadow:0 0 8px var(--energy)}.htp-actions{display:flex;align-items:center;gap:10px;width:100%;margin-top:4px}.htp-back{width:48px;height:48px;flex:0 0 auto;border-radius:14px;border:1px solid rgba(67,224,207,.3);background:#0f050999;color:var(--energy);font-size:20px;cursor:pointer}.htp-next{flex:1;min-height:48px;border:none;border-radius:14px;background:var(--energy);color:#06201d;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer}.htp-next:active{transform:scale(.98)}.htp-skip{background:none;border:none;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:4px}@media (prefers-reduced-motion: reduce){.htp-arrow,.htp-goal .rays{animation:none}}.settings-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#09020499;backdrop-filter:blur(3px)}.settings-sheet{width:100%;max-width:440px;margin:0 10px calc(14px + env(safe-area-inset-bottom,0px));background:#1c080ef7;border:1px solid rgba(67,224,207,.24);border-radius:20px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 -10px 40px #00000080}.settings-sheet h2{margin:2px 0 8px;font-family:var(--font-display);font-size:19px;color:var(--text);text-align:center}.settings-row{text-align:left;min-height:48px;padding:0 14px;border-radius:13px;border:1px solid rgba(255,185,200,.16);background:#0f050999;color:var(--text);font-size:15px;font-weight:700;cursor:pointer}.settings-row:active{transform:scale(.99)}.settings-close{min-height:46px;margin-top:4px;border:none;border-radius:13px;background:var(--energy);color:#06201d;font-weight:800;font-size:15px;cursor:pointer}.settings-group{margin:6px 2px 2px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--energy);font-weight:800}.settings-ctl{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 12px;border-radius:13px;border:1px solid rgba(255,185,200,.14);background:#0f050980}.settings-ctl label{flex:0 0 38%;min-width:0;color:var(--text);font-size:14px;font-weight:700}.settings-ctl input[type=range]{flex:1;min-width:0;width:100%;height:44px;accent-color:var(--energy);background:transparent;cursor:pointer}.settings-switch{position:relative;flex:0 0 auto;width:52px;height:44px;display:inline-flex;align-items:center;cursor:pointer}.settings-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.settings-switch .track{width:46px;height:26px;border-radius:14px;background:#ffffff29;transition:background .15s}.settings-switch .thumb{position:absolute;left:3px;top:9px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.settings-switch input:checked~.track{background:var(--energy)}.settings-switch input:checked~.thumb{transform:translate(20px)}.store-sheet{max-height:82vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.store-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.store-balance{display:flex;gap:10px;font-weight:800;font-size:14px;color:var(--gold)}.store-grid{margin:8px 0 12px}.store-card{justify-content:space-between;min-height:150px}.store-card .ci-name{font-size:12px;text-align:center}.store-price{font-size:12px;font-weight:800;color:var(--gold)}.store-price.gems{color:#c69bff}.store-owned{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--energy);text-transform:uppercase}.store-btn{width:100%;min-height:34px;border-radius:10px;border:none;font-weight:800;font-size:12px;cursor:pointer;color:#06231f;background:var(--energy)}.store-btn.equip{background:var(--gold);color:#3a1207}.store-btn.is-equipped{background:#43e0cf33;color:var(--energy)}.store-btn.disabled{background:#ffffff24;color:var(--muted);cursor:default}.store-card.shake{animation:cardShake .38s ease}@keyframes cardShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.profile-id{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.profile-name{font-size:18px;font-weight:800;color:var(--text)}.profile-lvl{font-size:13px;font-weight:800;color:var(--energy)}.profile-xp{position:relative;height:22px;border-radius:11px;background:#ffffff1a;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-xp-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--energy-dim),var(--energy));border-radius:11px}.profile-xp span{position:relative;font-size:11px;font-weight:800;color:#eafffb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.profile-wallet{display:flex;gap:8px}.profile-stat{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 4px;border-radius:12px;background:#14060b99;border:1px solid rgba(255,185,200,.12)}.profile-stat .k{font-size:10px;letter-spacing:.06em;color:var(--muted)}.profile-stat .v{font-size:15px;font-weight:800;color:var(--text)}.profile-bests{display:flex;flex-direction:column;gap:6px}.profile-signin{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;color:var(--energy);font-weight:800}.profile-signin small{font-weight:600;color:var(--muted);font-size:11px}.profile-account.linked{font-size:12px;font-weight:800;color:var(--energy);text-align:center}.profile-champ-card{position:relative;min-height:220px;display:grid;place-items:center;margin:-4px 0 4px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#43e0cf29,#42101f38 48%,#0d030533);border:1px solid rgba(67,224,207,.16)}.profile-champ-card:after{content:"";position:absolute;left:18%;right:18%;bottom:28px;height:14px;border-radius:50%;background:#43e0cf2e;filter:blur(8px)}.profile-champ-preview{position:relative;width:165px;height:215px;z-index:1}.profile-champ-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.profile-face-edit{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 11px;border-radius:13px;border:1px solid rgba(67,224,207,.38);color:var(--text);background:#0d0305c7;font-weight:800}.profile-face-edit img{width:28px;height:28px;object-fit:cover;border-radius:8px}.myface-sheet{max-height:88vh;overflow-y:auto}.myface-privacy{margin:0 0 6px;font-size:11.5px;color:var(--muted);text-align:center}.myface-picker{display:flex;flex-direction:column;align-items:center;gap:12px}.myface-current img{width:88px;height:88px;border-radius:18px;object-fit:cover;box-shadow:0 6px 18px -8px #0009}.myface-active{font-size:12px;font-weight:800;color:var(--energy)}.myface-actions{display:flex;gap:10px;width:100%}.myface-actions .store-btn{min-height:44px;font-size:14px}.myface-del,.myface-cancel{text-align:center;color:var(--danger)}.myface-editor{display:flex;flex-direction:column;align-items:center;gap:12px}.myface-canvas{width:232px;height:348px;border-radius:16px;background:#0c040799;border:1px solid rgba(67,224,207,.22);touch-action:none}.myface-rotate{display:flex;align-items:center;gap:10px;width:100%;font-size:12px;color:var(--muted)}.myface-rotate input[type=range]{flex:1;height:40px;accent-color:var(--energy)}:root{--oim-void: #0d0305;--oim-bg: #1c060b;--oim-panel: #210710;--oim-panel-raised: #42101f;--oim-wall: #5e1229;--oim-coral: #b8304f;--oim-membrane-glow: #ffb9c8;--oim-player: #43e0cf;--oim-perfect: #7cff9f;--oim-rival: #ff6a5c;--oim-cream: #f8ecdb;--oim-text: #ffe6dc;--oim-muted: #c6959e;--oim-gold: #ffd24d;--oim-gold-deep: #f2b25f;--oim-safe-bottom: env(safe-area-inset-bottom, 0px)}.main-hub{box-sizing:border-box;min-height:100dvh;overflow:hidden;color:var(--oim-text);background:radial-gradient(circle at 50% 24%,rgba(184,48,79,.24),transparent 38%),linear-gradient(180deg,var(--oim-bg),var(--oim-void));font-family:Nunito,system-ui,sans-serif}.main-hub *,.main-hub *:before,.main-hub *:after{box-sizing:border-box}.main-hub__content{width:min(100%,480px);min-height:100dvh;margin-inline:auto;padding:max(12px,env(safe-area-inset-top)) 12px calc(86px + var(--oim-safe-bottom))}.main-hub__account{display:grid;grid-template-columns:44px minmax(90px,1fr) auto auto 44px;align-items:center;gap:8px;min-height:60px;padding:8px;border:1px solid rgba(255,185,200,.24);border-radius:22px;background:#210710db;box-shadow:0 14px 40px #0d03057a;backdrop-filter:blur(14px)}.main-hub__avatar{position:relative;width:44px;aspect-ratio:1;overflow:hidden;border:2px solid var(--oim-player);border-radius:50%;background:var(--oim-void)}.main-hub__avatar>img{position:absolute;inset:-28% -8% -65%;width:116%;height:auto}.main-hub__identity{min-width:0}.main-hub__name{overflow:hidden;color:var(--oim-cream);font-family:Fredoka,system-ui,sans-serif;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.main-hub__xp{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-top:4px}.main-hub__level{color:var(--oim-player);font-size:11px;font-weight:900}.main-hub__xp-track{height:7px;overflow:hidden;border-radius:999px;background:var(--oim-void)}.main-hub__xp-fill{width:var(--xp-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#23bbaa,var(--oim-player));box-shadow:0 0 12px #43e0cf66}.main-hub__currency{display:flex;align-items:center;gap:5px;min-height:36px;padding:0 9px;border:1px solid rgba(255,185,200,.16);border-radius:999px;background:#0d0305ad;color:var(--oim-cream);font-variant-numeric:tabular-nums;font-weight:900}.main-hub__currency[data-kind=coin] svg{color:var(--oim-gold)}.main-hub__currency[data-kind=gem] svg{color:#ff789b}.main-hub__icon-button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:14px;background:#5e1229a8;color:var(--oim-cream)}.main-hub__wordmark{height:64px;display:grid;place-content:center;margin-top:4px;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(31px,9vw,42px);font-weight:700;line-height:.92;text-align:center;text-shadow:0 0 20px rgba(255,185,200,.18)}.main-hub__wordmark strong{color:var(--oim-player)}.main-hub__track-wrap{position:relative;height:330px;overflow:visible;margin-top:4px}.main-hub__track{width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,185,200,.34);border-radius:28px;background:var(--oim-void);box-shadow:0 18px 44px #0d030594,inset 0 0 36px #b8304f24}.main-hub__track canvas{display:block;width:100%;height:100%}.main-hub__distance{position:absolute;z-index:2;top:10px;left:50%;display:flex;gap:4px;min-height:38px;padding:4px;transform:translate(-50%);border:1px solid rgba(255,185,200,.2);border-radius:999px;background:#0d0305c7;backdrop-filter:blur(10px)}.main-hub__distance button{min-width:68px;min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--oim-muted);font:800 13px/1 Nunito,system-ui,sans-serif;font-variant-numeric:tabular-nums}.main-hub__distance button[aria-pressed=true]{border-color:var(--oim-player);background:#43e0cf24;color:var(--oim-player);box-shadow:0 0 18px #43e0cf33}.main-hub__platform-pill{position:absolute;z-index:2;top:58px;left:50%;min-height:26px;padding:5px 10px;transform:translate(-50%);border-radius:999px;background:#0d0305b8;color:var(--oim-player);font-size:10px;font-weight:900;letter-spacing:.08em}.main-hub__race-now{position:absolute;z-index:3;right:28px;bottom:-31px;left:28px;min-height:62px;border:2px solid #82fff1;border-radius:999px;background:linear-gradient(180deg,#62eadc,var(--oim-player));box-shadow:0 12px 26px #0d030585,0 0 26px #43e0cf52,inset 0 2px #ffffff73;color:var(--oim-void);font:900 22px/1 Fredoka,system-ui,sans-serif}.main-hub__race-now svg{width:22px;height:22px;margin-right:8px;vertical-align:-4px}.main-hub__race-now:active,.main-hub__mode:active,.main-hub__nav button:active{transform:scale(.96)}.main-hub__modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-height:92px;margin-top:46px}.main-hub__mode{display:grid;min-width:0;min-height:84px;padding:9px 3px 7px;place-items:center;border:1px solid rgba(255,185,200,.2);border-radius:20px;background:radial-gradient(circle at 50% 25%,rgba(184,48,79,.35),transparent 52%),#210710db;color:var(--oim-cream);box-shadow:0 10px 20px #0d030540;transition:transform .1s ease,border-color .16s ease}.main-hub__mode svg{width:34px;height:34px;color:var(--oim-gold);filter:drop-shadow(0 0 9px rgba(255,210,77,.2))}.main-hub__mode span{max-width:100%;overflow:hidden;font:800 11px/1.05 Nunito,system-ui,sans-serif;text-align:center;text-overflow:ellipsis}.main-hub__mode:disabled{opacity:.48}.main-hub__daily{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;margin-top:10px;padding:8px 12px;border:1px solid rgba(255,210,77,.24);border-radius:18px;background:#210710e0;color:var(--oim-text)}.main-hub__daily>svg{width:34px;height:34px;color:var(--oim-gold)}.main-hub__daily strong,.main-hub__daily small{display:block}.main-hub__daily strong{color:var(--oim-gold);font-size:12px}.main-hub__daily small{margin-top:2px;color:var(--oim-muted);font-size:11px}.main-hub__nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,480px);min-height:calc(76px + var(--oim-safe-bottom));margin-inline:auto;padding:6px 8px var(--oim-safe-bottom);border:1px solid rgba(255,185,200,.18);border-bottom:0;border-radius:24px 24px 0 0;background:#210710f0;box-shadow:0 -12px 32px #0d030580;backdrop-filter:blur(18px)}.main-hub__nav button{display:grid;min-width:0;min-height:62px;padding:5px 2px;place-items:center;border:0;border-radius:16px;background:transparent;color:var(--oim-muted);font:800 11px/1 Nunito,system-ui,sans-serif}.main-hub__nav button[aria-current=page]{background:#43e0cf1a;color:var(--oim-player)}.main-hub__nav svg{width:28px;height:28px}.main-hub button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,opacity .16s ease}.main-hub button:focus-visible{outline:2px solid var(--oim-player);outline-offset:2px}@media (max-height: 699px){.main-hub__content{padding-top:max(6px,env(safe-area-inset-top))}.main-hub__account{min-height:52px}.main-hub__wordmark{height:42px;font-size:29px}.main-hub__track-wrap{height:270px}.main-hub__race-now{bottom:-27px;min-height:54px;font-size:19px}.main-hub__modes{min-height:78px;margin-top:38px}.main-hub__mode{min-height:74px}.main-hub__daily small,.main-hub__daily>:last-child{display:none}.main-hub__daily{min-height:40px;grid-template-columns:28px 1fr;margin-top:6px;padding-block:4px}}@media (prefers-reduced-motion: reduce){.main-hub *,.main-hub *:before,.main-hub *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-hub{position:relative}.main-hub__world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.main-hub__world-layer{position:absolute;inset:-1%;width:102%;height:102%;object-fit:cover;object-position:50% 50%;-webkit-user-drag:none}.main-hub__world-layer--background{z-index:0}.main-hub__world-canvas{position:absolute;inset:0;z-index:10;width:100%;height:100%}.main-hub__content{position:relative;z-index:100;display:flex;flex-direction:column;gap:12px}.main-hub__spacer{flex:1 1 auto;min-height:22vh}.main-hub__distance{position:static!important;margin:0 auto;transform:none!important;left:auto!important;top:auto!important}.main-hub__race-now{position:static!important;margin:0!important;width:100%}.main-hub__modes{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;align-items:start}.main-hub__mode{background:none!important;border:none!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--oim-text)}.main-hub__mode-disc{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:3px solid;box-shadow:0 6px 18px #00000073,inset 0 3px 10px #ffffff26}.main-hub__mode-disc img{width:72%;height:72%;object-fit:contain}.main-hub__mode-label{font-size:10px;font-weight:800;letter-spacing:.04em}.main-hub__mode--practice .main-hub__mode-disc{background:radial-gradient(circle at 50% 32%,#33cbb8,#0d675e);border-color:var(--oim-player)}.main-hub__mode--multiplayer .main-hub__mode-disc{background:radial-gradient(circle at 50% 32%,#e75a6d,#7c1836);border-color:var(--oim-rival)}.main-hub__mode--challenge .main-hub__mode-disc{background:radial-gradient(circle at 50% 32%,#7d54c0,#3a1f5e);border-color:#a479e0}.main-hub__mode--endless .main-hub__mode-disc{background:radial-gradient(circle at 50% 32%,#ffd76a,#d98b2f);border-color:var(--oim-gold)}.main-hub__mode:active .main-hub__mode-disc{transform:scale(.94)}.main-hub__race-now{background:linear-gradient(180deg,#5eeede,#23bbaa)!important;color:#06231f!important;border:none!important;border-radius:999px!important;min-height:60px;font-family:"Fredoka",var(--font-display);font-weight:800;font-size:22px;letter-spacing:.04em;box-shadow:0 10px 26px #43e0cf57}.main-hub__race-now svg{fill:#06231f}.main-hub__distance{display:flex;gap:8px;justify-content:center}.main-hub__distance button{min-width:66px;min-height:36px;border-radius:999px;border:1px solid rgba(67,224,207,.35);background:#0d030580;color:var(--oim-muted);font-weight:800;font-size:13px}.main-hub__distance button[aria-pressed=true]{color:#06231f;background:var(--oim-player);border-color:var(--oim-player);box-shadow:0 0 16px #43e0cf66}.main-hub__daily{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,210,77,.28);background:#210710b3;color:var(--oim-text)}.main-hub__daily svg{width:26px;height:26px;flex:0 0 auto}.main-hub__daily span{flex:1;display:flex;flex-direction:column}.main-hub__daily strong{font-size:13px;color:var(--oim-gold);letter-spacing:.04em}.main-hub__daily small{font-size:11px;color:var(--oim-muted)}.main-hub__daily b{font-size:13px;color:var(--oim-text)}.main-hub__wordmark{display:grid;place-items:center;margin:2px 0 0}.main-hub__wordmark img{width:min(74%,300px);height:auto;display:block}.main-hub__account{grid-template-columns:46px minmax(60px,1fr) auto auto 40px}.main-hub__account .main-hub__currency{min-width:0;padding:4px 8px;font-size:13px}.main-hub__account .main-hub__currency span{overflow:hidden;text-overflow:ellipsis}.main-hub{position:fixed;inset:0;z-index:30;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-hub__account{border:none!important;background-color:transparent;box-shadow:none!important;backdrop-filter:none;padding:12px 18px}.main-hub__avatar{position:relative;overflow:visible}.main-hub__lvl-badge{position:absolute;right:-8px;bottom:-8px;width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#3a1207;background-size:100% 100%!important}.main-hub__currency{border:none!important;background-color:transparent;box-shadow:none;padding:4px 16px 4px 12px;gap:6px}.main-hub__icon-button{border:none;background:transparent}.main-hub__race-now{background-color:transparent!important;border:none!important;box-shadow:none!important;color:#06231f!important}.main-hub__daily{border:none!important;background-color:transparent;box-shadow:none;padding:12px 18px;gap:12px}.main-hub__daily-txt{flex:1;display:flex;flex-direction:column;gap:2px}.main-hub__daily-txt strong{color:var(--oim-gold);font-size:13px;letter-spacing:.04em}.main-hub__daily-txt small{color:var(--oim-muted);font-size:11px}.main-hub__daily-prog{height:6px;border-radius:6px;background:#ffffff24;overflow:hidden;margin-top:4px}.main-hub__daily-prog i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ffd76a,#f2b25f)}.main-hub__daily-reward{display:flex;align-items:center;gap:5px;font-weight:800;color:var(--oim-gold);font-size:14px}.main-hub__nav{border:none!important;background-color:transparent!important;box-shadow:none!important}.main-hub__currency.pop{animation:pillPop .55s cubic-bezier(.2,.9,.3,1.5) both}@keyframes pillPop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.main-hub.hidden{display:none!important;pointer-events:none}.main-hub{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;overflow:hidden}.main-hub__world{position:absolute;inset:0;z-index:0;pointer-events:none}.main-hub__world-canvas,.main-hub__world-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.main-hub__content{position:relative;z-index:2;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px calc(env(safe-area-inset-bottom,0px) + 96px);overflow-y:auto;-webkit-overflow-scrolling:touch}.main-hub__account{position:static!important}.main-hub__account .main-hub__currency{min-width:0;padding:4px 12px}.main-hub__account .main-hub__currency span{overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums}.main-hub__wordmark{margin:4px auto 0}.main-hub__wordmark img{width:min(58%,210px)}.main-hub__spacer{flex:1 1 auto;min-height:16vh}.main-hub__distance{position:static!important;transform:none!important;left:auto!important;top:auto!important;margin:0 auto;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.main-hub__race-now{position:static!important;margin:0!important;width:100%;background:linear-gradient(180deg,#63efe0,#22b6a6)!important;color:#052a25!important;box-shadow:0 12px 24px #43e0cf4d,inset 0 2px #ffffff73,inset 0 -3px #00373166!important}.main-hub__modes{gap:6px}.main-hub__mode-label{font-size:9px;letter-spacing:0;line-height:1.1;white-space:nowrap}.main-hub__daily{min-height:54px;padding:8px 14px!important}.main-hub__nav{position:fixed!important;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:center;padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 8px);background:linear-gradient(180deg,#0d0305b8,#0d0305f0)!important;backdrop-filter:blur(10px)}