@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1b0a3a;--ink-soft: #2b1263;--bg-0: #10052c;--bg-1: #1d0a4d;--bg-2: #2a0f6e;--glow: #6a2ee0;--panel: #35158a;--panel-2: #2a0f6e;--panel-hi: #4a22b5;--text: #ffffff;--dim: #d6c9ff;--muted: #9d8ad8;--lime: #d4ff3a;--lime-hi: #f1ffb0;--lime-lo: #a6d816;--lime-edge: #5f8a00;--pink: #ff3d8b;--pink-hi: #ff9cc4;--pink-lo: #e0206e;--pink-edge: #8c0b42;--cyan: #2de2ff;--cyan-hi: #b3f4ff;--cyan-lo: #12b6e6;--cyan-edge: #0a5f86;--gold: #ffc629;--gold-hi: #fff0a8;--gold-lo: #f39c00;--gold-edge: #8f5200;--violet: #8f5cff;--violet-hi: #c7adff;--violet-lo: #6a35f0;--violet-edge: #34148f;--display: "Lilita One", "Rubik", system-ui, sans-serif;--font: "Rubik", ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--r-lg: 24px;--r-md: 18px}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:var(--bg-0);color:var(--text);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font-family:var(--font);color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:var(--lime)}#app{position:fixed;inset:0;height:100vh;height:100dvh;touch-action:none;overflow:hidden;background:radial-gradient(90% 60% at 50% 0%,#4a1fb0 0%,transparent 70%),radial-gradient(80% 50% at 50% 110%,#2c0e7a 0%,transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.stage{position:absolute;inset:0;will-change:transform}.fx{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:60}.flash{position:fixed;inset:0;pointer-events:none;z-index:55;opacity:0;background:var(--flash, #fff)}.flash.is-flashing{animation:flash-out .42s var(--ease-out) forwards}@keyframes flash-out{0%{opacity:var(--flash-strength, .8)}to{opacity:0}}.ico{display:inline-block;flex:0 0 auto;width:20px;height:20px;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;vertical-align:-.2em}.ico-play{--icon: url(/img/icons/play.svg)}.ico-ghost{--icon: url(/img/icons/ghost.svg)}.ico-swords{--icon: url(/img/icons/swords.svg)}.ico-trophy{--icon: url(/img/icons/trophy.svg)}.ico-share{--icon: url(/img/icons/share-2.svg)}.ico-rematch{--icon: url(/img/icons/rotate-ccw.svg)}.ico-users{--icon: url(/img/icons/users.svg)}.ico-x{--icon: url(/img/icons/x.svg)}.ico-flag{--icon: url(/img/icons/flag.svg)}.ico-zap{--icon: url(/img/icons/zap.svg)}.ico-crown{--icon: url(/img/icons/crown.svg)}.ico-heart{--icon: url(/img/icons/heart.svg)}.ico-reply{--icon: url(/img/icons/message-circle.svg)}.ico-repost{--icon: url(/img/icons/repeat-2.svg)}.ico-back{--icon: url(/img/icons/chevron-left.svg)}.ico-home{--icon: url(/img/icons/home.svg)}.ico-timer{--icon: url(/img/icons/timer.svg)}.ico-medal{--icon: url(/img/icons/medal.svg)}.ico-offline{--icon: url(/img/icons/wifi-off.svg)}.pic{-webkit-mask:none;mask:none;background:var(--icon) center / contain no-repeat}.pic-play{--icon: url(/img/icons/color/play.png)}.pic-dumbbell{--icon: url(/img/icons/color/dumbbell.png)}.pic-ghost{--icon: url(/img/icons/color/ghost.png)}.pic-swords{--icon: url(/img/icons/color/swords.png)}.pic-trophy{--icon: url(/img/icons/color/trophy.png)}.pic-users{--icon: url(/img/icons/color/users.png)}.pic-bolt{--icon: url(/img/icons/color/bolt.png)}.pic-flag{--icon: url(/img/icons/color/flag.png)}.pic-rocket{--icon: url(/img/icons/color/rocket.png)}.pic-stopwatch{--icon: url(/img/icons/color/stopwatch.png)}.pic-hourglass{--icon: url(/img/icons/color/hourglass.png)}.pic-flame{--icon: url(/img/icons/color/flame.png)}.pic-crown{--icon: url(/img/icons/color/crown.png)}.pic-medal{--icon: url(/img/icons/color/medal.png)}.pic-star-gold{--icon: url(/img/icons/color/star-gold.png)}.pic-star-silver{--icon: url(/img/icons/color/star-silver.png)}.pic-star-bronze{--icon: url(/img/icons/color/star-bronze.png)}.pic-heart{--icon: url(/img/icons/color/heart.png)}.character-avatar{display:inline-block;width:40px;height:40px;flex:0 0 auto;vertical-align:middle;border-radius:50%;background-color:#110d21;background-image:var(--avatar-sheet);background-size:var(--avatar-size, 300% 200%);background-position:var(--avatar-x) var(--avatar-y);background-repeat:no-repeat}.title,.screen-title{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.01em;color:var(--text);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.title{font-size:clamp(34px,10vw,46px)}.screen-title{font-size:26px;-webkit-text-stroke-width:6px;text-shadow:0 4px 0 var(--ink)}.t-lime{color:var(--lime)}.t-pink{color:var(--pink)}.t-cyan{color:var(--cyan)}.t-gold{color:var(--gold)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 5px;font-family:var(--display);font-size:13px;letter-spacing:.12em;color:var(--ink);background:var(--lime);border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);transform:rotate(-2deg)}.fineprint{color:var(--muted);font-size:13px;font-weight:600;line-height:1.5;text-align:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--ink-soft);border:2px solid var(--ink);color:var(--dim);font-size:12px;font-weight:700;letter-spacing:.02em}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-family:var(--display);font-size:15px;letter-spacing:.06em;color:var(--dim)}.panel{position:relative;width:100%;padding:16px;background:linear-gradient(180deg,var(--panel-hi) 0%,var(--panel) 18%,var(--panel-2) 100%);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:0 6px 0 var(--ink),inset 0 2px #ffffff24}.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.btn{--face: var(--lime);--hi: var(--lime-hi);--lo: var(--lime-lo);--edge: var(--lime-edge);--label: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:10px 20px 13px;font-family:var(--display);font-weight:400;font-size:21px;line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--label);background:linear-gradient(180deg,var(--hi) 0%,var(--face) 34%,var(--face) 62%,var(--lo) 100%);border:3px solid var(--ink);border-radius:18px;box-shadow:inset 0 -5px 0 var(--edge),inset 0 3px #ffffff8c,0 6px 0 var(--ink),0 12px 20px #08001e73;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .12s var(--ease-back),box-shadow .12s,filter .15s}.btn:not(.btn-lime):not(.btn-gold){text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink),0 3px 0 var(--ink)}.btn .ico{width:22px;height:22px}.btn:not(.btn-lime):not(.btn-gold) .ico:not(.pic){filter:drop-shadow(0 2px 0 var(--ink))}.btn-lime{--face: var(--lime);--hi: var(--lime-hi);--lo: var(--lime-lo);--edge: var(--lime-edge);--label: var(--ink)}.btn-pink{--face: var(--pink);--hi: var(--pink-hi);--lo: var(--pink-lo);--edge: var(--pink-edge);--label: #fff}.btn-cyan{--face: var(--cyan);--hi: var(--cyan-hi);--lo: var(--cyan-lo);--edge: var(--cyan-edge);--label: #fff}.btn-gold{--face: var(--gold);--hi: var(--gold-hi);--lo: var(--gold-lo);--edge: var(--gold-edge);--label: var(--ink)}.btn-violet{--face: var(--violet);--hi: var(--violet-hi);--lo: var(--violet-lo);--edge: var(--violet-edge);--label: #fff}.btn-ghost{--label: var(--dim);background:#1b0a3a8c;box-shadow:0 4px 0 var(--ink);font-size:17px;min-height:48px}.btn:hover{filter:brightness(1.06) saturate(1.05)}.btn:active,.btn.is-pressed{transform:translateY(5px) scale(.97,.95);box-shadow:inset 0 -3px 0 var(--edge),inset 0 3px #ffffff73,0 1px 0 var(--ink),0 4px 8px #08001e66}.btn-ghost:active,.btn-ghost.is-pressed{box-shadow:0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(.7) brightness(.8);cursor:default}.btn-xl{width:100%;min-height:66px;font-size:28px;border-radius:22px}.btn-xl .ico{width:28px;height:28px}.btn-square{flex:0 0 54px;width:54px;padding:0}.btn.is-loading{color:transparent!important;text-shadow:none!important;pointer-events:none}.btn.is-loading>*{visibility:hidden}.btn.is-loading:before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-13px 0 0 -11px;border:3px solid rgba(27,10,58,.25);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.btn.is-revealed{animation:reveal-pop .55s var(--ease-back)}@keyframes reveal-pop{0%{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.link-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 4px;background:none;border:0;color:var(--dim);font-family:var(--display);font-size:16px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.link-btn:disabled{opacity:.4;cursor:default}.icon-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink),inset 0 2px #ffffff2e;color:#fff;font-family:var(--display);font-size:22px;text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-back),box-shadow .12s}.icon-btn .ico{width:24px;height:24px}.icon-btn:active,.icon-btn.is-pressed{transform:translateY(3px) scale(.94);box-shadow:0 1px 0 var(--ink),inset 0 2px #ffffff2e}.icon-btn svg{width:24px;height:24px;fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg .wave{fill:none}.chip-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 11px;background:#1b0a3acc;border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);color:#fff;font-family:var(--display);font-size:17px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.chip-btn:active,.chip-btn.is-pressed{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.sound-toggle{position:fixed;z-index:40;top:calc(12px + var(--safe-top));right:70px;transition:opacity .2s,transform .2s var(--ease-back)}.sound-toggle[data-mode=off]{background:linear-gradient(180deg,#5a4a8a,#3d2f6b)}.sound-toggle[data-mode=off] svg{opacity:.8}body:not(.in-lobby) .sound-toggle,body[data-racing=true] .sound-toggle{opacity:0;pointer-events:none;transform:scale(.6)}.feed-viewport{position:absolute;inset:0;overflow:hidden}.feed-track{position:absolute;top:0;left:0;right:0;will-change:transform}.post{position:absolute;top:0;left:12px;right:40px;display:flex;gap:11px;padding:13px 14px;background:linear-gradient(180deg,#3b1a93,#2e1277);border:3px solid var(--ink);border-radius:20px;box-shadow:0 5px 0 var(--ink),inset 0 2px #ffffff1a;overflow:hidden;contain:content}.post[data-band=odd]{background:linear-gradient(180deg,#2c3fa8,#22278a);box-shadow:0 5px 0 var(--ink),inset 0 2px #ffffff1f,0 0 0 2px #2de2ff59}.post[data-band=unhinged]{background:linear-gradient(180deg,#7a1466,#521055);box-shadow:0 5px 0 var(--ink),inset 0 2px #ffffff24,0 0 26px #ff3d8b73}.post-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:16px;border:3px solid var(--ink);text-shadow:0 2px 0 rgba(27,10,58,.6)}.post-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.post-head{display:flex;align-items:baseline;gap:7px;white-space:nowrap;overflow:hidden}.post-name{font-weight:800;font-size:14px}.post-meta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.post-body{font-size:15px;font-weight:500;line-height:1.38;overflow:hidden}.post[data-band=unhinged] .post-body{font-weight:700}.post-media{flex:1;min-height:56px;border-radius:12px;border:2px solid var(--ink);background:var(--poster) center / cover no-repeat,linear-gradient(160deg,var(--m1),var(--m2))}.post-media[hidden]{display:none}.post-foot{margin-top:auto;display:flex;gap:18px;color:var(--muted);font-size:12px;font-weight:700}.post-stat{display:inline-flex;align-items:center;gap:5px}.post-stat .ico{width:14px;height:14px}.post[data-band=unhinged] .post-stat:last-child{color:var(--pink-hi)}.speed-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.speed-glow{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(130% 95% at 50% 50%,transparent 52%,rgba(255,61,139,.55) 100%),linear-gradient(180deg,rgba(212,255,58,.16),transparent 22%,transparent 78%,rgba(106,46,224,.5));will-change:opacity}.hud{position:absolute;inset:0;pointer-events:none;transition:opacity .25s}.hud-hidden{opacity:0}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(10px + var(--safe-top)) 12px 26px;background:linear-gradient(180deg,rgba(16,5,44,.92) 0%,rgba(16,5,44,.7) 60%,transparent)}.hud-face{flex:0 0 48px;width:48px;height:48px;border-radius:16px;border:3px solid var(--ink);overflow:hidden;box-shadow:0 4px 0 var(--ink);background:var(--panel)}.hud-face .character-avatar{width:100%;height:100%;border-radius:0}.hud-you{outline:3px solid var(--lime);outline-offset:-3px}.hud-rival{outline:3px solid var(--pink);outline-offset:-3px}.hud-center{display:flex;flex-direction:column;align-items:center;gap:6px}.hud-timer{min-width:140px;padding:6px 16px 8px;text-align:center;font-family:var(--font);font-weight:900;font-style:italic;font-size:34px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff;background:linear-gradient(180deg,var(--panel-hi),var(--panel-2));border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink),inset 0 2px #ffffff29;text-shadow:0 3px 0 var(--ink)}.lead-pill{padding:5px 12px 6px;border-radius:999px;font-family:var(--display);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ink-soft);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:0;transition:opacity .2s,background .15s;white-space:nowrap}.lead-pill.is-visible{opacity:1}.lead-pill.is-ahead{color:var(--ink);background:var(--lime)}.lead-pill.is-behind{background:var(--pink);text-shadow:0 2px 0 var(--ink)}.combo{position:absolute;left:14px;top:calc(96px + var(--safe-top));display:flex;flex-direction:column;align-items:flex-start;gap:2px;opacity:0;transform:scale(.6) rotate(-8deg);transform-origin:left center;transition:opacity .2s,transform .3s var(--ease-back)}.combo.is-live{opacity:1;transform:rotate(-6deg)}.combo strong{font-family:var(--display);font-weight:400;font-size:44px;line-height:1;color:var(--lime);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.combo span{font-family:var(--display);font-size:15px;letter-spacing:.08em;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.combo.is-hot strong{color:var(--pink);animation:hot-wobble .35s ease-in-out infinite alternate}.combo strong.bump{animation:combo-bump .22s var(--ease-back)}.combo.is-hot strong.bump{animation:combo-bump .22s var(--ease-back),hot-wobble .35s .22s ease-in-out infinite alternate}@keyframes combo-bump{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes hot-wobble{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.speedo{position:absolute;left:12px;bottom:calc(16px + var(--safe-bottom));width:136px;display:flex;flex-direction:column;align-items:center;padding:8px 8px 10px;background:#1b0a3ac7;border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink)}.heat-label{position:absolute;top:-14px;padding:3px 10px 4px;border-radius:999px;border:3px solid var(--ink);background:var(--lime);color:var(--ink);font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .15s,color .15s}.speedo[data-band=odd] .heat-label{background:var(--cyan)}.speedo[data-band=unhinged] .heat-label{background:var(--pink);color:#fff;animation:unhinged-flicker .4s steps(2) infinite}@keyframes unhinged-flicker{50%{transform:scale(1.08) rotate(-3deg)}}.speedo-gauge{width:112px;height:62px;overflow:visible}.speedo-track,.speedo-fill{fill:none;stroke-linecap:round;stroke-width:12}.speedo-track{stroke:var(--ink-soft)}.speedo-fill{stroke:var(--lime);stroke-dasharray:100 100;stroke-dashoffset:98;transition:stroke .15s}.speedo[data-band=odd] .speedo-fill{stroke:var(--cyan)}.speedo[data-band=unhinged] .speedo-fill{stroke:var(--pink)}.speed-readout{margin-top:-32px;display:flex;flex-direction:column;align-items:center;line-height:1}.speed-readout strong{font-family:var(--font);font-weight:900;font-style:italic;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff;text-shadow:0 3px 0 var(--ink)}.speed-readout span{margin-top:3px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.race-caption{position:absolute;right:44px;bottom:calc(18px + var(--safe-bottom));font-family:var(--display);font-size:11px;letter-spacing:.06em;line-height:1.35;text-align:right;color:#ffffffb3;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.rail{position:absolute;top:calc(104px + var(--safe-top));bottom:calc(40px + var(--safe-bottom));right:8px;width:26px}.rail-track{position:absolute;top:0;bottom:0;left:50%;width:14px;transform:translate(-50%);border-radius:999px;background:var(--ink-soft);border:3px solid var(--ink);overflow:hidden}.rail-fill{position:absolute;top:0;left:0;right:0;height:0%;background:linear-gradient(180deg,var(--lime-hi),var(--lime));will-change:height}.rail-chip{position:absolute;left:50%;top:0%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:12px;overflow:hidden;border:3px solid var(--ink);background:var(--panel);will-change:top}.rail-chip .character-avatar{width:100%;height:100%;border-radius:0}.rail-you{z-index:2;box-shadow:0 0 0 3px var(--lime),0 3px 0 3px var(--ink)}.rail-ghost{z-index:1;width:30px;height:30px;opacity:.9;box-shadow:0 0 0 3px var(--pink)}.rail-finish{position:absolute;left:-2px;right:-2px;bottom:-12px;height:16px;border-radius:5px;border:3px solid var(--ink);background:repeating-conic-gradient(#fff 0 25%,var(--ink) 0 50%) 0 0 / 10px 10px}.ghost-marker{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:0 44px 0 12px;pointer-events:none}.ghost-marker:before,.ghost-marker:after{content:"";flex:1;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--pink) 0 12px,transparent 12px 20px);filter:drop-shadow(0 2px 0 var(--ink))}.ghost-marker-label{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;background:var(--pink);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);font-family:var(--display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--ink);white-space:nowrap}.ghost-marker-face{width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid var(--ink)}.ghost-marker-face .character-avatar{width:100%;height:100%}.character-avatar.is-self-ghost{filter:saturate(.3) brightness(1.2) hue-rotate(200deg);opacity:.85}.callouts{position:absolute;inset:0;z-index:12;pointer-events:none;display:grid;place-items:center;padding-bottom:18vh}.callout{display:flex;flex-direction:column;align-items:center;gap:4px;transform:rotate(var(--tilt, -4deg));animation:callout 1.05s var(--ease-out) forwards}.callout strong{max-width:92vw;font-family:var(--display);font-weight:400;font-size:min(68px,calc(min(100vw,480px) * 1.3 / var(--len, 6)));line-height:.92;text-align:center;text-wrap:balance;color:var(--tone, var(--lime));-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink),0 14px 30px rgba(8,0,30,.5)}.callout small{padding:4px 12px 5px;font-family:var(--display);font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--tone, var(--lime));border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink)}.callout.tone-lime{--tone: var(--lime)}.callout.tone-pink{--tone: var(--pink)}.callout.tone-cyan{--tone: var(--cyan)}.callout.tone-gold{--tone: var(--gold)}.callout.tone-white{--tone: #fff}@keyframes callout{0%{opacity:0;transform:rotate(var(--tilt)) scale(2.6)}14%{opacity:1;transform:rotate(var(--tilt)) scale(.92)}22%{transform:rotate(var(--tilt)) scale(1.05)}30%{transform:rotate(var(--tilt)) scale(1)}78%{opacity:1;transform:rotate(var(--tilt)) scale(1) translateY(0)}to{opacity:0;transform:rotate(var(--tilt)) scale(.9) translateY(-40px)}}.overlay{position:absolute;inset:0;z-index:10;display:none}.overlay-visible{display:block;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.overlay-dim{background:radial-gradient(90% 55% at 50% 12%,rgba(106,46,224,.55),transparent 70%),linear-gradient(180deg,#1d0a4df0,#10052cf7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.overlay-clear{background:transparent;pointer-events:none}.overlay-clear>*{pointer-events:auto}.screen{position:relative;min-height:100%;width:min(100%,480px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(24px + var(--safe-top)) 18px calc(28px + var(--safe-bottom));text-align:center}[data-in]{animation:pop-in .5s var(--ease-back) both;animation-delay:calc(var(--i, 0) * 55ms + 40ms)}@keyframes pop-in{0%{opacity:0;transform:translateY(26px) scale(.86)}to{opacity:1;transform:none}}.eyebrow[data-in]{animation-name:pop-in-tilt}@keyframes pop-in-tilt{0%{opacity:0;transform:translateY(20px) scale(.6) rotate(-2deg)}to{opacity:1;transform:rotate(-2deg)}}.in-lobby .feed-viewport,.in-lobby .speed-glow,.in-lobby .speed-lines{visibility:hidden}.in-lobby .overlay-dim{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.lobby{position:relative;min-height:100%;width:min(100%,480px);margin-inline:auto;display:flex;flex-direction:column;gap:14px;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom))}.lobby-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(70% 45% at 50% 30%,#7a3bff 0%,rgba(106,46,224,.4) 40%,transparent 75%),linear-gradient(180deg,#2a0d6e,var(--bg-0))}.lobby-rays{position:absolute;left:50%;top:30%;width:130vmax;height:130vmax;margin:-65vmax 0 0 -65vmax;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0deg 10deg,transparent 10deg 22.5deg);-webkit-mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);animation:rays 60s linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.floater{position:absolute;left:var(--x);bottom:-60px;width:var(--s);height:var(--s);background:var(--icon) center / contain no-repeat;opacity:.35;animation:float-up var(--d) linear infinite;animation-delay:var(--delay)}@keyframes float-up{0%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-60vh) translate(18px) rotate(10deg)}to{transform:translateY(-120vh) rotate(-12deg)}}.topbar{display:flex;align-items:center;gap:8px;padding-right:54px}.player-chip{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;background:linear-gradient(180deg,var(--panel-hi),var(--panel));border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink),inset 0 2px #ffffff29;text-align:left;cursor:pointer;transition:transform .12s var(--ease-back)}.player-chip.is-pressed{transform:translateY(3px) scale(.98)}.player-chip.is-loading{opacity:.7}.player-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:13px;overflow:hidden;border:3px solid var(--ink);background:#110d21}.player-avatar .character-avatar{width:100%;height:100%;border-radius:0}.player-body{min-width:0;display:flex;flex-direction:column;gap:3px}.player-name{font-family:var(--display);font-size:17px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 var(--ink)}.player-rank{font-size:11px;font-weight:700;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-badge{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--gold)}.tier-badge .ico{width:16px;height:16px}.warmup{color:var(--dim);font-weight:700}.rating-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:46px;padding:0 12px 0 8px;background:var(--ink);border:3px solid var(--ink);border-radius:15px;box-shadow:inset 0 0 0 2px var(--ink-soft)}.rating-chip .ico{width:26px;height:26px}.rating-chip strong{font-family:var(--display);font-weight:400;font-size:19px;color:var(--gold)}.in-lobby .sound-toggle{right:max(16px,calc((100vw - 480px)/2 + 16px));top:calc(12px + var(--safe-top))}.lobby-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:6px}.lobby-tagline{text-align:center;font-family:var(--display);font-size:19px;line-height:1.15;letter-spacing:.02em;color:#fff;text-shadow:0 3px 0 var(--ink)}.lobby-tagline span{font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:0;color:var(--dim);text-shadow:none}.logo-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin-top:4px;background:none;border:0;cursor:pointer;transform:rotate(-4deg)}.logo-burst{position:absolute;left:50%;top:44%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(212,255,58,.35),transparent 62%);animation:burst-pulse 3.2s ease-in-out infinite}@keyframes burst-pulse{50%{transform:scale(1.15);opacity:.7}}.logo-mascot-wrap{position:relative;z-index:2;width:104px;height:128px;margin-bottom:-30px;animation:mascot-in .8s .45s var(--ease-back) both}.logo-mascot{width:100%;height:100%;overflow:visible;transform-origin:50% 95%;animation:mascot-idle 2.6s ease-in-out 1.3s infinite}@keyframes mascot-in{0%{transform:translateY(70px) scale(.3);opacity:0}to{transform:none;opacity:1}}@keyframes mascot-idle{0%,to{transform:rotate(-9deg)}40%{transform:rotate(-3deg) translateY(-3px)}55%{transform:rotate(-11deg) scaleY(.96)}70%{transform:rotate(-6deg) translateY(-6px) scaleY(1.04)}}.mascot .mascot-tails{transform-origin:27px 40px;animation:tails .5s ease-in-out infinite alternate}@keyframes tails{0%{transform:rotate(-6deg) scaleX(.95)}to{transform:rotate(6deg) scaleX(1.05)}}.mascot .mascot-pupil{transform:translate(var(--px, 0px),var(--py, 0px));transition:transform .12s}.mascot .mascot-face{transform-origin:40px 56px;animation:blink 4.8s infinite}@keyframes blink{0%,94%,to{transform:none}96%{transform:scaleY(.2)}}.logo-hero.is-poked .logo-mascot-wrap{animation:poke .5s var(--ease-back)}@keyframes poke{0%{transform:none}25%{transform:translateY(12px) scale(1.12,.82)}60%{transform:translateY(-16px) scale(.94,1.08) rotate(6deg)}to{transform:none}}.logo-word{position:relative;z-index:1;display:flex;font-family:var(--display);font-size:clamp(56px,17vw,76px);line-height:.9;transform:skew(-6deg)}.logo-letter{position:relative;display:inline-block;color:transparent;animation:letter-drop .6s var(--ease-back) both,letter-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms),calc(var(--i) * .12s + 1s)}.logo-letter:before,.logo-letter:after{content:attr(data-c);position:absolute;inset:0}.logo-letter:before{color:var(--ink);-webkit-text-stroke:12px var(--ink);text-shadow:0 8px 0 var(--ink),0 14px 26px rgba(8,0,30,.5)}.logo-letter:after{color:transparent;background:linear-gradient(180deg,var(--lime-hi) 0 32%,var(--lime) 33% 70%,var(--lime-lo) 71%);-webkit-background-clip:text;background-clip:text}@keyframes letter-drop{0%{transform:translateY(-120px) scale(.6);opacity:0}60%{transform:translateY(6px) scale(1.1,.86);opacity:1}to{transform:none}}@keyframes letter-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-tag{position:relative;z-index:3;align-self:flex-end;margin:-10px -8px 0 0;padding:3px 12px 5px;font-family:var(--display);font-size:24px;color:#fff;background:var(--pink);border:4px solid var(--ink);border-radius:12px;box-shadow:0 5px 0 var(--ink),inset 0 3px #ffffff59;text-shadow:0 2px 0 var(--ink);transform:rotate(7deg);animation:tag-in .6s .7s var(--ease-back) both}@keyframes tag-in{0%{transform:rotate(40deg) scale(0)}to{transform:rotate(7deg) scale(1)}}.mascot-bubble{position:absolute;z-index:4;right:60%;top:-4px;width:max-content;max-width:min(170px,38vw);padding:9px 12px 10px;font-family:var(--font);font-size:13px;font-weight:800;line-height:1.25;text-align:left;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:16px 16px 4px;box-shadow:0 4px 0 var(--ink);transform:rotate(4deg) scale(0);transform-origin:100% 100%;opacity:0;pointer-events:none}.mascot-bubble.is-speaking{animation:bubble 3.4s var(--ease-back) forwards}@keyframes bubble{0%{transform:rotate(4deg) scale(0);opacity:0}10%{transform:rotate(4deg) scale(1);opacity:1}88%{transform:rotate(4deg) scale(1);opacity:1}to{transform:rotate(4deg) scale(.6);opacity:0}}.ticker{display:flex;align-items:center;gap:0;height:40px;background:var(--ink);border:3px solid var(--ink);border-radius:14px;overflow:hidden;transform:rotate(-1deg)}.ticker-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 10px 0 9px;background:var(--pink);border-radius:10px;font-family:var(--display);font-size:14px;letter-spacing:.06em;color:#fff;text-shadow:0 2px 0 var(--ink)}.ticker-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:live-dot 1.2s ease-in-out infinite}@keyframes live-dot{50%{opacity:.25;transform:scale(.7)}}.activity-status[data-online=false]{opacity:.8}.ticker-window{flex:1;min-width:0;height:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.ticker-track{display:flex;align-items:center;width:max-content;height:100%;animation:crawl var(--crawl, 20s) linear infinite}@keyframes crawl{to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:6px;padding:0 18px 0 12px;font-size:13px;font-weight:600;color:var(--dim);white-space:nowrap}.ticker-item+.ticker-item:before{content:"✦";margin-right:12px;color:var(--lime)}.ticker-item b{color:#fff;font-weight:800}.ticker-item strong{font-family:var(--display);font-weight:400;font-size:16px;color:var(--lime)}.ticker-item time{font-size:11px;color:var(--muted)}.ticker-item.is-new b{color:var(--lime)}.ticker-face{width:24px;height:24px}.ticker-item .ico{width:22px;height:22px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tile{--face: var(--panel);--edge: var(--ink);position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 4px;background:linear-gradient(180deg,var(--panel-hi) 0%,var(--panel) 45%,var(--panel-2) 100%);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink),inset 0 2px #ffffff29,inset 0 -4px #1b0a3a59;color:#fff;text-align:center;cursor:pointer;transition:transform .12s var(--ease-back),box-shadow .12s}.tile:after{content:"";position:absolute;left:8px;right:8px;top:4px;height:3px;border-radius:3px;background:var(--accent, var(--lime));opacity:.9}.tile[data-tone=lime]{--accent: var(--lime)}.tile[data-tone=violet]{--accent: var(--violet-hi)}.tile[data-tone=pink]{--accent: var(--pink)}.tile[data-tone=gold]{--accent: var(--gold)}.tile .ico{width:46px;height:46px;margin-top:2px;filter:drop-shadow(0 3px 0 rgba(27,10,58,.6));transition:transform .25s var(--ease-back)}.tile strong{font-family:var(--display);font-weight:400;font-size:14px;line-height:1;letter-spacing:.02em;text-shadow:0 2px 0 var(--ink);white-space:nowrap}.tile small{font-size:10px;font-weight:700;line-height:1.15;color:var(--muted)}.tile:active,.tile.is-pressed{transform:translateY(4px) scale(.96);box-shadow:0 1px 0 var(--ink),inset 0 2px #ffffff29}.tile.is-pressed .ico{transform:scale(1.18) rotate(-8deg)}.tile.is-loading .ico{animation:spin .8s linear infinite}@media(hover:hover){.tile:hover .ico{transform:scale(1.1) rotate(-6deg)}}.play-zone{display:flex;flex-direction:column;gap:12px}.btn-play{width:100%;min-height:92px;flex-direction:column;gap:4px;border-width:4px;border-radius:28px;box-shadow:inset 0 -8px 0 var(--edge),inset 0 4px #fff9,0 8px 0 var(--ink),0 18px 34px #d4ff3a40;animation:play-breathe 2.2s ease-in-out infinite}.btn-play:after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:34%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translate(-120%) skew(-18deg);animation:shine 3.4s ease-in-out infinite}@keyframes shine{0%,55%{transform:translate(-120%) skew(-18deg)}to{transform:translate(420%) skew(-18deg)}}@keyframes play-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.btn-play.is-pressed,.btn-play:active{animation:none;transform:translateY(6px) scale(.97,.94);box-shadow:inset 0 -5px 0 var(--edge),inset 0 4px #ffffff80,0 2px 0 var(--ink)}.btn-play-label{font-size:46px;line-height:.9;letter-spacing:.04em;text-shadow:0 3px 0 rgba(255,255,255,.6)}.btn-play small{font-family:var(--font);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.world-chip{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 14px 9px 10px;background:#1b0a3ab3;border:3px solid var(--ink);border-radius:16px;text-align:left}.world-chip .ico{grid-row:span 2;width:32px;height:32px}.world-chip strong{font-family:var(--display);font-weight:400;font-size:19px;line-height:1;color:var(--gold);text-shadow:0 2px 0 var(--ink)}.world-chip span{font-size:11px;font-weight:700;color:var(--dim)}.world-chip-wide{width:100%}.lobby-foot{display:flex;justify-content:space-between;gap:12px;padding:4px 4px 0;font-size:11px;font-weight:700;color:var(--muted)}.lobby-foot a{color:var(--dim);text-decoration:none}.tutorial .title{font-size:clamp(30px,9vw,40px)}.tut-demo{position:relative;width:210px;height:200px}.tut-phone{position:absolute;left:40px;top:0;width:110px;height:196px;border:5px solid var(--ink);border-radius:24px;background:var(--bg-1);box-shadow:0 6px 0 var(--ink),inset 0 0 0 3px var(--panel-hi);overflow:hidden}.tut-feed{position:absolute;inset:8px;display:flex;flex-direction:column;gap:7px;animation:tut-scroll .9s cubic-bezier(.2,.7,.3,1) infinite}.tut-feed i{flex:0 0 38px;border-radius:9px;background:var(--panel);border:2px solid var(--ink)}.tut-feed i:nth-child(3n){background:#7a1466}.tut-feed i:nth-child(3n+1){background:#2c3fa8}@keyframes tut-scroll{0%{transform:translateY(0)}to{transform:translateY(-90px)}}.tut-hand{position:absolute;left:96px;top:96px;width:78px;height:96px;animation:tut-flick .9s cubic-bezier(.3,0,.2,1) infinite;transform-origin:40% 100%}.tut-hand svg{width:100%;height:100%;overflow:visible}@keyframes tut-flick{0%{transform:translateY(30px) rotate(-6deg)}45%{transform:translate(-6px,-40px) rotate(-14deg)}60%{transform:translate(-6px,-40px) rotate(-14deg);opacity:1}80%{transform:translateY(30px) rotate(-6deg);opacity:.9}to{transform:translateY(30px) rotate(-6deg)}}.tut-flick{position:absolute;font-family:var(--display);font-size:20px;color:var(--lime);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;opacity:0;animation:tut-word 2.7s infinite}.tut-flick-1{left:-4px;top:30px;transform:rotate(-12deg)}.tut-flick-2{left:150px;top:10px;transform:rotate(10deg);color:var(--cyan);animation-delay:.9s}.tut-flick-3{left:-10px;top:110px;transform:rotate(-6deg);color:var(--pink);animation-delay:1.8s}@keyframes tut-word{0%{opacity:0;scale:.4}8%{opacity:1;scale:1.1}25%{opacity:1;scale:1}33%,to{opacity:0;scale:1}}.tut-steps{width:100%;display:flex;flex-direction:column;gap:10px;list-style:none}.tut-steps li{display:flex;align-items:center;gap:12px;padding:11px 14px 12px 11px;text-align:left;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 30%,var(--panel-2));border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink)}.tut-steps b{flex:0 0 40px;height:40px;display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:24px;color:var(--ink);background:var(--lime);border:3px solid var(--ink);border-radius:13px;transform:rotate(-6deg)}.tut-steps li:nth-child(2) b{background:var(--cyan);transform:rotate(5deg)}.tut-steps li:nth-child(3) b{background:var(--pink);color:#fff}.tut-steps strong{display:block;font-family:var(--display);font-weight:400;font-size:18px;line-height:1.05;text-shadow:0 2px 0 var(--ink)}.tut-steps small{display:block;margin-top:4px;font-size:12px;font-weight:600;line-height:1.35;color:var(--dim)}.search-screen{gap:16px}.radar{position:relative;width:210px;height:210px;display:grid;place-items:center;margin:8px 0}.radar i{position:absolute;inset:0;border-radius:50%;border:4px solid var(--lime);opacity:0;animation:radar-ring 2.4s var(--ease-out) infinite}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}@keyframes radar-ring{0%{transform:scale(.35);opacity:.9}to{transform:scale(1.15);opacity:0}}.radar-sweep{position:absolute;inset:12px;border-radius:50%;background:conic-gradient(from 0deg,rgba(212,255,58,.45),transparent 25%);animation:rays 1.6s linear infinite}.radar-avatar{position:relative;width:96px;height:96px;border-radius:30px;overflow:hidden;border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink),0 0 0 4px var(--lime);animation:radar-bob 1.2s ease-in-out infinite alternate}.radar-avatar .character-avatar{width:100%;height:100%;border-radius:0}@keyframes radar-bob{to{transform:translateY(-6px) rotate(3deg)}}.search-status{font-size:clamp(26px,8vw,34px)}.search-quip{min-height:20px;font-size:14px;font-weight:700;color:var(--dim)}.search-quip.is-swapping{animation:quip-swap .35s var(--ease-back)}@keyframes quip-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wait-chip{font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:.04em;color:var(--lime)}.search-actions,.stack-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:6px}.search-actions .btn,.stack-actions .btn{width:100%}.vs-screen{justify-content:space-between;gap:0;padding-inline:0;overflow:hidden;min-height:100dvh}.vs-half{position:relative;width:100%;flex:1;display:flex;align-items:center;gap:14px;padding:30px 22px}.vs-half:before{content:"";position:absolute;inset:-20px -40px;z-index:-1;border-block:5px solid var(--ink)}.vs-rival{flex-direction:row-reverse;text-align:right;padding-top:calc(40px + var(--safe-top))}.vs-rival:before{background:repeating-linear-gradient(-55deg,rgba(255,255,255,.07) 0 14px,transparent 14px 28px),linear-gradient(160deg,#ff5fa0,var(--pink-lo) 60%,var(--pink-edge));transform:skewY(-8deg);transform-origin:right}.vs-you{text-align:left;padding-bottom:calc(60px + var(--safe-bottom))}.vs-you:before{background:repeating-linear-gradient(-55deg,rgba(255,255,255,.12) 0 14px,transparent 14px 28px),linear-gradient(160deg,var(--lime-hi),var(--lime) 40%,var(--lime-lo));transform:skewY(-8deg);transform-origin:left}.vs-avatar{flex:0 0 auto;width:132px;height:132px;display:grid;place-items:center;border-radius:36px;overflow:hidden;border:5px solid var(--ink);background:#110d21;box-shadow:0 8px 0 var(--ink)}.vs-avatar .character-avatar{width:100%;height:100%;border-radius:0}.vs-mystery{font-family:var(--display);font-size:54px;color:var(--pink);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.vs-plate{min-width:0;display:flex;flex-direction:column;gap:6px}.vs-plate strong{font-family:var(--display);font-weight:400;font-size:clamp(26px,8.5vw,36px);line-height:.95;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);overflow-wrap:anywhere}.vs-plate span{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 5px;font-size:13px;font-weight:800;color:#fff;background:var(--ink);border-radius:999px}.vs-rival .vs-plate span{align-self:flex-end}.vs-plate .ico{width:18px;height:18px}.vs-you .vs-avatar{animation:slide-from-left .55s .05s var(--ease-back) both}.vs-you .vs-plate{animation:slide-from-left .55s .12s var(--ease-back) both}.vs-screen.is-found .vs-rival .vs-avatar{animation:slide-from-right .55s var(--ease-back) both}.vs-screen.is-found .vs-rival .vs-plate{animation:slide-from-right .55s .07s var(--ease-back) both}.vs-screen.is-searching .vs-rival .vs-avatar{filter:brightness(.5) saturate(.4);animation:searching-wobble .3s ease-in-out infinite alternate}@keyframes searching-wobble{0%{transform:rotate(-3deg) scale(.97)}to{transform:rotate(3deg) scale(1.02)}}@keyframes slide-from-left{0%{transform:translate(-120vw) skew(20deg)}to{transform:none}}@keyframes slide-from-right{0%{transform:translate(120vw) skew(-20deg)}to{transform:none}}.vs-badge{position:relative;z-index:3;width:116px;height:116px;margin:-58px 0;display:grid;place-items:center;background:var(--gold);border:5px solid var(--ink);border-radius:50%;box-shadow:0 7px 0 var(--ink),inset 0 5px 0 var(--gold-hi),inset 0 -7px 0 var(--gold-lo);animation:vs-slam .5s .25s var(--ease-back) both}.vs-badge span{font-family:var(--display);font-size:56px;line-height:1;color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);transform:rotate(-8deg)}.vs-screen.is-searching .vs-badge{animation:vs-slam .5s .25s var(--ease-back) both,vs-throb .9s .8s ease-in-out infinite}@keyframes vs-slam{0%{transform:scale(4) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.vs-screen .vs-badge.is-slammed{animation:vs-reslam .45s var(--ease-back) both}@keyframes vs-reslam{0%{transform:scale(2.6) rotate(-30deg)}to{transform:none}}@keyframes vs-throb{50%{transform:scale(1.08) rotate(-4deg)}}.vs-status{position:absolute;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px 9px;font-size:17px;letter-spacing:.04em;color:#fff;background:var(--ink);border-radius:999px;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-status.is-found{color:var(--lime)}.countdown-screen{gap:10px}.count-vs{font-family:var(--display);font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.count-stage{position:relative;width:100%;height:220px;display:grid;place-items:center}.countdown-digit{font-family:var(--display);font-size:200px;line-height:1;color:#fff;-webkit-text-stroke:16px var(--ink);paint-order:stroke fill;text-shadow:0 12px 0 var(--ink),0 20px 40px rgba(8,0,30,.6)}.countdown-digit.countdown-go{color:var(--lime);font-size:160px}.count-pop{animation:count-pop .55s var(--ease-back)}@keyframes count-pop{0%{transform:scale(3) rotate(-18deg);opacity:0}40%{transform:scale(.88) rotate(3deg);opacity:1}to{transform:none}}.count-caption{min-height:32px;font-family:var(--display);font-size:26px;letter-spacing:.06em;text-transform:uppercase;color:var(--lime);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.count-caption.is-in{animation:pop-in .4s var(--ease-back)}.countdown-hint{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.done-button{position:absolute;top:calc(96px + var(--safe-top));right:44px}.live-verifying{position:absolute;left:50%;bottom:40vh;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px 13px;font-family:var(--display);font-size:18px;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:0 0 0 3px var(--lime);white-space:nowrap;animation:pop-in .4s var(--ease-back)}.result-screen,.interstitial{justify-content:flex-start;gap:14px;padding-top:calc(28px + var(--safe-top));padding-bottom:0}.interstitial{justify-content:center}.rays{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.rays i{position:absolute;left:50%;top:22%;width:130vmax;height:130vmax;margin:-65vmax 0 0 -65vmax;background:repeating-conic-gradient(from 0deg,var(--ray) 0deg 9deg,transparent 9deg 20deg);-webkit-mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);animation:rays 24s linear infinite,fade-in .8s ease-out both}.rays.tone-lime{--ray: rgba(212, 255, 58, .16)}.rays.tone-pink{--ray: rgba(255, 61, 139, .12)}.rays.tone-cyan{--ray: rgba(45, 226, 255, .14)}.rays.tone-gold{--ray: rgba(255, 198, 41, .16)}.rays.tone-white{--ray: rgba(255, 255, 255, .08)}@keyframes fade-in{0%{opacity:0}}.verdict{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.25em;font-family:var(--display);font-weight:400;font-size:min(76px,calc(min(100vw,480px) * 1.38 / var(--len, 8)));line-height:.9;text-transform:uppercase;color:var(--tone, var(--lime));transform:rotate(-3deg)}.verdict.tone-lime{--tone: var(--lime)}.verdict.tone-pink{--tone: var(--pink)}.verdict.tone-cyan{--tone: var(--cyan)}.verdict.tone-gold{--tone: var(--gold)}.verdict.tone-white{--tone: #fff}.verdict-word{display:inline-flex;white-space:nowrap}.verdict-letter{display:inline-block;-webkit-text-stroke:11px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink),0 16px 34px rgba(8,0,30,.55);animation:letter-slam .45s var(--ease-back) both;animation-delay:calc(var(--l) * 35ms + .12s)}@keyframes letter-slam{0%{transform:translateY(-80px) scale(2.2) rotate(-14deg);opacity:0}70%{transform:translateY(4px) scale(.92,1.08);opacity:1}to{transform:none}}.result-screen.tone-pink .verdict-letter{animation-name:letter-slam,letter-sag;animation-duration:.45s,1.2s;animation-delay:calc(var(--l) * 35ms + .12s),calc(var(--l) * 35ms + 1.2s);animation-fill-mode:both,forwards;animation-timing-function:var(--ease-back),ease-in-out}@keyframes letter-sag{to{transform:translateY(calc(var(--l) * .6px + 2px)) rotate(calc((var(--l) - 5) * .8deg))}}.result-hero{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.grade{--tone: var(--lime);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;height:104px;background:var(--tone);border:4px solid var(--ink);border-radius:28px;box-shadow:0 7px 0 var(--ink),inset 0 5px #fff6,inset 0 -6px #1b0a3a40;transform:rotate(-10deg) scale(0);opacity:0}.grade.tone-lime{--tone: var(--lime)}.grade.tone-pink{--tone: var(--pink)}.grade.tone-cyan{--tone: var(--cyan)}.grade.tone-gold{--tone: var(--gold)}.grade.tone-white{--tone: #efe8ff}.grade.is-stamped{animation:stamp .42s var(--ease-back) forwards}@keyframes stamp{0%{transform:rotate(-30deg) scale(3);opacity:0}60%{transform:rotate(-8deg) scale(.9);opacity:1}to{transform:rotate(-10deg) scale(1);opacity:1}}.grade strong{font-family:var(--display);font-weight:400;font-size:64px;line-height:.85;color:#fff;-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.grade span{margin-top:2px;font-family:var(--display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-align:center;line-height:1;padding-inline:4px}.result-time{display:flex;flex-direction:column;align-items:flex-start}.result-time strong{font-family:var(--font);font-weight:900;font-style:italic;font-size:58px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.result-time strong.is-landed{animation:landed .35s var(--ease-back)}@keyframes landed{0%{transform:scale(1.3);color:var(--lime)}to{transform:none}}.result-time span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.pb-ribbon{position:relative;padding:8px 26px 9px;font-family:var(--display);font-size:20px;letter-spacing:.06em;color:var(--ink);background:var(--gold);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);transform:rotate(2deg) scale(0);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.pb-ribbon.is-in{animation:stamp-ribbon .5s var(--ease-back) forwards}@keyframes stamp-ribbon{0%{transform:rotate(-10deg) scale(0)}to{transform:rotate(2deg) scale(1)}}.duel{width:100%;display:flex;align-items:stretch;gap:8px}.duel-side{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 30%,var(--panel-2));border:3px solid var(--ink);border-radius:20px;box-shadow:0 5px 0 var(--ink)}.duel-side.is-winner{background:linear-gradient(180deg,#5c3bd0,#4322b0 30%,#331891);box-shadow:0 5px 0 var(--ink),0 0 0 3px var(--gold)}.duel-crown{position:absolute;top:-20px;width:38px;height:38px;transform:rotate(-12deg);animation:crown-bob 1.4s ease-in-out infinite alternate}@keyframes crown-bob{to{transform:rotate(8deg) translateY(-3px)}}.duel-avatar{width:58px;height:58px;border-radius:18px;overflow:hidden;border:3px solid var(--ink)}.duel-avatar .character-avatar{width:100%;height:100%;border-radius:0}.duel-name{max-width:100%;font-size:12px;font-weight:800;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-time{font-family:var(--font);font-weight:900;font-style:italic;font-size:24px;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--ink)}.duel-vs{align-self:center;font-family:var(--display);font-size:22px;color:var(--gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.result-margin,.result-quip{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.result-rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 16px 11px;background:#1b0a3ab3;border:3px solid var(--ink);border-radius:16px;font-size:13px}.rating-line{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--dim)}.rating-line .ico{width:24px;height:24px}.rating-line strong{font-family:var(--display);font-weight:400;font-size:22px;color:#fff;font-variant-numeric:tabular-nums}.rating-delta{padding:3px 9px 4px;font-family:var(--display);font-size:18px;border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);transform:scale(0)}.rating-delta.is-in{animation:delta-in .45s var(--ease-back) forwards}@keyframes delta-in{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(-4deg)}}.delta-up{color:var(--ink);background:var(--lime)}.delta-down{color:#fff;background:var(--pink);text-shadow:0 2px 0 var(--ink)}.result-actions{position:sticky;bottom:0;z-index:5;width:calc(100% + 36px);margin:6px -18px 0;display:flex;flex-direction:column;gap:10px;padding:18px 18px calc(16px + var(--safe-bottom));background:linear-gradient(180deg,transparent,rgba(16,5,44,.92) 26%,var(--bg-0));animation:actions-up .5s .5s var(--ease-back) both}@keyframes actions-up{0%{transform:translateY(120%)}to{transform:none}}.actions-locked{pointer-events:none}.actions-row{display:flex;gap:9px}.actions-row .btn{flex:1;min-width:0;padding-inline:10px;font-size:18px}.actions-row .btn-square{flex:0 0 54px}@media(max-width:420px){.actions-row .btn:not(.btn-square) .ico{display:none}.actions-row .btn{font-size:17px;white-space:nowrap}}.telemetry{display:flex;flex-direction:column;gap:12px;text-align:left}.velocity-chart{width:100%;height:56px;overflow:visible;background:#1b0a3a8c;border-radius:12px}.velocity-chart polyline{fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-grid{fill:none;stroke:#ffffff1a;stroke-dasharray:3 4}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telemetry-grid>div{padding:9px 10px 10px;background:#1b0a3a8c;border:2px solid var(--ink);border-radius:14px}.telemetry-grid dt{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--dim)}.telemetry-grid dt .ico{width:20px;height:20px}.telemetry-grid dd{margin-top:3px;font-family:var(--display);font-size:26px;color:#fff;text-shadow:0 2px 0 var(--ink)}.telemetry-grid dd small{margin-left:5px;font-family:var(--font);font-size:10px;font-weight:700;color:var(--muted);text-shadow:none}.telemetry-note{font-size:12px;line-height:1.55;color:var(--muted)}.telemetry-note summary{cursor:pointer;font-weight:800;color:var(--dim);padding:4px 0}.telemetry-note p{margin-top:6px}.profile-screen{justify-content:flex-start;gap:16px}.screen-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-editor{width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.profile-identity{display:flex;align-items:center;gap:16px;padding:14px;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 30%,var(--panel-2));border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:0 6px 0 var(--ink)}.profile-preview{flex:0 0 auto}.profile-preview.is-picked .profile-avatar{animation:picked .5s var(--ease-back)}@keyframes picked{0%{transform:scale(.6) rotate(-14deg)}to{transform:none}}.profile-avatar{width:96px;height:96px;border:4px solid var(--ink);border-radius:28px;box-shadow:0 5px 0 var(--ink)}.profile-identity .eyebrow{font-size:11px;padding:4px 9px;margin-bottom:8px}.profile-name{font-family:var(--display);font-weight:400;font-size:clamp(22px,7vw,30px);line-height:1;margin:0 0 6px;overflow-wrap:anywhere;text-shadow:0 3px 0 var(--ink)}.profile-identity p,.profile-hint{font-size:12px;font-weight:600;line-height:1.45;color:var(--dim)}.profile-name-label{margin-top:8px;font-family:var(--display);font-size:17px;letter-spacing:.03em;text-transform:uppercase}.profile-name-input{display:block;width:100%;min-height:54px;padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);font:700 17px var(--font);box-shadow:inset 0 4px #1b0a3a1f;user-select:text;-webkit-user-select:text;touch-action:manipulation}.profile-name-input:focus{outline:3px solid var(--lime);outline-offset:2px}.profile-name-input[aria-invalid=true]{border-color:var(--pink);outline-color:var(--pink)}.profile-hint{margin-bottom:8px}.character-picker{border:0;min-width:0}.character-picker legend{width:100%;margin-bottom:10px;font-family:var(--display);font-size:17px;letter-spacing:.03em;text-transform:uppercase}.character-picker legend>span{float:right;font-family:var(--font);font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--muted);padding-top:4px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.character-choice{position:relative;min-width:0;cursor:pointer}.character-choice input{position:absolute;width:1px;height:1px;opacity:0}.character-tile{display:flex;flex-direction:column;gap:6px;padding:6px 6px 8px;background:var(--panel);border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--ease-back),box-shadow .15s}.character-tile .character-avatar{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px}.character-name{text-align:center;font-size:11px;font-weight:800;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-check{display:none;position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;border:3px solid var(--ink);background:var(--lime);color:var(--ink);font-size:13px;font-weight:900;align-items:center;justify-content:center}.character-tile.is-pressed{transform:translateY(3px) scale(.95);box-shadow:0 1px 0 var(--ink)}.character-choice input:checked+.character-tile{background:linear-gradient(180deg,#5c3bd0,#4322b0);box-shadow:0 4px 0 var(--ink),0 0 0 3px var(--lime);transform:translateY(-3px) rotate(-2deg)}.character-choice input:checked+.character-tile .character-name{color:var(--lime)}.character-choice input:checked+.character-tile .character-check{display:flex;animation:reveal-pop .35s var(--ease-back)}.character-choice input:focus-visible+.character-tile{outline:3px solid var(--lime);outline-offset:4px}.character-choice input:disabled+.character-tile{opacity:.6;cursor:wait}.profile-save-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.profile-save-actions .btn{flex:1}.profile-status{min-height:20px;color:var(--lime);font-size:13px;font-weight:700;line-height:1.45}.profile-status.is-error{color:var(--pink-hi)}.profile-stats{width:100%;display:flex;flex-direction:column;gap:10px}.stats-rating{display:flex;justify-content:center;gap:10px;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 30%,var(--panel-2));border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink)}.stat-tile .ico{width:30px;height:30px}.stat-tile strong{font-family:var(--display);font-weight:400;font-size:20px;text-shadow:0 2px 0 var(--ink)}.stat-tile span{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.empty-panel{display:flex;flex-direction:column;gap:14px;align-items:center;font-weight:700;color:var(--dim)}.profile-screen>.btn{width:100%}.lb-screen{position:fixed;inset:0;z-index:45;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:linear-gradient(180deg,var(--bg-1),var(--bg-0));animation:sheet-up .42s var(--ease-out) both}.lb-screen.is-closing{animation:sheet-down .26s var(--ease-in) forwards}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{to{transform:translateY(100%)}}.lb-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.lb-bg i{position:absolute;left:50%;top:18%;width:130vmax;height:130vmax;margin:-65vmax 0 0 -65vmax;background:repeating-conic-gradient(from 0deg,rgba(255,198,41,.1) 0deg 9deg,transparent 9deg 20deg);-webkit-mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);mask:radial-gradient(circle closest-side,#000 0%,transparent 100%);animation:rays 40s linear infinite}.lb-head,.lb-standing,.lb-tabs,.lb-list{width:min(100%,480px);margin-inline:auto}.lb-head{display:flex;align-items:center;gap:12px}.lb-title{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--display);font-weight:400;font-size:clamp(22px,7.4vw,32px);line-height:1;white-space:nowrap;color:var(--gold);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);transform:rotate(-2deg)}.lb-title .ico{width:44px;height:44px;animation:crown-bob 1.4s ease-in-out infinite alternate}.lb-standing{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px auto 12px;padding:9px 14px 10px;background:#1b0a3ab3;border:3px solid var(--ink);border-radius:16px}.lb-standing:empty{display:none}.lb-standing strong{font-family:var(--display);font-weight:400;font-size:20px;color:var(--lime)}.lb-standing span{font-size:11px;font-weight:700;color:var(--dim)}.lb-tabs{display:flex;gap:8px;padding:5px;background:var(--ink);border-radius:18px}.lb-tabs:empty{display:none}.lb-tab{flex:1;min-height:42px;font-family:var(--display);font-size:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--dim);background:transparent;border:0;border-radius:13px;cursor:pointer;transition:background .15s,color .15s,transform .15s var(--ease-back)}.lb-tab-active{color:var(--ink);background:var(--lime);box-shadow:inset 0 -3px 0 var(--lime-lo),inset 0 2px 0 var(--lime-hi)}.lb-tab.is-pressed{transform:scale(.95)}.lb-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:26px 0 10px}.lb-podium-slot{position:relative;flex:1;min-width:0;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:podium-rise .6s var(--ease-back) both}.lb-podium-slot.is-second{animation-delay:.15s}.lb-podium-slot.is-first{animation-delay:.3s}.lb-podium-slot.is-third{animation-delay:.05s}@keyframes podium-rise{0%{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}.lb-medal .ico{width:34px;height:34px}.is-first .lb-medal .ico{width:46px;height:46px;animation:crown-bob 1.4s ease-in-out infinite alternate}.lb-podium-character{width:64px;height:64px;border:4px solid var(--ink);border-radius:20px;box-shadow:0 4px 0 var(--ink)}.is-first .lb-podium-character{width:80px;height:80px;border-radius:24px;box-shadow:0 4px 0 var(--ink),0 0 0 4px var(--gold)}.lb-podium-name{max-width:100%;font-size:12px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-time{font-family:var(--display);font-size:18px;color:var(--lime);text-shadow:0 2px 0 var(--ink)}.lb-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:8px;border:4px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(180deg,var(--step-hi),var(--step));box-shadow:inset 0 3px #ffffff59}.lb-step b{font-family:var(--display);font-weight:400;font-size:30px;line-height:1;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.is-first .lb-step{height:104px;--step: var(--gold-lo);--step-hi: var(--gold)}.is-second .lb-step{height:78px;--step: #9aa3c7;--step-hi: #d8def5}.is-third .lb-step{height:60px;--step: #b8622a;--step-hi: #f09555}.lb-podium-slot.is-own .lb-podium-name{color:var(--lime)}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;background:linear-gradient(180deg,var(--panel-hi),var(--panel) 30%,var(--panel-2));border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink)}.lb-row-own{background:linear-gradient(180deg,#5c3bd0,#4322b0);box-shadow:0 4px 0 var(--ink),0 0 0 3px var(--lime)}.lb-rank{flex:0 0 36px;height:36px;display:grid;place-items:center;font-family:var(--display);font-size:17px;color:#fff;background:var(--ink);border-radius:11px}.lb-character{width:38px;height:38px;border:3px solid var(--ink);border-radius:12px}.lb-handle{flex:1;min-width:0;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you{padding:2px 7px 3px;font-family:var(--display);font-size:11px;color:var(--ink);background:var(--lime);border-radius:999px;vertical-align:2px}.lb-flag{font-size:16px}.lb-time{font-family:var(--display);font-size:19px;color:var(--lime);text-shadow:0 2px 0 var(--ink)}.lb-gap{text-align:center;color:var(--muted);font-size:20px;line-height:1}.lb-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:36px 0;font-weight:800;color:var(--dim);text-align:center}.handoff{gap:14px}.handoff-mascot,.boot-mascot{width:96px;height:118px}.handoff-mascot svg,.boot-mascot svg{width:100%;height:100%;overflow:visible;animation:mascot-idle 2.6s ease-in-out infinite;transform-origin:50% 95%}.boot-mascot svg{animation:tut-flick .9s cubic-bezier(.3,0,.2,1) infinite}.qr-card{padding:12px;background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:0 7px 0 var(--ink);transform:rotate(-2deg)}.desktop-qr{display:block;width:200px;height:200px;border-radius:10px}.desktop-url{max-width:100%;font-size:12px;font-weight:700;color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.offline-icon{width:72px;height:72px;color:var(--pink)}.toast{position:absolute;left:50%;top:calc(14px + var(--safe-top));z-index:50;max-width:min(92vw,420px);padding:11px 18px 12px;font-weight:800;font-size:14px;line-height:1.35;text-align:center;color:var(--ink);background:var(--lime);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink),0 12px 24px #08001e73;overflow-wrap:anywhere;opacity:0;transform:translate(-50%,-140%) rotate(-2deg);pointer-events:none}.toast.is-visible{animation:toast-in .5s var(--ease-back) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-140%) rotate(-2deg)}to{opacity:1;transform:translate(-50%) rotate(-1deg)}}.toast:not(.is-visible){transition:opacity .25s,transform .25s var(--ease-in)}.share-preview{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:58px 18px 16px;color:var(--text);background:linear-gradient(180deg,var(--panel-hi),var(--panel) 18%,var(--panel-2));border:4px solid var(--ink);border-radius:28px;box-shadow:0 8px 0 var(--ink),0 30px 80px #0009;overflow-y:auto;text-align:center;touch-action:pan-y;animation:pop-in .45s var(--ease-back)}.share-preview::backdrop{background:#10052ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-title{margin-top:10px;font-family:var(--display);font-weight:400;font-size:26px;text-transform:uppercase;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.share-preview img{display:block;width:min(100%,290px);max-height:48dvh;object-fit:contain;margin:14px auto 10px;border:4px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink);transform:rotate(-1.5deg)}.share-preview .btn{width:100%}.share-close{position:absolute;top:10px;right:10px;width:40px;height:40px;font-family:var(--display);font-size:26px;line-height:1;color:#fff;background:var(--pink);border:3px solid var(--ink);border-radius:13px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.share-status{margin:8px 0 14px;font-size:13px;font-weight:700;line-height:1.5;color:var(--dim);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.share-secondary{display:flex;justify-content:space-around;margin-top:10px}.share-personal{font-size:15px;line-height:1.45;font-weight:700;color:var(--lime);overflow-wrap:anywhere}.share-personal:empty{display:none}.share-replay{border-top:2px solid var(--ink);margin-top:20px;padding-top:18px}.share-replay .eyebrow{line-height:1.5}.share-video-status{margin:8px 0 12px;font-size:13px;line-height:1.5;color:var(--dim)}.share-replay video{width:min(100%,290px);max-height:48dvh;margin:10px auto;border:3px solid var(--ink);border-radius:16px;background:var(--ink)}.share-video-actions .link-btn{margin-top:12px}@media(min-width:700px){.in-lobby #app:before,.in-menu #app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 50% 50%,transparent 40%,rgba(8,0,30,.6))}.lobby{padding-top:calc(28px + var(--safe-top))}.in-lobby .sound-toggle{top:calc(31px + var(--safe-top))}}@media(max-height:700px){.lobby{gap:10px}.logo-word{font-size:54px}.logo-mascot-wrap{width:84px;height:104px}.btn-play{min-height:78px}.btn-play-label{font-size:38px}.tile .ico{width:38px;height:38px}.tile small{display:none}.vs-avatar{width:104px;height:104px}.countdown-digit{font-size:160px}}@media(max-width:360px){.tiles{gap:6px}.tile strong{font-size:12px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-time strong{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}