:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#f5f2df;background:#020711;font-synthesis:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;overflow:hidden}body,#game{width:100%;height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{position:fixed;inset:0;background:#000}#game{display:block;background:#000}@media(orientation:landscape)and (max-height:599px)and (pointer:coarse){.phone-portrait-locked #game.game-is-running{position:fixed;left:50vw;top:50dvh;width:var(--phone-portrait-width);height:var(--phone-portrait-height);max-height:none;transform:translate(-50%,-50%) rotate(var(--phone-portrait-rotation));transform-origin:center}}.start-menu{position:fixed;z-index:100;inset:0;overflow:hidden;isolation:isolate;color:#fff;background:#0755bd;touch-action:manipulation;opacity:1;transition:opacity .46s ease,filter .46s ease}.start-menu__background{position:absolute;z-index:-3;inset:-1.5%;width:103%;height:103%;object-fit:cover;object-position:50% 52%;filter:saturate(1.07) contrast(1.02);opacity:0;transform:scale(1.07);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease}.start-menu__atmosphere{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 3% 10%,rgba(255,255,238,.2) 0,rgba(255,246,184,.05) 17%,transparent 35%),linear-gradient(180deg,rgba(0,39,129,.08),transparent 38%,rgba(0,19,63,.12) 100%);mix-blend-mode:screen}.start-menu__stage{position:absolute;inset:0;width:min(100%,62vh);height:100%;margin:auto;pointer-events:none}.menu-logo-shell,.menu-ball-flight,.menu-hero-shell,.menu-play-shell{position:absolute;opacity:0;will-change:transform,opacity}.menu-logo-shell{z-index:6;top:max(3.2%,env(safe-area-inset-top));left:1.5%;width:97%;transform:translate3d(0,-30%,0) scale(.76) rotate(-2deg);filter:blur(7px) brightness(1.25)}.menu-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 10px rgba(0,16,71,.42)) drop-shadow(0 0 12px rgba(33,157,255,.2));transform-origin:50% 42%}.menu-ball-flight{z-index:7;top:23.2%;left:-4%;width:27%;aspect-ratio:1;transform:translate3d(-145%,-38%,0) scale(.45) rotate(-110deg);filter:blur(4px)}.menu-ball{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.98) contrast(1.02) drop-shadow(0 0 8px rgba(249,255,62,.9)) drop-shadow(0 0 24px rgba(255,229,33,.7));transform-origin:50% 50%}.menu-ball-aura{position:absolute;z-index:1;inset:7%;border-radius:50%;background:#f6ff348a;filter:blur(15px);opacity:0;transform:scale(.9)}.menu-ball-trail{position:absolute;z-index:0;top:45%;left:67%;width:180%;height:22%;border-radius:0 100% 100% 0;background:linear-gradient(90deg,rgba(255,255,211,.88),rgba(255,248,114,.58) 24%,rgba(255,234,47,.12) 75%,transparent 98%);filter:blur(6px);transform:rotate(-14deg) skew(18deg);transform-origin:0 50%}.menu-ball-spark{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#fffbd0;box-shadow:0 0 8px #fff662}.menu-ball-spark--one{right:-38%;top:56%}.menu-ball-spark--two{right:-82%;top:42%;transform:scale(.7)}.menu-ball-spark--three{right:-112%;top:62%;transform:scale(.45)}.menu-hero-shell{z-index:4;top:29.1%;left:1%;width:99%;transform:translate3d(15%,1.6%,0) scale(.98);filter:blur(5px);transform-origin:50% 76%}.menu-hero{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 15px rgba(0,20,56,.2));transform-origin:50% 72%}.menu-play-shell{z-index:10;left:9%;bottom:max(14%,env(safe-area-inset-bottom));width:82%;aspect-ratio:2.67;transform:translate3d(0,38%,0) scale(.72);filter:blur(4px);pointer-events:auto}.menu-play-button{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;outline:0;cursor:pointer;background:transparent;appearance:none;-webkit-appearance:none;transition:opacity .34s ease,transform .14s cubic-bezier(.2,.9,.2,1),filter .14s ease;filter:drop-shadow(0 12px 12px rgba(0,22,74,.42))}.menu-play-button:disabled{cursor:default}.menu-play-button.is-launching{opacity:0;pointer-events:none}.menu-play-button img{display:block;width:100%;height:100%;object-fit:contain}.menu-play-button:not(:disabled):active{transform:scale(.965);filter:brightness(.96) drop-shadow(0 8px 7px rgba(0,20,62,.34))}.menu-play-button:focus-visible{filter:drop-shadow(0 0 12px rgba(255,255,255,.95)) drop-shadow(0 10px 12px rgba(0,22,74,.42))}.menu-play-shine{inset:0;width:auto;height:auto;transform:none}.menu-asset-glint{position:absolute;z-index:5;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none;contain:paint;-webkit-clip-path:inset(0);clip-path:inset(0);-webkit-mask-image:var(--glint-mask);-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-origin:border-box;-webkit-mask-clip:border-box;mask-image:var(--glint-mask);mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-mode:alpha;mask-origin:border-box;mask-clip:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);mix-blend-mode:screen}.menu-asset-glint:before{content:"";position:absolute;top:-24%;bottom:-24%;left:-48%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 18%,rgba(255,255,255,.96) 50%,rgba(183,230,255,.34) 80%,transparent);filter:blur(3px);transform:translate(-120%) skew(-20deg)}.menu-asset-glint.is-shining{opacity:1}.menu-asset-glint.is-shining:before{animation:menu-asset-glint-sweep .82s cubic-bezier(.18,.64,.26,1) both}.menu-play-glow{position:absolute;z-index:1;top:12%;bottom:12%;width:44%;border-radius:40%;opacity:.68;filter:blur(17px);mix-blend-mode:screen}.menu-play-glow--red{left:-1%;background:#ff182f}.menu-play-glow--blue{right:-1%;background:#008dff}.start-menu.is-ready .start-menu__background{animation:menu-background-arrive .42s ease-out both}.start-menu.is-ready .menu-hero-shell{animation:menu-hero-arrive .72s cubic-bezier(.12,.74,.17,1) .24s both}.start-menu.is-ready .menu-hero{animation:menu-hero-idle 5.2s ease-in-out 1.02s infinite}.start-menu.is-ready .menu-ball-flight{animation:menu-ball-arrive .72s cubic-bezier(.1,.82,.18,1.08) .58s both,menu-ball-drift 4.2s ease-in-out 1.34s infinite}.start-menu.is-ready .menu-ball{animation:menu-ball-spin 12s linear 1.3s infinite}.start-menu.is-ready .menu-ball-aura{animation:menu-ball-aura-reveal .22s ease-out 1.08s both,menu-ball-pulse 2.3s ease-in-out 1.3s infinite}.start-menu.is-ready .menu-ball-trail{animation:menu-trail-breathe 2.6s ease-in-out 1.32s infinite}.start-menu.is-ready .menu-ball-spark{animation:menu-spark 2s ease-out 1.3s infinite}.start-menu.is-ready .menu-ball-spark--two{animation-delay:1.72s}.start-menu.is-ready .menu-ball-spark--three{animation-delay:2.12s}.start-menu.is-ready .menu-logo-shell{animation:menu-logo-arrive .66s cubic-bezier(.12,.85,.18,1.12) .92s both}.start-menu.is-ready .menu-logo,.start-menu.is-ready .menu-logo-glint{animation:menu-logo-float 4.8s ease-in-out 1.62s infinite}.start-menu.is-ready .menu-play-shell{animation:menu-play-arrive .52s cubic-bezier(.12,.92,.2,1.18) 1.42s both,menu-play-breathe 2.8s ease-in-out 2.02s infinite}.start-menu.is-ready .menu-play-glow--red{animation:menu-glow-red 3.4s ease-in-out 2.03s infinite}.start-menu.is-ready .menu-play-glow--blue{animation:menu-glow-blue 3.7s ease-in-out 1.91s infinite}.start-menu.is-leaving{opacity:1;filter:none;pointer-events:none}.start-menu.is-leaving .start-menu__background{transform:scale(1.075);filter:saturate(1.12) contrast(1.02) brightness(1.08)}.start-menu.is-leaving .menu-ball-flight{animation:menu-ball-exit .48s cubic-bezier(.55,0,1,.45) both!important}.start-menu.is-leaving .menu-hero-shell{animation:menu-hero-exit .52s cubic-bezier(.55,0,1,.45) both!important}.start-menu.is-leaving .menu-logo-shell,.start-menu.is-leaving .menu-play-shell{transform:translateZ(0) scale(1)!important;animation:menu-ui-fade .42s ease-in both!important}.start-menu.is-leaving .menu-play-glow{animation:menu-play-glow-fade .38s ease-in both!important}@keyframes menu-background-arrive{to{opacity:1;transform:scale(1.015)}}@keyframes menu-logo-arrive{to{opacity:1;transform:translateZ(0) scale(1) rotate(0);filter:blur(0) brightness(1)}}@keyframes menu-logo-float{0%,to{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-2.4%) rotate(.2deg)}}@keyframes menu-ball-arrive{62%{filter:blur(.4px)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0);filter:blur(0)}}@keyframes menu-ball-drift{0%,to{translate:0 0}50%{translate:3% -4%}}@keyframes menu-ball-spin{to{transform:rotate(360deg)}}@keyframes menu-ball-aura-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:.48;transform:scale(.98)}}@keyframes menu-ball-pulse{0%,to{opacity:.48;transform:scale(.98)}50%{opacity:.75;transform:scale(1.16)}}@keyframes menu-trail-breathe{0%,to{opacity:.52;scale:.92 1}50%{opacity:.8;scale:1.06 1.08}}@keyframes menu-spark{0%{opacity:0;translate:-70% -10%}20%{opacity:.95}to{opacity:0;translate:190% 70%}}@keyframes menu-hero-arrive{to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes menu-hero-idle{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(.7%,-.45%,0) rotate(.12deg)}}@keyframes menu-play-arrive{to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes menu-play-breathe{0%,to{scale:1}50%{scale:1.015}}@keyframes menu-ball-exit{0%{opacity:1;transform:translateZ(0) scale(1) rotate(0);filter:blur(0)}to{opacity:0;transform:translate3d(-185%,12%,0) scale(.72) rotate(-130deg);filter:blur(3px)}}@keyframes menu-hero-exit{0%{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(-125%,2%,0) scale(.96) rotate(-4deg);filter:blur(3px)}}@keyframes menu-ui-fade{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(2px)}}@keyframes menu-play-glow-fade{0%{opacity:var(--menu-glow-opacity,.68);filter:blur(17px)}to{opacity:0;filter:blur(25px)}}@keyframes menu-button-shine{0%,62%{opacity:0;transform:translate(-70%) skew(-25deg)}72%{opacity:.75}88%,to{opacity:0;transform:translate(275%) skew(-25deg)}}@keyframes menu-asset-glint-sweep{0%{opacity:0;transform:translate(-120%) skew(-20deg)}15%{opacity:.9}78%{opacity:.82}to{opacity:0;transform:translate(540%) skew(-20deg)}}@keyframes menu-glow-red{0%,to{opacity:.55;transform:translate(-3%) scale(.92)}50%{opacity:.82;transform:translate(12%) scale(1.05)}}@keyframes menu-glow-blue{0%,to{opacity:.68;transform:translate(4%) scale(1.02)}50%{opacity:.48;transform:translate(-13%) scale(.92)}}@media(min-aspect-ratio:4 / 3){.start-menu__stage{width:min(48vw,62vh)}.start-menu__background{object-position:50% 60%}}@media(max-height:640px){.menu-logo-shell{top:1.5%;width:90%;left:5%}.menu-hero-shell{top:26%;width:91%;left:5%}.menu-play-shell{width:74%;left:13%;bottom:11%}}@media(prefers-reduced-motion:reduce){.start-menu *,.start-menu *:before,.start-menu *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}.menu-screen{position:fixed;z-index:100;inset:0;overflow:hidden;opacity:0;color:#071f57;background:#075bc9;transition:opacity .28s ease,filter .28s ease;touch-action:manipulation}.menu-screen.is-ready{opacity:1}.menu-screen.is-leaving{opacity:0;filter:brightness(1.12) blur(1px);pointer-events:none}.menu-screen__background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.menu-screen__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#001f641a,#00144857)}.menu-screen__shade--light{background:linear-gradient(180deg,#f7fbffe0,#e1efffd1);-webkit-backdrop-filter:blur(9px) saturate(.8);backdrop-filter:blur(9px) saturate(.8)}.menu-back{width:52px;height:52px;border:1px solid rgba(74,101,150,.25);border-radius:15px;color:#082b6d;background:linear-gradient(#fff,#edf2fb);box-shadow:0 5px #c5cee0,0 10px 18px #1a366a33;font:1000 32px/1 system-ui,sans-serif;cursor:pointer;transition:transform .12s,box-shadow .12s}.menu-back:active{transform:translateY(4px);box-shadow:0 1px #c5cee0,0 4px 8px #1a366a2e}.menu-back--dark{position:absolute;z-index:8;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.menu-toast{position:absolute;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));padding:11px 18px;border:1px solid rgba(255,255,255,.8);border-radius:20px;color:#fff;background:#041646e6;box-shadow:0 10px 30px #000c3252;font-size:11px;font-weight:1000;letter-spacing:.08em;white-space:nowrap;opacity:0;transform:translate(-50%,12px);transition:opacity .2s,transform .2s;pointer-events:none}.menu-toast.visible{opacity:1;transform:translate(-50%)}.mode-menu__logo{position:absolute;z-index:4;top:1.6%;left:50%;width:min(90%,590px);transform:translate(-50%);filter:drop-shadow(0 10px 12px rgba(0,18,70,.35));animation:mode-logo-float 4.8s ease-in-out infinite}.mode-menu__logo img{display:block;width:100%;height:auto}.mode-menu__buttons{position:absolute;z-index:5;top:34%;left:50%;width:min(86%,500px);display:grid;gap:clamp(2px,1.1vh,10px);transform:translate(-50%)}.mode-menu__buttons button{position:relative;padding:0;border:0;background:transparent;opacity:0;transform:translate(22%) scale(.9);cursor:pointer;filter:drop-shadow(0 10px 10px rgba(0,25,80,.28));transition:transform .14s,filter .14s}.mode-menu__buttons button img{position:relative;z-index:1;display:block;width:100%;height:auto}.mode-menu.is-ready .mode-menu__buttons button{animation:mode-button-enter .42s cubic-bezier(.16,.88,.22,1.1) both}.mode-menu.is-ready .mode-menu__buttons button:nth-child(2){animation-delay:.11s}.mode-menu.is-ready .mode-menu__buttons button:nth-child(3){animation-delay:.22s}.mode-menu__buttons button:active{transform:scale(.97);filter:brightness(.96) drop-shadow(0 7px 7px rgba(0,25,80,.25))}.mode-menu.has-career-coach .mode-menu__buttons [data-mode=bot]{z-index:25}.mode-menu.has-career-coach .mode-menu__buttons [data-mode=bot]:after{content:"";position:absolute;z-index:5;inset:-7px;border:3px solid #fff;border-radius:24px;background:#2695ff1a;box-shadow:0 0 0 9999px #010d2bb8,0 0 0 6px #2491ffc7,0 0 30px 10px #1e9bffb8,inset 0 0 22px #ffffff29;animation:mode-career-focus 1.55s ease-in-out infinite;pointer-events:none}.mode-menu__tutorial-badge{position:absolute;z-index:4;top:5%;right:5.5%;display:grid;place-items:center;min-width:92px;padding:6px 11px 5px;border:2px solid #fff;border-radius:13px;color:#fff;background:linear-gradient(145deg,#ff3c45,#c90f2c);box-shadow:0 6px 13px #74001657,inset 0 1px #ffffff70,0 0 0 2px #ff3d4d47;font-family:system-ui,sans-serif;font-style:italic;line-height:1;pointer-events:none;transform:rotate(2deg);animation:mode-tutorial-badge 1.9s ease-in-out infinite}.mode-menu__tutorial-badge b{font-size:12px;font-weight:1000;letter-spacing:.055em}.mode-menu__tutorial-badge small{margin-top:3px;color:#ffe8a5;font-size:7px;font-weight:1000;letter-spacing:.09em}@keyframes mode-tutorial-badge{50%{transform:rotate(2deg) scale(1.055);filter:brightness(1.12);box-shadow:0 8px 16px #74001666,inset 0 1px #fff,0 0 16px #ff394885}}@keyframes mode-button-enter{to{opacity:1;transform:translate(0) scale(1)}}@keyframes mode-logo-float{0%,to{transform:translate(-50%) rotate(-.15deg)}50%{transform:translate(-50%,-2.4%) rotate(.2deg)}}@media(min-width:600px){.mode-menu__logo{width:min(76%,520px)}.mode-menu__buttons{top:36%;width:min(68%,430px);gap:clamp(5px,1vh,9px)}}.mode-career-coach{position:absolute;z-index:24;inset:0;opacity:1;pointer-events:none;transition:opacity .18s ease}.mode-career-coach.is-leaving{opacity:0}.mode-career-coach article{position:absolute;z-index:2;left:50%;bottom:max(20px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);padding:20px 20px 17px;border:2px solid #fff;border-radius:24px;color:#102d5c;background:linear-gradient(145deg,#fffffffc,#ebf4fffa);box-shadow:0 20px 50px #00133a6b,inset 0 1px #fff,0 0 0 2px #1e7eff52;text-align:center;pointer-events:auto;transform:translate(-50%)}.mode-career-coach article>small{display:block;margin:0 36px 7px;color:#1376e7;font-size:9px;font-weight:1000;letter-spacing:.13em}.mode-career-coach h2{margin:0;color:#082969;font-size:clamp(25px,7.5vw,36px);line-height:.95;font-style:italic;letter-spacing:-.055em}.mode-career-coach p{margin:10px auto 14px;max-width:360px;color:#5b6981;font-size:clamp(12px,3.5vw,15px);font-weight:700;line-height:1.35}.mode-career-coach__skip{position:absolute;top:9px;right:11px;padding:6px;border:0;color:#8390a6;background:none;font:1000 9px/1 system-ui;letter-spacing:.07em}.mode-career-coach__open{min-width:190px;min-height:44px;padding:8px 20px;border:1px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#118cf8,#0752da);box-shadow:0 7px 15px #0051c340,inset 0 1px #ffffff73;font:1000 14px/1 system-ui;font-style:italic}.mode-career-coach__open:active{transform:translateY(2px) scale(.98)}@keyframes mode-career-focus{50%{background:#2695ff2b;box-shadow:0 0 0 9999px #010d2bb8,0 0 0 8px #2491ffeb,0 0 38px 14px #1e9bffdb,inset 0 0 30px #ffffff3d}}.submenu-header{position:relative;z-index:4;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;padding:max(18px,env(safe-area-inset-top)) 18px 10px;text-align:center}.submenu-header>div{grid-column:2}.submenu-header .menu-back{position:relative;z-index:7;grid-column:1;grid-row:1}.submenu-header small{color:#e33742;font-size:10px;font-weight:1000;letter-spacing:.16em}.submenu-header h1{margin:3px -30px 0;color:#082b6d;font-size:clamp(24px,7vw,36px);font-style:italic;letter-spacing:-.04em}.settings-menu{overflow-x:hidden;overflow-y:auto;color:#092968;background:#dbe9fc;scrollbar-width:none}.settings-menu::-webkit-scrollbar{display:none}.settings-menu__background{position:absolute;filter:blur(3px) saturate(.78) brightness(1.18);transform:scale(1.04)}.settings-menu__wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#f6fbfff2,#ddedffc7 55%,#0d64d557);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.settings-menu__content{width:min(100%,520px);min-height:100%;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) clamp(12px,3.4vw,20px) max(12px,env(safe-area-inset-bottom))}.settings-header{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:start;min-height:clamp(82px,11.5dvh,102px)}.settings-header .menu-back{position:relative;z-index:2;grid-column:1;grid-row:1}.settings-header>div{grid-column:1/-1;grid-row:1;text-align:center;pointer-events:none}.settings-header small{display:block;margin-top:3px;color:#ed3746;font-size:8px;font-weight:1000;letter-spacing:.16em}.settings-header h1{margin:3px 0 0;color:#082969;font-size:clamp(32px,8.8vw,44px);line-height:.9;font-style:italic;letter-spacing:-.06em;text-shadow:0 2px 0 #fff}.settings-header i{display:block;width:min(170px,46vw);height:4px;margin:8px auto 0;border-radius:99px;background:linear-gradient(90deg,#1768ee 0 72%,#ed3746 72%);box-shadow:0 2px #fffc}.settings-card{overflow:hidden;border:2px solid rgba(255,255,255,.98);border-radius:23px;background:linear-gradient(145deg,#fffffffa,#eaf3fff7);box-shadow:0 5px #879ec28c,0 14px 30px #11357038,inset 0 0 0 1px #5b84bf21}.settings-row{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px clamp(14px,4vw,20px);border-top:1px solid rgba(100,128,173,.22)}.settings-row:first-child{border-top:0}.settings-row>div{min-width:0}.settings-row strong{display:block;color:#092968;font-size:clamp(17px,4.8vw,22px);line-height:1;font-style:italic;letter-spacing:-.035em}.settings-row small{display:block;margin-top:4px;color:#687b98;font-size:clamp(9px,2.5vw,11px);font-weight:750;line-height:1.18}.game-switch{position:relative;flex:0 0 auto;width:74px;height:40px;padding:0;border:2px solid rgba(117,137,169,.58);border-radius:999px;color:#718097;background:linear-gradient(180deg,#dce3ed,#c6d0dd);box-shadow:inset 0 3px 7px #42587a33,0 3px #8191ab73;transition:background .2s,border-color .2s,box-shadow .2s}.game-switch span{position:absolute;z-index:2;top:4px;left:4px;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#eaf2ff);box-shadow:0 3px 7px #12306047,inset 0 1px #fff;transition:transform .22s cubic-bezier(.18,.8,.22,1.12)}.game-switch b{position:absolute;right:10px;top:50%;font:1000 8px/1 system-ui;letter-spacing:.08em;transform:translateY(-50%)}.game-switch.is-on{border-color:#5cb8ff;color:#fff;background:linear-gradient(135deg,#1aa6ff,#0757db);box-shadow:inset 0 2px 5px #002f8f3d,0 3px #0745ad,0 0 12px #1f9aff3d}.game-switch.is-on span{transform:translate(34px)}.game-switch.is-on b{left:10px;right:auto}.game-switch:active span{scale:.92}.cheat-console{padding:13px clamp(14px,4vw,20px) 12px;border-top:1px solid rgba(100,128,173,.22)}.cheat-console label strong{display:block;color:#092968;font-size:clamp(17px,4.7vw,21px);line-height:1;font-style:italic;letter-spacing:-.035em}.cheat-console label small{display:block;margin-top:4px;color:#687b98;font-size:clamp(9px,2.5vw,11px);font-weight:750;line-height:1.18}.cheat-console__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px}.cheat-console input{min-width:0;height:44px;padding:0 12px;border:2px solid #a8bad3;border-radius:12px;outline:0;color:#092968;background:#fff;font:850 13px/1 system-ui;box-shadow:inset 0 2px 5px #1c42781a}.cheat-console input:focus{border-color:#1b77ec;box-shadow:0 0 0 3px #1b77ec24}.cheat-console__controls button{min-width:102px;height:44px;padding:0 11px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#168cff,#0753d4);box-shadow:0 4px #063e9f;font:1000 9px/1 system-ui;letter-spacing:.04em}.cheat-console__controls button:disabled{color:#718097;background:linear-gradient(180deg,#dce3ed,#c6d0dd);box-shadow:0 3px #8191ab73}.cheat-console__status{min-height:28px;margin:8px 0 0;padding:7px 9px;border-radius:9px;color:#526985;background:#7691b51f;font:800 10px/1.25 system-ui}.cheat-console__status[data-state=success]{color:#087442;background:#16b1651f}.cheat-console__status[data-state=error]{color:#b32335;background:#e234481c}.cheat-console__status[data-state=pending]{color:#0753c7;background:#1670eb1a}.settings-card__about{display:grid;justify-items:center;gap:2px;padding:10px 14px 11px;border-top:1px solid rgba(100,128,173,.18);text-align:center}.settings-card__about strong{color:#23416f;font-size:11px;font-weight:1000;letter-spacing:.055em;line-height:1.1}.settings-card__about span{color:#587193;font-size:9px;font-weight:850;letter-spacing:.1em;line-height:1.15}.settings-card__about small{color:#8a9ab1;font-size:7px;font-weight:750;letter-spacing:.065em;line-height:1.15}@media(max-height:760px){.settings-menu__content{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.settings-header{min-height:76px}.settings-header h1{font-size:31px}.settings-header i{margin-top:6px}.settings-row{min-height:56px;padding-block:6px}.settings-row small,.cheat-console label small{display:none}.cheat-console{padding-block:10px 9px}.cheat-console__controls{margin-top:8px}.settings-card__about{padding-block:7px 8px}}@media(max-height:560px){.settings-header{min-height:64px}.settings-header small{display:none}.settings-header h1{margin-top:2px;font-size:28px}.settings-header i{margin-top:5px}.settings-row{min-height:49px;padding-block:4px}.game-switch{height:38px}.game-switch span{top:3px}.cheat-console input,.cheat-console__controls button{height:40px}.cheat-console__status{min-height:25px;margin-top:6px;padding-block:5px}}.friend-menu{overflow-x:hidden;overflow-y:auto;color:#092968;background:#dbe9fc;touch-action:pan-y;scrollbar-width:none}.friend-menu::-webkit-scrollbar{display:none}.friend-menu__background{position:fixed;filter:blur(2px) saturate(.85) brightness(1.12);transform:scale(1.035)}.friend-menu__wash{position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,#f9fcfff7 0 29%,#f3f8ffe0 48%,#deedff8a 70%,#1158bc33);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.friend-menu__content{width:min(100%,580px);min-height:100%;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) clamp(14px,4vw,24px) max(18px,env(safe-area-inset-bottom))}.friend-header{position:relative;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;min-height:90px;text-align:center}.friend-header .menu-back{position:relative;z-index:8;grid-column:1;grid-row:1;align-self:start}.friend-header>div{grid-column:1 / -1;grid-row:1;align-self:start;width:100%;padding:13px 62px 0;pointer-events:none}.friend-header h1{margin:0;color:#09275f;font-size:clamp(26px,7.2vw,40px);line-height:1;font-weight:1000;font-style:italic;letter-spacing:-.045em;white-space:nowrap;text-align:center;text-shadow:0 2px 0 #fff}.friend-header__rule{width:min(242px,62vw);height:10px;display:grid;grid-template-columns:6px 6px 6px 38px minmax(58px,1fr) 6px 6px 6px;align-items:center;gap:7px;margin:12px auto 0}.friend-header__rule i,.friend-header__rule em{width:6px;height:6px;border-radius:50%;background:#1764eb}.friend-header__rule em{background:#ec3038}.friend-header__rule b{width:100%;height:4px;border-radius:5px;background:#1764eb}.friend-layout{display:grid;gap:clamp(12px,2vh,18px);padding:1px 0 0}.friend-profile,.friend-choice,.friend-code-card,.friend-waiting,.friend-join-card{border:2px solid rgba(255,255,255,.96);background:linear-gradient(145deg,#fffffff7,#eff4fcf5);box-shadow:0 6px #95a4c094,0 14px 28px #1a3a6f2e,inset 0 0 0 1px #708fbe24}.friend-profile{--profile-blue:#126ee8;position:relative;isolation:isolate;min-height:clamp(166px,21vh,184px);display:grid;grid-template-columns:min(29%,112px) minmax(0,1fr) min(27%,106px);grid-template-rows:minmax(86px,1fr) 50px;overflow:hidden;column-gap:clamp(7px,2vw,13px);padding:10px 12px 9px;border-color:#fffffffa;border-radius:27px;background:radial-gradient(circle at 13% 10%,rgba(76,175,255,.22),transparent 31%),radial-gradient(circle at 92% 14%,rgba(255,73,91,.1),transparent 27%),linear-gradient(145deg,#fffffffc,#eef6fffa 55%,#e5effdfa);box-shadow:0 7px #748fb89e,0 17px 34px #13366f33,inset 0 1px #fff,inset 0 0 0 1px #3a77c91a;font-family:Arial Black,SF Pro Display,system-ui,sans-serif}.friend-profile:before{content:"";position:absolute;z-index:-1;top:-55%;bottom:-55%;left:-34%;width:21%;opacity:.42;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);animation:friend-profile-sheen 6.8s ease-in-out 1.8s infinite;pointer-events:none}.friend-profile:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.27;background:radial-gradient(circle,rgba(29,93,181,.2) 0 1px,transparent 1.4px);background-size:9px 9px;-webkit-mask-image:linear-gradient(110deg,transparent 0 61%,#000 88%,transparent);mask-image:linear-gradient(110deg,transparent 0 61%,#000 88%,transparent);pointer-events:none}.friend-profile__avatar-wrap{position:relative;z-index:1;grid-column:1;grid-row:1;width:clamp(78px,21vw,96px);max-width:100%;aspect-ratio:1;height:auto;align-self:center;justify-self:center;filter:drop-shadow(0 9px 9px rgba(17,65,133,.18))}.friend-profile__avatar-wrap:before{content:"";position:absolute;z-index:-1;inset:-6px;border:1px solid rgba(37,132,237,.35);border-radius:26px;background:linear-gradient(145deg,#69c3ff40,#fffc);box-shadow:0 0 0 3px #1e84ef12}.friend-profile__avatar{display:block;width:100%;height:100%;border:3px solid white;border-radius:21px;object-fit:cover;object-position:50% 22%;box-shadow:0 0 0 2px #4da6f5,0 7px 15px #14488e38}.profile-badge-overlay{position:absolute;z-index:3;left:50%;bottom:-2%;width:122%;height:auto;max-height:42%;object-fit:contain;pointer-events:none;transform:translate(-50%);filter:drop-shadow(0 2px 2px rgba(5,20,42,.34))}.friend-profile__identity{position:relative;z-index:1;min-width:0;align-self:center;overflow:hidden;padding:1px 0}.friend-profile__eyebrow{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#66809f;font:900 clamp(6px,1.85vw,9px)/1 system-ui,sans-serif;letter-spacing:.12em;white-space:nowrap}.friend-profile__eyebrow i{width:17px;height:3px;flex:0 0 17px;border-radius:3px;background:linear-gradient(90deg,#138cf2,#23c2ee);box-shadow:0 0 7px #138cf26b}.friend-profile__identity strong{display:block;overflow:hidden;color:#09275e;font-size:clamp(18px,5.15vw,27px);line-height:.93;font-style:italic;letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 #fff}.friend-profile__level{width:max-content;max-width:100%;display:flex;align-items:center;gap:5px;margin-top:7px;padding:3px 8px 3px 4px;border:1px solid rgba(28,111,221,.16);border-radius:999px;color:#145ed0;background:linear-gradient(145deg,#fffffff0,#e0efffe6);box-shadow:0 3px 7px #20569d17,inset 0 1px #fff;font:1000 italic clamp(8px,2.4vw,12px)/1 system-ui,sans-serif;white-space:nowrap}.friend-profile__level img{width:clamp(18px,4.7vw,23px);height:clamp(18px,4.7vw,23px);object-fit:contain;filter:drop-shadow(0 2px 2px rgba(13,64,145,.2))}.friend-profile__level b{overflow:hidden;letter-spacing:.015em;text-overflow:ellipsis}.friend-profile__role{position:absolute;right:2px;bottom:4px;display:block;padding:3px 6px;border:1px solid rgba(20,108,225,.2);border-radius:6px;color:#1466d9;background:#ffffffc2;font:1000 italic clamp(6px,1.8vw,9px)/1 system-ui,sans-serif;letter-spacing:.07em;white-space:nowrap}.friend-profile__rank{position:relative;z-index:1;align-self:center;justify-self:center;width:clamp(72px,19vw,91px);display:grid;justify-items:center;gap:2px;color:#fff;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.7)}.friend-profile__rank-copy{display:grid;justify-items:center;gap:1px;margin-bottom:1px;line-height:1;white-space:nowrap;text-shadow:none}.friend-profile__rank-copy strong{color:#123d7f;font:1000 clamp(7px,1.95vw,9px)/1 system-ui,sans-serif;letter-spacing:.055em;text-shadow:0 1px 0 #fff,0 1px 3px rgba(64,117,190,.16)}.friend-profile__rank-copy small{color:#607b9f;font:900 clamp(5px,1.5vw,7px)/1 system-ui,sans-serif;letter-spacing:.18em}.friend-profile__rank-emblem{position:relative;display:block;width:clamp(64px,17vw,82px);aspect-ratio:1;filter:drop-shadow(0 5px 4px rgba(13,35,76,.26));animation:friend-rank-float 4.8s ease-in-out infinite;will-change:transform}.friend-profile__rank img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain}.friend-profile__rank-glint{position:absolute;z-index:1;inset:4%;overflow:hidden;clip-path:polygon(50% 0,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%);pointer-events:none}.friend-profile__rank-glint:after{content:"";position:absolute;top:-24%;bottom:-24%;left:-62%;width:24%;opacity:0;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.96),rgba(142,218,255,.38),transparent);filter:blur(.45px);animation:friend-rank-glint 4.3s ease-in-out infinite}.friend-profile__rank b{position:absolute;z-index:2;left:9%;right:9%;bottom:13.8%;height:12%;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:clamp(7px,2.2vw,10px);line-height:1;font-style:italic;letter-spacing:-.055em;text-align:center;white-space:nowrap;text-shadow:0 1px 1px #07142d,0 2px 3px rgba(0,0,0,.85)}@keyframes friend-rank-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes friend-rank-glint{0%,60%{left:-62%;opacity:0}66%{opacity:.92}81%{left:138%;opacity:0}to{left:138%;opacity:0}}.friend-profile__stats{position:relative;z-index:2;grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(4px,1.4vw,7px);padding-top:7px;border-top:1px solid rgba(73,116,176,.16)}.friend-profile__stats div{min-width:0;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid rgba(65,116,181,.12);border-radius:10px;background:linear-gradient(145deg,#ffffffd6,#e2eefdb8);box-shadow:inset 0 1px #fffffff2,0 3px 7px #2148800f}.friend-profile__stats small{overflow:hidden;max-width:100%;color:#657892;font:900 italic clamp(6px,1.75vw,8px)/1 system-ui,sans-serif;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.friend-profile__stats b{color:#125fd3;font-size:clamp(17px,4.7vw,24px);line-height:.9;font-style:italic;letter-spacing:-.04em;text-shadow:0 1px 0 #fff}.friend-profile__stats b.is-red{color:#dc3540}.friend-choice{--accent:#0867ed;position:relative;min-height:clamp(154px,20vh,178px);display:grid;grid-template-columns:clamp(92px,26vw,108px) minmax(0,1fr);align-items:center;column-gap:clamp(10px,3vw,16px);overflow:hidden;padding:16px clamp(17px,4.5vw,24px);border-radius:28px;color:#0a285f;background:linear-gradient(130deg,#fff 0 46%,#f4f7fc 70%,#eaf2ff);text-align:left;cursor:pointer;box-shadow:5px 6px 0 var(--accent),0 16px 30px #18376e30,inset 0 0 0 1px #708fbe21,inset 0 1px #fff;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;isolation:isolate}.friend-button-glint{position:absolute;z-index:5;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;-webkit-clip-path:inset(0 round 28px);clip-path:inset(0 round 28px);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.friend-button-glint:before{content:"";position:absolute;top:-35%;bottom:-35%;left:-38%;width:30%;opacity:0;transform:translate(-180%) skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.95),rgba(114,190,255,.34),transparent);filter:blur(.4px)}.friend-choice.is-shining .friend-button-glint:before{animation:friend-choice-glint .9s cubic-bezier(.2,.65,.25,1) both}@keyframes friend-choice-glint{0%{opacity:0;transform:translate(-180%) skew(-18deg)}15%{opacity:.95}78%{opacity:.9}to{opacity:0;transform:translate(560%) skew(-18deg)}}.friend-choice:after,.friend-code-card:after,.friend-join-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 93% 25%,rgba(19,74,160,.09) 0 1.5px,transparent 2px);background-size:10px 10px;-webkit-mask-image:linear-gradient(90deg,transparent 62%,#000);mask-image:linear-gradient(90deg,transparent 62%,#000)}.friend-choice--red{--accent:#ef3a43}.friend-choice:active{transform:translateY(5px) scale(.985);filter:brightness(.98);box-shadow:3px 2px 0 var(--accent),0 7px 15px #18376e29}.friend-choice__icon,.friend-code-card__badge{position:relative;z-index:2;width:clamp(88px,24vw,104px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent),white 18%),color-mix(in srgb,var(--accent),#03113f 38%));filter:drop-shadow(0 6px 3px rgba(26,52,100,.27)) drop-shadow(0 0 8px color-mix(in srgb,var(--accent),transparent 55%));isolation:isolate}.friend-choice__icon:before{content:"✦";position:absolute;z-index:3;top:6%;right:7%;color:#fff;font:700 clamp(9px,2.6vw,13px)/1 Georgia,serif;text-shadow:0 0 8px #fff}.friend-choice__icon:after,.friend-code-card__badge:after{content:"";position:absolute;z-index:1;inset:5px;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.32),transparent 29%),linear-gradient(145deg,color-mix(in srgb,var(--accent),white 8%),color-mix(in srgb,var(--accent),#061a55 24%));box-shadow:inset 0 0 12px #ffffff26}.friend-choice__icon svg,.friend-code-card__badge svg{position:relative;z-index:4;width:46%;fill:none;stroke:#fff;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 2px rgba(0,26,94,.38))}.friend-choice__icon--art{overflow:visible;clip-path:none;background:none;filter:drop-shadow(0 6px 4px rgba(13,45,108,.25))}.friend-choice__icon--art:before,.friend-choice__icon--art:after{display:none}.friend-choice__icon--art img{position:relative;z-index:4;width:100%;height:100%;object-fit:contain;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}.friend-choice__copy{position:relative;z-index:2;min-width:0;padding-left:clamp(12px,3.5vw,18px);border-left:1px solid rgba(111,130,164,.35)}.friend-choice__copy strong{display:block;max-width:100%;overflow:hidden;font-size:clamp(23px,6.25vw,34px);line-height:.96;font-style:italic;letter-spacing:-.055em;text-overflow:clip;white-space:nowrap}.friend-choice__copy i,.friend-join-card__title i{width:64px;height:5px;display:block;margin:11px 0;border-radius:5px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent),transparent 55%)}.friend-choice__copy small,.friend-join-card__title small{color:#526482;font-size:clamp(11px,3.2vw,15px);line-height:1.26;font-weight:700;font-style:italic}.friend-code-card{--accent:#0867ed;position:relative;min-height:314px;display:grid;justify-items:center;align-content:center;row-gap:3px;padding:14px 20px;border-radius:28px;box-shadow:5px 6px 0 var(--accent),0 16px 30px #18376e30}.friend-code-card__heading{display:grid;justify-items:center;gap:2px}.friend-code-card__badge{position:relative;width:56px}.friend-code-card__heading small{color:#18366b;font-size:13px;line-height:1;font-weight:1000;font-style:italic;letter-spacing:.02em}.friend-code-card>strong{margin-top:0;color:#1156d5;font-size:clamp(48px,14vw,70px);line-height:.96;font-style:italic;letter-spacing:.04em}.friend-code-card>p{margin:3px 0 8px;color:#52617d;font-size:13px;font-style:italic}.friend-primary{position:relative;z-index:2;width:min(84%,350px);min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;border:2px solid white;border-radius:14px;color:#fff;background:linear-gradient(145deg,#1674f2,#063db8);box-shadow:0 4px #052c87,0 8px 14px #0a40b447;font-size:clamp(23px,6vw,32px);font-weight:1000;font-style:italic;cursor:pointer;transition:transform .13s,filter .13s,background .22s,color .22s,box-shadow .22s;isolation:isolate}.friend-primary svg,.friend-share svg{width:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.friend-primary:active:not(:disabled){transform:translateY(4px);filter:brightness(.95)}.friend-primary:disabled{cursor:not-allowed}.friend-share{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 14px;border:0;color:#135de0;background:transparent;font-size:17px;font-weight:1000;font-style:italic;cursor:pointer}.friend-waiting{min-height:235px;display:grid;justify-items:center;align-content:start;overflow:hidden;padding:15px 18px 0;border-radius:24px}.friend-waiting>strong{font-size:clamp(20px,6vw,30px);font-style:italic}.friend-waiting__dots{display:flex;gap:10px;margin:9px}.friend-waiting__dots i{width:13px;height:13px;border-radius:50%;background:#77a8f8;animation:friend-wait-dot 1.2s ease-in-out infinite}.friend-waiting__dots i:nth-child(2){background:#0f5ee1;animation-delay:.18s}.friend-waiting__dots i:nth-child(3){animation-delay:.36s}@keyframes friend-wait-dot{50%{transform:translateY(-4px);filter:brightness(1.2)}}.friend-waiting__slot{width:92%;min-height:91px;display:flex;align-items:center;gap:16px;padding:10px 20px;border:2px dashed #b6c4dc;border-radius:17px;color:#7887a2;background:#f2f6fc8c}.friend-waiting__slot>span{width:62px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #c8d1df;border-radius:50%;color:#a9b4c4;background:linear-gradient(#f4f7fb,#e8edf4);box-shadow:inset 0 2px 5px #5e708e1a}.friend-waiting__slot>span svg{width:70%;fill:currentColor;stroke:none}.friend-waiting__slot>.friend-waiting__avatar-wrap{position:relative;flex:0 0 62px;width:62px;height:62px;aspect-ratio:auto;display:block;border:0;border-radius:0;background:none;box-shadow:none}.friend-waiting__avatar-wrap>img:not(.profile-badge-overlay){display:block;width:100%;height:100%;border:2px solid rgba(255,255,255,.96);border-radius:15px;object-fit:cover;object-position:50% 22%;box-shadow:0 3px 8px #14488e2e}.friend-waiting__slot p{min-width:0;display:grid;flex:1;gap:7px;margin:0}.friend-waiting__slot b{overflow:hidden;font-size:22px;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.friend-waiting__slot small{font-size:13px;font-style:italic}.friend-waiting__slot .friend-waiting__rank{position:relative;flex:0 0 48px;width:48px;aspect-ratio:1;border:0;border-radius:0;background:none;box-shadow:none}.friend-waiting__rank img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.friend-waiting__slot .friend-waiting__rank b{position:absolute;z-index:1;left:10%;right:10%;bottom:12%;color:#fff;font-size:8px;line-height:1;text-align:center;text-shadow:0 1px 2px #07142d}.friend-waiting__status{margin:12px 0 7px;color:#0f5ee0;font-size:12px;font-style:italic}.friend-waiting__status span{font-weight:1000}.friend-waiting__note{width:calc(100% + 36px);margin-top:auto;padding:9px;border-top:1px solid #d5deec;color:#5b6880;font-size:10px;font-style:italic;text-align:center}.friend-ready-panel{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.98);border-radius:24px;color:#102f67;background:linear-gradient(150deg,#fffffffc,#e8f1fff7);box-shadow:0 7px #718ebc8c,0 18px 34px #12346a3d,inset 0 1px #fff;isolation:isolate}.friend-ready-panel:before{content:"";position:absolute;z-index:-1;inset:38px 0 auto;height:125px;opacity:.48;background:radial-gradient(circle at 50% 0,rgba(37,125,247,.18),transparent 65%);pointer-events:none}.friend-ready-panel__header{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#fff;background:linear-gradient(112deg,#083c9e,#126ee9 56%,#0a53c8);box-shadow:inset 0 1px #ffffff47}.friend-ready-panel__header>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:1000;font-style:italic;letter-spacing:.08em}.friend-ready-panel__header>span i{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#55d5ff;box-shadow:0 0 0 4px #55d5ff29,0 0 10px #55d5ffd9;animation:friend-connection-pulse 1.8s ease-in-out infinite}.friend-ready-panel__header>b{padding:4px 8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#001c5c38;font-size:8px;letter-spacing:.04em}.friend-ready-panel__body{display:grid;justify-items:center;padding:13px 15px 11px}.friend-ready-panel__eyebrow{margin:0 0 3px;color:#2871d9;font-size:8px;font-weight:1000;letter-spacing:.16em}.friend-ready-panel__title{max-width:100%;overflow:hidden;color:#0a2b69;font-size:clamp(20px,5.7vw,29px);line-height:1;font-style:italic;letter-spacing:-.035em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 #fff}.friend-ready-panel__players{width:min(100%,360px);display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0 8px}.friend-ready-state{min-width:0;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 9px;border:1px solid rgba(98,123,165,.18);border-radius:12px;background:linear-gradient(145deg,#ffffffe6,#e2e9f4db);box-shadow:inset 0 1px #fff;transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,.86,.22,1.06)}.friend-ready-state>i{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border:2px solid #c3cedd;border-radius:50%;color:#fff;background:#e4eaf2;transition:background .3s,border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.16,.9,.2,1.2)}.friend-ready-state>i svg{width:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.friend-ready-state>b{overflow:hidden;align-self:end;color:#65758e;font-size:9px;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.friend-ready-state>small{align-self:start;color:#8a97aa;font-size:7px;font-weight:1000;letter-spacing:.055em}.friend-ready-state.is-ready{border-color:#0c9c6c38;background:linear-gradient(145deg,#f7fffb,#e4f9f0);transform:translateY(-1px)}.friend-ready-state.is-ready>i{border-color:#fff;background:linear-gradient(145deg,#27d79c,#078563);box-shadow:0 0 0 3px #20c99121,0 4px 8px #04725233;transform:scale(1.05)}.friend-ready-state.is-ready>b{color:#146b56}.friend-ready-state.is-ready>small{color:#07906a}.friend-waiting__actions{min-height:58px;width:100%;display:grid;place-items:center}.friend-ready{width:min(92%,360px);min-height:58px;margin:2px 0 4px;justify-content:center;gap:0;padding:6px 15px;border-radius:16px;background:linear-gradient(135deg,#2383fa,#0d5de1 52%,#073fb4);box-shadow:0 5px #052d88,0 11px 21px #0a44b84d,inset 0 1px #ffffff75;font-size:clamp(24px,6.6vw,32px);line-height:1;letter-spacing:-.02em;text-align:center}.friend-ready__glint{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.friend-ready__glint:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-40%;width:24%;opacity:0;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(255,255,255,.9),transparent);animation:friend-ready-glint 3.2s ease-in-out 1.1s infinite}.friend-ready__icon{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:#ffffff24;box-shadow:inset 0 1px #ffffff42}.friend-ready__icon svg{width:23px}.friend-ready__copy{position:relative;z-index:1;min-width:0;display:grid;justify-items:start;text-align:left}.friend-ready__copy b{font-size:clamp(19px,5.5vw,27px);line-height:1;font-style:italic;letter-spacing:-.025em}.friend-ready__copy small{margin-top:3px;color:#ffffffbd;font-size:8px;font-weight:800;font-style:normal;letter-spacing:.025em}.friend-ready.is-cancel{color:#fff;background:linear-gradient(135deg,#29c992,#0c9b70 54%,#057254);box-shadow:0 5px #045641,0 11px 20px #077e5c45,inset 0 1px #ffffff6b}.friend-ready.is-cancel .friend-ready__icon{border-color:#08896333;background:#d5f4e8}.friend-ready.is-cancel .friend-ready__copy small{color:#568276}.friend-ready-panel__note{min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;border-top:1px solid rgba(112,139,181,.2);color:#65738a;background:#e1eaf875;font-size:9px;font-style:italic;text-align:center}.friend-ready-panel__note i{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;border:1px solid #6d83a5;border-radius:50%;font:800 italic 9px/1 serif}.friend-countdown{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:0 auto 2px;border:1px solid rgba(31,105,219,.2);border-radius:50%;color:#0f59d6;background:radial-gradient(circle,#fff 45%,#edf5ff 47% 62%,#dceaff 64%);box-shadow:0 8px 20px #125be033,inset 0 1px #fff;animation:friend-countdown-pop .4s cubic-bezier(.16,.9,.22,1.16) both}.friend-countdown:before{content:"";position:absolute;inset:-5px;border:3px solid transparent;border-top-color:#1a74ed;border-right-color:#1a74ed;border-radius:50%;animation:friend-countdown-spin 1s linear infinite}.friend-countdown>small{position:absolute;top:18px;font-size:7px;font-weight:1000;letter-spacing:.1em}.friend-countdown>strong{margin:0;font-size:49px;font-weight:1000;font-style:italic;line-height:1;text-shadow:0 2px 0 #fff,0 4px 10px rgba(15,84,198,.14);transform:translate(-1px)}.friend-countdown>[data-countdown].is-ticking{animation:friend-countdown-number .3s cubic-bezier(.16,.88,.22,1.12) both}.friend-countdown>span{position:absolute;bottom:13px;width:24px;height:3px;border-radius:4px;background:#e63c46}.friend-countdown--starting{width:min(92%,330px);height:62px;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:10px 16px;border-radius:17px}.friend-countdown--starting:before{display:none}.friend-countdown--starting>span{position:relative;grid-row:1/3;bottom:auto;width:20px;height:20px;border:3px solid rgba(25,105,226,.18);border-top-color:#1769df;border-radius:50%;background:none;animation:friend-countdown-spin .8s linear infinite}.friend-countdown--starting>strong{align-self:end;margin:0;font-size:16px}.friend-countdown--starting>small{position:static;align-self:start;font-size:8px;letter-spacing:.04em}@keyframes friend-ready-glint{0%,62%{left:-40%;opacity:0}70%{opacity:.8}88%,to{left:125%;opacity:0}}@keyframes friend-countdown-pop{0%{opacity:0;transform:scale(.72) rotate(-7deg)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes friend-countdown-number{0%{opacity:.42;transform:translateY(-3px) scale(.82)}68%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:1;transform:none}}@keyframes friend-countdown-spin{to{transform:rotate(360deg)}}.friend-room-error{margin:2px auto 0;padding:8px 12px;border-radius:12px;color:#bd2630;background:#ffeeefed;box-shadow:inset 0 0 0 1px #cf2f3a2e;font-size:11px;font-weight:900;font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.friend-room-error__retry{appearance:none;border:0;border-radius:8px;padding:5px 10px 6px;color:#fff;background:linear-gradient(180deg,#287bf4,#0a4fc5);box-shadow:0 3px #073a94,inset 0 1px #ffffff73;font:900 italic 11px/1.05 inherit;letter-spacing:.04em;cursor:pointer;transition:transform .14s ease,filter .14s ease}.friend-room-error__retry:active{transform:translateY(2px);box-shadow:0 1px #073a94,inset 0 1px #ffffff4d}.friend-room-error__retry:hover{filter:brightness(1.08)}.friend-join-card{--accent:#ed3842;position:relative;min-height:430px;display:grid;justify-items:center;align-content:start;padding:25px 22px 20px;border-radius:28px;box-shadow:5px 6px 0 var(--accent),0 16px 30px #18376e30}.friend-join-card__title{width:100%;display:grid;grid-template-columns:34% 1fr;align-items:center}.friend-choice__icon--small{--accent:#ed3842;width:clamp(82px,24vw,110px)}.friend-join-card__title>div{padding-left:16px}.friend-join-card__title strong{display:block;font-size:clamp(30px,8.5vw,45px);line-height:.95;font-style:italic;letter-spacing:-.05em;white-space:nowrap}.friend-join-card label{width:86%;display:flex;align-items:center;gap:15px;margin:26px 0 17px;color:#52617d;font-size:16px;font-weight:1000;font-style:italic}.friend-join-card label:before,.friend-join-card label:after{content:"";height:1px;flex:1;background:#9aabc4}.friend-pin-control{position:relative;width:100%;cursor:text}.friend-pin{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(5px,1.6vw,10px);pointer-events:none}.friend-pin__slot{aspect-ratio:.82;display:grid;place-items:center;border:2px solid rgba(237,56,66,.3);border-radius:14px;color:#536078;background:linear-gradient(#f8fafc,#edf1f7);box-shadow:0 4px 8px #1d396726;font-size:clamp(23px,7vw,34px);font-weight:1000}.friend-pin__slot.is-filled{color:#0c3f9d;border-color:#6b9ff4}.friend-pin__slot.is-active{box-shadow:0 0 0 3px #f037411f,0 4px 8px #1d396726}.friend-pin__input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;border:0;outline:0;-webkit-appearance:none;appearance:none;padding:0;opacity:.01;background:transparent;color:transparent;caret-color:transparent;box-shadow:none;font-size:16px;letter-spacing:0;cursor:text;direction:ltr;text-align:left;-webkit-tap-highlight-color:transparent}.friend-pin__input:focus,.friend-pin__input:focus-visible{outline:0;box-shadow:none}.friend-primary--join{width:86%;min-height:66px;margin-top:25px;border-color:#ffffffeb;color:#7c899e;background:linear-gradient(145deg,#edf1f6,#cbd4df);box-shadow:0 4px #aeb9c8,0 9px 15px #26385824,inset 0 1px #fff;font-size:clamp(31px,9vw,47px);text-shadow:0 1px 0 rgba(255,255,255,.72)}.friend-primary--join.is-valid{border-color:#fff;color:#1158d4;background:linear-gradient(145deg,#fff,#f7faff 52%,#eaf1fb);box-shadow:-4px 5px #0d62e8,4px 5px #ed3945,0 0 0 2px #fffffff5,-7px 7px 14px #0d62e83d,7px 7px 14px #ed394533,0 13px 22px #18376e33;text-shadow:0 1px 0 #fff,0 2px 4px rgba(14,74,173,.16)}.friend-primary--join .friend-button-glint{border-radius:12px;-webkit-clip-path:inset(0 round 12px);clip-path:inset(0 round 12px)}.friend-primary--join .friend-button-glint:before{top:-45%;bottom:-45%;left:-42%;width:27%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.96),rgba(123,207,255,.36),transparent)}.friend-primary--join.is-valid.is-shining .friend-button-glint:before{animation:friend-choice-glint .9s cubic-bezier(.2,.65,.25,1) both}.friend-primary--join:not(:disabled){cursor:pointer}.friend-join-card__note{display:flex;align-items:center;gap:14px;margin:22px 0 0;color:#d22f37;font-size:21px}.friend-join-card__note span{color:#58657d;font-size:12px;line-height:1.25;font-weight:700;font-style:italic}.friend-toast{position:fixed;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));padding:11px 18px;border:1px solid rgba(255,255,255,.8);border-radius:20px;color:#fff;background:#041646eb;box-shadow:0 10px 30px #000c3252;font-size:10px;font-weight:1000;letter-spacing:.07em;white-space:nowrap;opacity:0;transform:translate(-50%,12px);transition:opacity .2s,transform .2s;pointer-events:none}.friend-toast.visible{opacity:1;transform:translate(-50%)}.friend-layout--create{gap:12px}.friend-layout--create .friend-profile{height:170px;min-height:0}.friend-layout--create .friend-code-card{height:295px;min-height:0;overflow:hidden;padding-block:12px;transform-origin:50% 0;transition:height .62s cubic-bezier(.2,.76,.18,1),min-height .62s cubic-bezier(.2,.76,.18,1),padding .62s cubic-bezier(.2,.76,.18,1),border-width .3s ease .22s,opacity .38s ease,transform .5s cubic-bezier(.2,.76,.18,1),visibility 0s linear .62s}.friend-layout--create.has-rival .friend-code-card{height:0;min-height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;opacity:0;transform:translateY(-18px) scale(.965);visibility:hidden;pointer-events:none}.friend-layout--create.has-rival [data-connection-region]{animation:friend-lobby-rise .68s cubic-bezier(.16,.86,.2,1.04) both}.friend-layout--create .friend-waiting{height:auto;min-height:210px;margin-top:6px;padding-top:10px;padding-bottom:10px}.friend-layout--create [data-ready-region]:empty{display:none}.friend-layout--create [data-ready-region]{width:100%}.friend-lobby-card{width:100%;overflow:hidden;border:2px solid rgba(255,255,255,.98);border-radius:20px;color:#17325f;background:linear-gradient(145deg,#fffffffa,#e7f1fff7);box-shadow:0 6px #6f8fbe85,0 15px 30px #0d316c42,inset 0 1px #fff;transition:box-shadow .45s ease,border-radius .45s ease}.friend-lobby-card.is-expanded{border-radius:24px;box-shadow:0 7px #6084b58f,0 19px 36px #0d316c47,inset 0 1px #fff}.friend-lobby-card .friend-connection{z-index:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.friend-ready-drawer{overflow:hidden;border-top:1px solid rgba(94,126,174,.22);background:linear-gradient(160deg,#f9fcfffa,#e1edfdf5);transform-origin:50% 0}.friend-ready-drawer.is-new{animation:friend-ready-drawer-open .58s cubic-bezier(.16,.88,.2,1.04) both}.friend-ready-drawer__status{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;color:#1a579d;background:linear-gradient(90deg,#e1effff5,#f2f8ffeb);border-bottom:1px solid rgba(104,137,184,.14)}.friend-ready-drawer__status>span{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;font-size:10px;font-weight:1000;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.friend-ready-drawer__status>span i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#247aea;box-shadow:0 0 0 4px #247aea1a;animation:friend-connection-pulse 1.8s ease-in-out infinite}.friend-ready-drawer__status>b{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(24,99,202,.18);border-radius:999px;color:#1762c8;background:#ffffffb3;font-size:7px;letter-spacing:.055em}.friend-ready-drawer .friend-waiting__actions{min-height:76px;padding:8px 0 5px}.friend-ready-drawer__note{display:block;padding:0 13px 10px;color:#697790;font-size:8px;font-style:italic;text-align:center}.friend-ready-drawer.is-local-ready .friend-ready-drawer__status>span i,.friend-ready-drawer.is-rival-ready .friend-ready-drawer__status>span i{background:#18a979;box-shadow:0 0 0 4px #18a9791f}.friend-ready-drawer.is-complete .friend-ready-drawer__status,.friend-ready-drawer.is-countdown .friend-ready-drawer__status,.friend-ready-drawer.is-starting .friend-ready-drawer__status{color:#087257;background:linear-gradient(90deg,#e2f8ef,#f4fffa)}.friend-ready-drawer.is-complete .friend-ready-drawer__status>span i,.friend-ready-drawer.is-countdown .friend-ready-drawer__status>span i,.friend-ready-drawer.is-starting .friend-ready-drawer__status>span i{background:#10b57e;box-shadow:0 0 0 4px #10b57e24,0 0 9px #10b57e73}.friend-menu__background{opacity:0;animation:friend-backdrop-in .7s cubic-bezier(.2,.75,.25,1) .03s both}.friend-menu__wash{opacity:0;animation:friend-wash-in .58s ease-out .08s both}.friend-menu__content.is-entering .friend-header{animation:friend-header-in .46s cubic-bezier(.16,.84,.25,1.05) both}.friend-menu__content.is-entering .friend-profile,.friend-menu__content.is-entering .friend-choice,.friend-menu__content.is-entering .friend-code-card,.friend-menu__content.is-entering .friend-lobby-card,.friend-menu__content.is-entering .friend-waiting,.friend-menu__content.is-entering .friend-join-card{animation:friend-block-in .55s cubic-bezier(.16,.86,.22,1.04) both}.friend-menu__content.is-entering .friend-profile{animation-delay:.06s}.friend-menu__content.is-entering .friend-profile__avatar-wrap{animation:friend-profile-avatar-in .56s cubic-bezier(.14,.9,.22,1.16) .13s both}.friend-menu__content.is-entering .friend-profile__eyebrow{animation:friend-profile-copy-in .4s ease-out .18s both}.friend-menu__content.is-entering .friend-profile__identity>strong{animation:friend-profile-copy-in .48s cubic-bezier(.16,.86,.22,1.05) .23s both}.friend-menu__content.is-entering .friend-profile__level,.friend-menu__content.is-entering .friend-profile__role{animation:friend-profile-chip-in .42s cubic-bezier(.16,.88,.22,1.08) .3s both}.friend-menu__content.is-entering .friend-profile__rank{animation:friend-profile-rank-in .58s cubic-bezier(.14,.9,.22,1.18) .24s both}.friend-menu__content.is-entering .friend-profile__stats>div{animation:friend-profile-stat-in .42s cubic-bezier(.16,.88,.22,1.08) both}.friend-menu__content.is-entering .friend-profile__stats>div:nth-child(1){animation-delay:.32s}.friend-menu__content.is-entering .friend-profile__stats>div:nth-child(2){animation-delay:.37s}.friend-menu__content.is-entering .friend-profile__stats>div:nth-child(3){animation-delay:.42s}.friend-menu__content.is-entering .friend-profile__stats>div:nth-child(4){animation-delay:.47s}.friend-menu__content.is-entering .friend-layout>:nth-child(2){animation-delay:.12s}.friend-menu__content.is-entering .friend-layout>:nth-child(3){animation-delay:.19s}.friend-menu__content.is-entering .friend-layout>:nth-child(4){animation-delay:.25s}.friend-menu__content[data-motion=forward].is-entering .friend-layout{animation:friend-page-forward .48s cubic-bezier(.18,.82,.25,1) both}.friend-menu__content[data-motion=back].is-entering .friend-layout{animation:friend-page-back .45s cubic-bezier(.18,.82,.25,1) both}.friend-header h1,.friend-choice__copy strong,.friend-code-card>strong,.friend-waiting>strong,.friend-join-card__title strong{transform-origin:50% 70%}.friend-menu__content.is-entering .friend-header h1{animation:friend-copy-reveal .42s cubic-bezier(.18,.88,.25,1.08) .1s both}.friend-menu__content.is-entering .friend-choice__copy,.friend-menu__content.is-entering .friend-join-card__title>div{animation:friend-copy-reveal .45s cubic-bezier(.18,.88,.25,1.06) .2s both}.friend-menu__content.is-entering .friend-choice__icon,.friend-menu__content.is-entering .friend-code-card__badge{animation:friend-icon-form .58s cubic-bezier(.15,.9,.2,1.16) .16s both}.friend-choice,.friend-primary,.friend-share,.menu-back{-webkit-tap-highlight-color:transparent}.friend-choice:focus-visible,.friend-primary:focus-visible,.friend-share:focus-visible,.friend-header .menu-back:focus-visible{outline:3px solid rgba(34,150,255,.88);outline-offset:4px}.friend-choice__icon svg,.friend-code-card__badge svg,.friend-primary svg,.friend-share svg{transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}.friend-choice:active .friend-choice__icon{transform:scale(.93) rotate(-2deg)}.friend-primary:not(:disabled):active svg,.friend-share:active svg{transform:scale(.86) rotate(-5deg)}.friend-primary:not(:disabled):after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.48),transparent 55%);transform:scale(.4);pointer-events:none}.friend-primary:not(:disabled):active:after{animation:friend-button-ripple .42s ease-out both}.friend-primary:disabled{opacity:.68;filter:saturate(.66)}.friend-waiting__actions{width:100%;display:grid;justify-items:center}[data-rival-region],[data-connection-region]{width:100%}.friend-waiting__slot.is-new{animation:friend-status-arrive .5s cubic-bezier(.16,.88,.22,1.08) both}.friend-connection.is-new{animation:friend-connection-arrive .5s cubic-bezier(.16,.88,.22,1.08) both}.friend-ready-panel.is-new{animation:friend-ready-panel-arrive .62s cubic-bezier(.16,.9,.2,1.08) both}.friend-connection{position:relative;z-index:12;width:100%;margin:2px 0 7px;overflow:hidden;border:2px solid rgba(255,255,255,.98);border-radius:20px;color:#17325f;background:linear-gradient(145deg,#fffffffa,#e7f1fff7);box-shadow:0 6px #6f8fbe85,0 15px 30px #0d316c42,inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.friend-connection header{min-height:34px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:7px 12px;color:#fff;background:linear-gradient(110deg,#145fda,#0e78ed)}.friend-connection.is-complete header{background:linear-gradient(110deg,#087b62,#16a777)}.friend-connection header>span{width:9px;height:9px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#75d6ff;box-shadow:0 0 0 4px #75d6ff2e,0 0 10px #75d6ffc2;animation:friend-connection-pulse 1.8s ease-in-out infinite}.friend-connection.is-complete header>span{background:#74f2b8;box-shadow:0 0 0 4px #74f2b82b,0 0 10px #74f2b8b8}.friend-connection header strong{overflow:hidden;font-size:clamp(10px,3vw,13px);font-style:italic;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.friend-connection header>b{padding:3px 7px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#001f5b2e;font-size:9px}.friend-connection>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#5774a02e}.friend-connection__player{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 27px;grid-template-rows:auto auto auto;column-gap:7px;align-items:center;padding:8px;background:#fafcfff0}.friend-connection__player>i{position:relative;grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;align-self:center;border:2px solid #fff;border-radius:11px;color:#95a4b9;background:#e5ebf3;box-shadow:0 2px 5px #14366729}.friend-connection__player>i>img:not(.friend-connection__badge){width:100%;height:100%;border-radius:9px;object-fit:cover;object-position:50% 22%}.friend-connection__badge{position:absolute;z-index:3;left:50%;bottom:-7%;width:126%;height:auto;max-height:43%;object-fit:contain;pointer-events:none;transform:translate(-50%);filter:drop-shadow(0 1px 1px rgba(3,15,36,.4))}.friend-connection__player>i svg{width:22px;fill:currentColor;stroke:none}.friend-connection__player>b,.friend-connection__player>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-connection__player>b{grid-column:2;align-self:end;font-size:clamp(9px,2.8vw,13px);font-style:italic;line-height:1}.friend-connection__player>small{grid-column:2;align-self:center;margin-top:2px;color:#13815f;font-size:7px;font-weight:1000;letter-spacing:.04em}.friend-connection__meta{min-width:0;grid-column:2;display:flex;align-items:center;gap:4px;margin-top:3px}.friend-connection__meta em{min-width:0;padding:2px 4px;border:1px solid rgba(28,105,220,.19);border-radius:5px;color:#1765dd;background:#edf5ff;font-size:clamp(6px,1.8vw,8px);font-weight:1000;font-style:italic;line-height:1;white-space:nowrap}.friend-connection__meta em+em{color:#9a6011;border-color:#d6911f38;background:#fff8e9}.friend-connection__player.is-reconnecting>small{color:#d47a16}.friend-connection__player.is-disconnected>small,.friend-connection__player.is-empty>small{color:#8795aa}.friend-connection__ready{grid-column:3;grid-row:1/4;width:25px;height:25px;display:grid;place-items:center;align-self:center;border:2px solid #c1ccdc;border-radius:50%;color:#fff;background:linear-gradient(145deg,#f1f5fa,#dce4ef);box-shadow:inset 0 2px 4px #495e801a,0 2px 4px #1836641a;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .35s cubic-bezier(.16,.9,.2,1.2)}.friend-connection__ready svg{width:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.friend-connection__ready.is-ready{border-color:#fff;background:linear-gradient(145deg,#35dba6,#078c68);box-shadow:0 0 0 3px #1fbe8b24,0 4px 8px #077b5b3b,inset 0 1px #ffffff61;transform:scale(1.08);animation:friend-ready-indicator-pop .42s cubic-bezier(.16,.9,.2,1.2) both}@media(hover:hover)and (pointer:fine){.friend-choice:hover{transform:translateY(-3px) scale(1.008);filter:brightness(1.025);box-shadow:6px 9px 0 var(--accent),0 20px 34px #18376e3b,inset 0 0 0 1px #708fbe21,inset 0 1px #fff}.friend-choice:hover .friend-choice__icon svg,.friend-choice:hover .friend-choice__icon--art img{transform:scale(1.09) rotate(-3deg);filter:drop-shadow(0 4px 3px rgba(0,26,94,.42))}.friend-primary:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.09) saturate(1.05);box-shadow:0 6px #052c87,0 12px 19px #0a40b44f}.friend-share:hover{transform:translateY(-1px);filter:brightness(1.12)}.friend-share:hover svg{transform:scale(1.08) rotate(-4deg)}}@keyframes friend-backdrop-in{0%{opacity:0;transform:scale(1.085);filter:blur(8px) saturate(.65) brightness(1.28)}to{opacity:1;transform:scale(1.035);filter:blur(2px) saturate(.85) brightness(1.12)}}@keyframes friend-wash-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes friend-header-in{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}@keyframes friend-block-in{0%{opacity:0;transform:translateY(22px) rotateX(4deg) scale(.965);filter:blur(2px)}72%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}@keyframes friend-profile-sheen{0%,62%{left:-34%;opacity:0}69%{opacity:.42}84%,to{left:126%;opacity:0}}@keyframes friend-profile-avatar-in{0%{opacity:0;transform:translate(-15px) scale(.76) rotate(-5deg);filter:blur(3px) brightness(1.2)}68%{transform:translate(2px) scale(1.035) rotate(1deg);filter:blur(0) brightness(1.04)}to{opacity:1;transform:none;filter:drop-shadow(0 9px 9px rgba(17,65,133,.18))}}@keyframes friend-profile-copy-in{0%{opacity:0;transform:translate(-10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes friend-profile-chip-in{0%{opacity:0;transform:translateY(7px) scale(.9)}to{opacity:1;transform:none}}@keyframes friend-profile-rank-in{0%{opacity:0;transform:translate(13px) scale(.62) rotate(8deg);filter:blur(3px) brightness(1.3)}70%{transform:translate(-1px) scale(1.06) rotate(-1deg);filter:blur(0) brightness(1.04)}to{opacity:1;transform:none;filter:none}}@keyframes friend-profile-stat-in{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes friend-page-forward{0%{opacity:.2;transform:translate(34px) scale(.985)}to{opacity:1;transform:none}}@keyframes friend-page-back{0%{opacity:.2;transform:translate(-30px) scale(.985)}to{opacity:1;transform:none}}@keyframes friend-copy-reveal{0%{opacity:0;transform:translateY(8px) skew(-3deg);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes friend-icon-form{0%{opacity:0;transform:scale(.58) rotate(-12deg);filter:brightness(1.35) blur(2px)}68%{transform:scale(1.06) rotate(2deg)}to{opacity:1;transform:none;filter:none}}@keyframes friend-status-arrive{0%{opacity:0;transform:translateY(10px) scale(.96);filter:brightness(1.18)}to{opacity:1;transform:none;filter:none}}@keyframes friend-connection-arrive{0%{opacity:0;transform:translateY(18px) scale(.96);filter:brightness(1.18)}to{opacity:1;transform:none;filter:none}}@keyframes friend-lobby-rise{0%{transform:translateY(22px)}62%{transform:translateY(-3px)}to{transform:none}}@keyframes friend-ready-panel-arrive{0%{opacity:0;transform:translateY(24px) scale(.965);filter:blur(2px) brightness(1.12)}70%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}@keyframes friend-ready-drawer-open{0%{opacity:0;max-height:0;transform:translateY(-12px)}to{opacity:1;max-height:190px;transform:none}}@keyframes friend-ready-indicator-pop{0%{transform:scale(.65)}68%{transform:scale(1.16)}to{transform:scale(1.08)}}@keyframes friend-button-ripple{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.45)}}@keyframes friend-connection-pulse{50%{transform:scale(.84);filter:brightness(1.25)}}@media(max-height:800px){.friend-menu__content{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.friend-header{min-height:72px}.friend-header>div{padding-top:7px}.friend-header__rule{margin-top:7px}.friend-layout{gap:9px}.friend-profile{min-height:142px;grid-template-rows:minmax(72px,1fr) 43px;padding:7px 9px}.friend-profile__avatar-wrap{width:clamp(65px,18vw,78px)}.friend-profile__rank-emblem{width:clamp(55px,14vw,65px)}.friend-profile__rank-copy strong{font-size:7px}.friend-profile__rank-copy small{font-size:5px}.friend-profile__stats{gap:4px;padding-top:5px}.friend-profile__stats div{border-radius:8px}.friend-profile__stats b{font-size:clamp(15px,4vw,19px)}.friend-choice{min-height:137px}.friend-layout--create .friend-profile{height:142px;min-height:0}.friend-layout--create .friend-code-card{height:260px;min-height:0}.friend-layout--create .friend-waiting{height:auto;min-height:245px}.friend-code-card__badge{width:50px}.friend-join-card{min-height:390px;padding-top:18px}}.rival-menu{display:grid;grid-template-rows:clamp(94px,12.6vh,118px) clamp(48px,6.5vh,58px) minmax(0,1fr) clamp(120px,15.5vh,142px);gap:7px;padding:max(7px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#edf4ff}.rival-menu__background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px) saturate(.55) brightness(1.32);transform:scale(1.05)}.rival-menu__wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#f9fcfff5 0 24%,#f1f7ffe8 55%,#d5e7fbb8)}.rival-header{display:grid;grid-template-columns:clamp(45px,12vw,58px) minmax(0,1fr) clamp(74px,19vw,92px);align-items:center;gap:8px;padding:2px 2px 0}.rival-header .menu-back{position:relative;z-index:7;grid-column:1;grid-row:1;align-self:center}.rival-title{grid-column:2;min-width:0;align-self:center}.rival-header h1{margin:0;color:#082969;font-size:clamp(26px,7.25vw,39px);line-height:.8;font-weight:1000;font-style:italic;letter-spacing:-.055em;text-align:left;white-space:nowrap}.rival-header h1 span,.rival-header h1 b{display:block}.rival-header h1 span{font-size:.7em;letter-spacing:-.03em}.rival-header h1 b{margin-top:6px;color:#0a48bd;font-size:1.1em;text-shadow:0 2px 0 rgba(255,255,255,.95)}.rival-energy{--energy-progress:1;position:relative;grid-column:3;width:clamp(72px,19vw,90px);aspect-ratio:1;justify-self:end;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#eef4fd);box-shadow:0 5px 12px #1e427838,inset 0 0 0 2px #ffffffe6;isolation:isolate}.rival-energy:before{content:"";position:absolute;z-index:-1;inset:9%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 20%,#edf4ff 72%);box-shadow:inset 0 -3px 7px #20499021}.rival-energy>.rival-energy__meter{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px rgba(255,185,11,.28))}.rival-energy circle{fill:none;stroke-width:6.5}.rival-energy__track{stroke:#cdd8ea}.rival-energy__progress{stroke:#ffc321;stroke-linecap:round;stroke-dasharray:270.18;stroke-dashoffset:calc(270.18 * (1 - var(--energy-progress)));transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .18s linear,filter .24s ease}.rival-energy__core{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:#082969;font-style:italic;transform:translate(2px)}.rival-energy__core strong{font-size:clamp(28px,8vw,42px);line-height:1;letter-spacing:-.09em}.rival-energy__core small{display:none}.energy-bolt{display:block;overflow:visible;filter:drop-shadow(0 2px 0 #d88700) drop-shadow(0 0 5px rgba(255,193,25,.45))}.energy-bolt path{fill:#ffc522;stroke:#e89400;stroke-width:1.35;stroke-linejoin:round}.rival-energy__core .energy-bolt{width:clamp(23px,6.2vw,32px);height:clamp(31px,8.1vw,42px);margin-left:3px;transform:rotate(2deg)}.rival-energy__glint{position:absolute;z-index:2;inset:9%;overflow:hidden;border-radius:50%;pointer-events:none}.rival-energy__glint:after{content:"";position:absolute;top:-18%;bottom:-18%;left:-65%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent);filter:blur(1px);opacity:0;transform:skew(-18deg);animation:energy-glint 4.2s ease-in-out infinite}.rival-energy__gain{position:absolute;z-index:3;left:50%;top:50%;color:#ffae00;font:1000 20px/1 system-ui;opacity:0;text-shadow:0 2px 0 white,0 0 8px white;pointer-events:none;transform:translate(-50%,-40%) scale(.6)}.rival-energy.is-full .rival-energy__progress{filter:drop-shadow(0 0 4px #ffcf3e)}.rival-energy.gained{animation:energy-gain-pop .68s cubic-bezier(.16,.9,.25,1.25)}.rival-energy.gained .rival-energy__gain,.rival-energy.spent .rival-energy__gain{animation:energy-float .68s ease-out both}.rival-energy.spent{animation:energy-spend .48s ease}.rival-energy.shortage .rival-energy__core strong{animation:energy-number-shortage .58s ease both}@keyframes energy-gain-pop{40%{transform:scale(1.12);box-shadow:0 0 22px #ffc51eb8,0 6px 14px #1e427840}}@keyframes energy-float{0%{opacity:0;transform:translate(-50%,-20%) scale(.55)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-170%) scale(1.08)}}@keyframes energy-spend{35%{transform:scale(.88);filter:brightness(1.18)}70%{transform:scale(1.04)}}@keyframes energy-number-shortage{0%,to{color:#082969;text-shadow:none}28%,58%{color:#ed3348;text-shadow:0 0 8px rgba(237,51,72,.48)}}@keyframes energy-glint{0%,58%{left:-65%;opacity:0}64%{opacity:.92}77%{left:135%;opacity:0}to{left:135%;opacity:0}}.group-nav{position:relative;isolation:isolate;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;overflow:hidden;border:1px solid #b9c7dc;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9fd 48%,#e3eaf5);box-shadow:0 4px #8b9ebc61,0 7px 13px #1e376029,inset 0 1px #fff,inset 0 -1px #5d78a233}.group-nav:before{content:"";position:absolute;z-index:5;top:1px;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#fff 12% 88%,transparent);pointer-events:none}.group-arrow{position:relative;z-index:4;min-width:0;width:100%;height:auto;overflow:hidden;padding:0;border:0;color:#0c428d;background:linear-gradient(180deg,#ffffffe0,#e2ebf8c2);box-shadow:inset 0 0 0 1px #ffffff80;font:1000 27px/1 Arial Black,system-ui;text-shadow:0 1px 0 white;transition:background .15s,transform .15s,color .15s}.group-arrow:active{background:#dbe9ff;transform:scale(.92)}.group-tabs{position:relative;min-width:0;height:100%;display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;padding:0;border-inline:1px solid #cbd6e6;scrollbar-width:none;scroll-padding-inline:0;scroll-snap-type:x proximity;touch-action:none;cursor:pointer}.group-tabs.dragging{cursor:ew-resize;scroll-snap-type:none}.group-tabs::-webkit-scrollbar{display:none}.group-tabs__selector{position:absolute;z-index:1;top:2px;bottom:3px;left:0;width:72px;overflow:hidden;border:1px solid #75b9ff;border-radius:10px;background:linear-gradient(145deg,#2194ff,#1160e7 52%,#113bb7);box-shadow:0 2px #0b348f,0 4px 9px #0c4ab852,inset 0 1px #ffffffeb,inset 0 -5px 9px #01207433;pointer-events:none;transition:left .18s cubic-bezier(.2,.72,.24,1),width .18s cubic-bezier(.2,.72,.24,1)}.group-tabs__selector:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.24);border-radius:7px}.group-tabs__selector i{position:absolute;top:-30%;bottom:-30%;left:-55%;width:23%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);filter:blur(.5px);transform:skew(-18deg);animation:group-selector-glint 3.8s ease-in-out infinite}@keyframes group-selector-glint{0%,60%{left:-55%;opacity:0}67%{opacity:1}81%{left:135%;opacity:0}to{left:135%;opacity:0}}.group-tabs button{position:relative;z-index:2;flex:0 0 72px;height:100%;padding:4px 6px;border:0;border-left:1px solid #d1dbea;border-radius:0;color:#132d5c;background:transparent;box-shadow:none;scroll-snap-align:center;transition:transform .2s,filter .2s,color .15s}.group-tabs button:first-child{border-left:0}.group-tabs button span{display:block;font:1000 23px/1 Arial Black,SF Pro Display,system-ui,sans-serif;letter-spacing:-.025em}.group-tabs button[data-group=training]{flex-basis:116px}.group-tabs button[data-group=training] span{font:1000 9px/1 Arial Black,system-ui,sans-serif;letter-spacing:-.025em}.group-tabs button small{display:none;margin-top:3px;font:900 7px/1 system-ui,sans-serif;letter-spacing:.01em}.group-tabs button>b{position:absolute;z-index:4;top:1px;right:4px;display:grid;place-items:center;width:18px;height:18px}.group-tab__trophy svg,.group-tab__lock svg,.rating-trophy svg{display:block;width:100%;height:100%;overflow:visible}.group-tab__trophy,.rating-trophy{filter:drop-shadow(0 1px 1px rgba(117,72,0,.42)) drop-shadow(0 0 2px rgba(255,200,32,.22))}.group-tab__trophy .cup,.group-tab__trophy .stem,.rating-trophy .cup,.rating-trophy .stem{fill:#ffc523;stroke:#e18b00;stroke-width:.8;stroke-linejoin:round}.group-tab__trophy .handles,.rating-trophy .handles{fill:none;stroke:#f0a400;stroke-width:2;stroke-linecap:round}.group-tab__trophy .shine,.rating-trophy .shine{fill:#fff4a0;opacity:.9}.rating-trophy{display:inline-grid;place-items:center;flex:0 0 auto;width:1.3em;height:1.3em;font-style:normal}.group-tab__lock{color:#7b879b;filter:drop-shadow(0 1px 0 #fff)}.group-tab__lock svg{fill:currentColor}.group-tabs button.active{z-index:2;height:100%;color:#fff;border-color:transparent;border-radius:10px;background:transparent;box-shadow:none;transform:none;text-shadow:0 1px 2px rgba(0,31,99,.35)}.group-tabs button.active small{display:block}.group-tabs button.active .group-tab__lock{color:#d9e6fb;filter:drop-shadow(0 1px 1px rgba(0,31,88,.42))}.group-tabs button.locked:not(.active){filter:grayscale(.42) brightness(.92)}.rival-cards{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:.9fr .9fr 1fr;gap:6px;opacity:0;transform:translate(18px)}.rival-cards.animate-in{animation:rival-cards-in .28s ease both}@keyframes rival-cards-in{to{opacity:1;transform:translate(0)}}.rival-card{position:relative;min-width:0;min-height:0;overflow:hidden;padding:0;border:2px solid rgba(255,255,255,.95);border-radius:15px;color:#071e51;background:var(--card-color);box-shadow:0 6px 12px #192f5433,inset 0 0 0 1px color-mix(in srgb,var(--card-color),white 45%);text-align:center;cursor:pointer;transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s}.rival-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%);pointer-events:none}.rival-card img{position:absolute;top:0;left:0;width:100%;height:calc(100% - clamp(48px,28%,68px));object-fit:cover;object-position:var(--avatar-x,50%) var(--avatar-y,28%);transform:scale(var(--avatar-scale,1));transform-origin:var(--avatar-x,50%) var(--avatar-y,28%)}.rival-card__number{position:absolute;z-index:4;top:0;left:0;min-width:34px;padding:5px 6px 7px;border-radius:12px 0 13px;color:#fff;background:color-mix(in srgb,var(--card-color),#071e51 18%);font-size:21px;font-weight:1000;font-style:italic;text-shadow:0 2px 3px rgba(0,0,0,.2)}.rival-card__info{position:absolute;z-index:3;left:0;right:0;bottom:0;height:clamp(48px,28%,68px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(86px,.95fr);grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;padding:4px 10px 4px 12px;background:linear-gradient(#fff,#f1f3f8);text-align:left}.rival-card__info strong{grid-column:1;grid-row:1 / 3;min-width:0;overflow:hidden;font-size:clamp(19px,5.2vw,26px);line-height:.92;font-style:italic;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.rival-card__info b{grid-column:2;grid-row:1;align-self:end;color:var(--card-color);font-size:clamp(11px,3vw,15px);line-height:1;text-align:left;white-space:nowrap}.rival-card__info em{grid-column:2;grid-row:2;align-self:start;margin-top:3px;color:#64738e;font-size:clamp(8.5px,2vw,11px);line-height:1;font-weight:1000;font-style:normal;letter-spacing:-.04em;text-align:left;white-space:nowrap}.rival-card.group-gate .rival-card__info em{font-size:clamp(7.5px,1.65vw,9px);letter-spacing:-.065em}.rival-card.defeated .rival-card__info em{color:#169b35}.rival-card.selected{z-index:8;border-color:#72c8ff;box-shadow:0 0 0 3px #087cff,0 0 18px 5px #0086ff6b,0 8px 15px #14326440;transform:scale(1.025)}.rival-card.locked{cursor:not-allowed}.rival-card.locked>img,.rival-card.locked>.rival-card__number,.rival-card.locked>.rival-card__tutorial,.rival-card.locked>.rival-card__crown,.rival-card.locked>.rival-card__info strong,.rival-card.locked>.rival-card__info b,.rival-card.locked>.rival-card__info em>span{filter:grayscale(.35) brightness(.68)}.rival-card.locked>.rival-card__info{background:linear-gradient(#e2e3e6,#cfd1d5)}.rival-card__lock{position:absolute;z-index:5;top:29%;left:50%;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:2px solid rgba(224,232,244,.8);border-radius:50%;background:#08183ac7;box-shadow:0 4px 9px #000a2261,inset 0 1px #fff3;transform:translate(-50%,-50%)}.rival-card__lock svg,.rival-card__status-lock svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 1px rgba(0,14,39,.45))}.rival-card__lock .lock-body,.rival-card__status-lock .lock-body{fill:#cbd3df;stroke:#7f8da2;stroke-width:1;stroke-linejoin:round}.rival-card__lock .lock-shackle,.rival-card__status-lock .lock-shackle{fill:none;stroke:#dce3ec;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.rival-card__lock .lock-shine,.rival-card__status-lock .lock-shine{fill:#fff;opacity:.72}.rival-card__lock .lock-keyhole,.rival-card__status-lock .lock-keyhole{fill:#66758a}.rival-card__status-lock{display:inline-grid;place-items:center;flex:0 0 auto;width:11px;height:11px;margin-right:2px;color:#7b879b;filter:drop-shadow(0 1px 0 #fff)}.rival-card__status-lock svg{fill:currentColor;filter:none}.rival-card__info em:has(.rival-card__status-lock){display:flex;align-items:center}.rival-card__info em>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.rival-card.locked-bump{animation:locked-bump .3s ease}@keyframes locked-bump{35%{transform:translate(-5px)}70%{transform:translate(4px)}}.rival-card.boss{grid-column:1 / -1}.rival-card.boss img{top:0;right:auto;bottom:auto;width:52%;height:calc(100% - clamp(48px,28%,68px));object-position:var(--avatar-x,50%) var(--avatar-y,28%);-webkit-mask-image:linear-gradient(90deg,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,#000 76%,transparent 100%)}.rival-card.boss .rival-card__info{left:0;width:100%;height:clamp(48px,28%,68px);grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);background:linear-gradient(100deg,#fffbebf0,#fff 45%);clip-path:none}.rival-card.boss .rival-card__crown{position:absolute;z-index:4;top:9%;right:10%;color:#9d6500;font-size:28px;line-height:.75}.rival-card.boss .rival-card__crown small{display:inline-block;margin-left:5px;font:1000 10px/.9 system-ui;vertical-align:middle}.rival-card.boss.available .rival-card__crown{animation:boss-crown-glow 2.2s ease-in-out infinite}@keyframes boss-crown-glow{50%{color:#ffbd20;text-shadow:0 0 12px #ffe27c;transform:scale(1.08)}}.rival-card.boss .rival-card__lock{left:50%;top:36%}.rival-play-shell{position:relative;display:grid;grid-template-rows:24px minmax(0,1fr);place-items:center;align-content:center;min-height:0;opacity:0;visibility:hidden;transform:translateY(145%);transition:opacity .2s ease,transform .36s cubic-bezier(.16,.88,.22,1.12),visibility 0s linear .36s}.rival-menu.has-selection .rival-play-shell{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.rival-match-cost{align-self:center;display:flex;align-items:center;justify-content:center;gap:5px;min-width:230px;height:23px;padding:0 15px;border-radius:9px;color:#66738b;background:linear-gradient(90deg,transparent,rgba(255,255,255,.94) 18% 82%,transparent);font-size:11px;font-style:italic;font-weight:1000;line-height:1;letter-spacing:.01em}.rival-match-cost .energy-bolt{width:15px;height:22px;margin-inline:1px}.rival-match-cost strong{color:#0d49c7;font-size:18px}.rival-match-cost b{color:#0b3caa;font-size:11px}.rival-play{position:relative;overflow:hidden;width:min(78vw,330px);height:auto;aspect-ratio:2.607;min-height:0;padding:0;border:0;background:transparent;filter:grayscale(0) saturate(1) brightness(1) opacity(1) drop-shadow(0 7px 7px rgba(13,42,87,.24));transition:transform .14s,filter .14s}.rival-play img{display:block;width:100%;height:100%;object-fit:contain}.rival-play-shine{opacity:1}.rival-play:not(:disabled):not(.is-energy-disabled) .rival-play-shine:before{animation:rival-play-glint-sweep 3.4s ease-in-out infinite}.rival-play.is-available:not(:disabled){cursor:pointer;filter:grayscale(0) saturate(1.08) brightness(1.02) opacity(1) drop-shadow(0 8px 8px rgba(13,42,87,.27));animation:rival-play-pulse 2.6s ease-in-out infinite}.rival-play:disabled:not(.is-launching),.rival-play.is-energy-disabled{cursor:not-allowed;filter:grayscale(1) saturate(0) brightness(.94) opacity(.58);animation:none}.rival-play.is-launching{cursor:wait;animation:none}.rival-menu.has-no-energy .rival-match-cost{color:#bb5c35}.rival-menu.has-no-energy .rival-match-cost strong,.rival-menu.has-no-energy .rival-match-cost b{color:inherit}.rival-play.energy-denied{animation:rival-play-denied .36s ease both}.rival-match-cost.energy-denied strong{animation:match-cost-shortage .58s ease both}.rival-play:not(:disabled):not(.is-energy-disabled):active{transform:translateY(5px) scale(.95)}@keyframes rival-play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes rival-play-denied{0%,to{transform:translate(0)}24%{transform:translate(-5px)}48%{transform:translate(5px)}72%{transform:translate(-3px)}}@keyframes rival-play-glint-sweep{0%,58%{opacity:0;transform:translate(-120%) skew(-20deg)}64%{opacity:.9}86%{opacity:.82}to{opacity:0;transform:translate(540%) skew(-20deg)}}@keyframes match-cost-shortage{0%,to{color:#0d49c7;text-shadow:none}28%,58%{color:#ed3348;text-shadow:0 0 7px rgba(237,51,72,.42)}}.rival-toast{bottom:112px}@media(max-width:420px){.rival-card:not(.boss) .rival-card__info{grid-template-columns:minmax(0,1fr) 69px;column-gap:4px;padding-inline:8px 6px}.rival-card:not(.boss) .rival-card__info strong{font-size:19px}.rival-card:not(.boss) .rival-card__info b{font-size:10px}}@media(max-height:760px){.mode-menu__buttons{top:32%;width:min(74%,430px)}.friend-menu__panel{margin-top:2vh;gap:10px}.sport-action{min-height:75px}.rival-menu{grid-template-rows:76px 52px minmax(0,1fr) 112px;gap:5px}.rival-header .menu-back{width:44px;height:44px}.rival-energy{width:66px}.group-tabs,.group-tabs button,.group-tabs button.active{height:100%}.rival-card__info{padding:3px 8px 3px 10px;grid-template-columns:minmax(0,1fr) 76px;column-gap:6px}.rival-card__info strong{font-size:18px}.rival-card__info b{font-size:10.5px}.rival-card__info em{margin-top:2px;font-size:8.5px}.rival-play-shell{grid-template-rows:20px minmax(0,1fr)}.rival-match-cost{height:19px}.rival-play{width:min(72vw,265px)}}@media(min-aspect-ratio:1 / 1)and (max-height:760px){.rival-play{width:min(100%,360px)}}@media(min-width:600px)and (max-height:760px){.mode-menu__buttons{top:35%;width:min(62%,400px)}}@media(min-width:600px)and (max-width:899px)and (min-height:761px){.rival-menu{grid-template-rows:106px 58px minmax(0,1fr) 140px}.rival-cards{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.rival-card{grid-column:span 2}.rival-card:nth-child(4){grid-column:2 / span 2;grid-row:2}.rival-card.boss{grid-column:4 / span 2;grid-row:2}.rival-card.boss img{width:100%;-webkit-mask-image:none;mask-image:none}.rival-card.boss .rival-card__info{grid-template-columns:minmax(0,1.05fr) minmax(86px,.95fr)}.rival-card__info strong{font-size:clamp(19px,3vw,24px)}.rival-play-shell{width:min(100%,440px);justify-self:center}.rival-play{width:min(74%,330px)}}@media(min-width:900px)and (min-height:600px){.rival-menu{grid-template-rows:98px 58px minmax(0,1fr) 126px;gap:10px;padding:14px clamp(20px,3vw,48px) 18px}.rival-header,.group-nav,.rival-cards,.rival-play-shell{width:min(100%,1180px);justify-self:center}.rival-header{grid-template-columns:58px minmax(0,1fr) 92px;padding-bottom:4px}.rival-header h1{margin:0;font-size:clamp(34px,3.4vw,46px)}.rival-energy{width:84px}.group-nav{grid-template-columns:44px minmax(0,1fr) 44px}.group-tabs{justify-content:safe center;gap:7px;padding-inline:7px}.group-tabs button{flex-basis:72px}.group-tabs button[data-group=training]{flex-basis:116px}.rival-cards{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);align-self:center;height:min(100%,540px);gap:clamp(8px,1vw,14px);overflow:visible}.rival-card{border-radius:18px;isolation:isolate}.rival-card.boss{grid-column:auto}.rival-card img,.rival-card.boss img{inset:0 auto auto 0;width:100%;height:calc(100% - 76px);object-position:var(--avatar-x,50%) var(--avatar-y,28%);-webkit-mask-image:none;mask-image:none}.rival-card__info,.rival-card.boss .rival-card__info{left:0;right:0;width:auto;height:76px;grid-template-columns:minmax(0,1fr);grid-template-rows:28px 18px 14px;gap:0;padding:6px 10px 5px;background:linear-gradient(#fff,#f1f3f8);text-align:center}.rival-card__info strong,.rival-card.boss .rival-card__info strong{grid-column:1;grid-row:1;align-self:center;font-size:clamp(19px,1.65vw,23px);line-height:1;text-align:center}.rival-card__info b,.rival-card.boss .rival-card__info b{grid-column:1;grid-row:2;align-self:center;font-size:13px;text-align:center}.rival-card__info em,.rival-card.boss .rival-card__info em,.rival-card.group-gate .rival-card__info em{grid-column:1;grid-row:3;align-self:center;margin-top:1px;overflow:hidden;font-size:9.5px;letter-spacing:-.03em;text-align:center;text-overflow:ellipsis}.rival-card.boss .rival-card__crown{top:11%;right:8%}.rival-play-shell{height:126px;overflow:visible}.rival-play{width:min(28vw,310px);max-width:100%;height:auto;margin-top:4px;isolation:isolate}.rival-toast{bottom:132px}}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:0;background:#000;touch-action:none}.game-shell,.game-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default}.game-shell *::selection{color:inherit;background:transparent}.game-shell img,.game-shell canvas{-webkit-user-drag:none}.match-loader{position:fixed;z-index:240;inset:0;display:grid;place-items:center;overflow:hidden;color:#123975;background:linear-gradient(145deg,#fafdff,#eff6ff 52%,#e7f1ff);opacity:1;transition:opacity .36s ease,backdrop-filter .42s ease;pointer-events:auto}.match-loader.is-leaving{opacity:0;-webkit-backdrop-filter:blur(3px) saturate(1.05);backdrop-filter:blur(3px) saturate(1.05);pointer-events:none}.match-loader__mist{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 15%,rgba(57,163,255,.2),transparent 25%),radial-gradient(circle at 78% 82%,rgba(251,74,74,.14),transparent 28%);filter:blur(24px);animation:loader-mist 4s ease-in-out infinite alternate}.match-loader__card{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;width:min(78%,336px);padding:30px 24px 25px;border:1px solid rgba(30,100,196,.18);border-radius:28px;background:linear-gradient(145deg,#ffffffed,#ebf4ffd6);box-shadow:0 18px 46px #16488d26,inset 0 1px #fff;text-align:center;animation:loader-card-arrive .38s cubic-bezier(.18,.88,.3,1) both}.match-loader__card small{color:#6f86aa;font-size:9px;font-weight:1000;letter-spacing:.19em}.match-loader__card strong{min-height:17px;color:#0d3f9d;font-size:clamp(16px,4.5vw,22px);font-style:italic;letter-spacing:-.03em;animation:loader-line-in .32s ease both}.match-loader__card strong.is-changing{animation:loader-line-in .32s ease both}.match-loader__card em{max-width:100%;overflow:hidden;color:#7e8fa9;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.match-loader__emblem{width:54px;height:54px;border:3px solid rgba(23,111,218,.16);border-top-color:#147ee8;border-right-color:#5bc7ff;border-radius:50%;box-shadow:0 4px 12px #1467cc24,inset 0 0 0 1px #ffffffd1;animation:loader-orbit .82s linear infinite}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-mist{to{transform:translate3d(3%,-2%,0) scale(1.06)}}@keyframes loader-line-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes loader-card-arrive{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}canvas{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none;cursor:default}.hud{--hud-height:clamp(70px,18vw,92px);--hud-top:max(2.5%, calc(env(safe-area-inset-top) + 6px) );position:absolute;inset:0;pointer-events:none;letter-spacing:.06em}.scoreboard{position:absolute;z-index:4;top:var(--hud-top);left:50%;width:min(94%,620px);height:var(--hud-height);transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) minmax(98px,.82fr) minmax(0,1fr);align-items:center;padding:7px clamp(8px,2.4vw,13px);overflow:visible;border:2px solid rgba(255,255,255,.96);border-radius:clamp(23px,6vw,33px);color:#1b2940;background:radial-gradient(ellipse at 50% -65%,rgba(255,255,255,.98),transparent 58%),linear-gradient(105deg,#f1fafffa,#fffffff5 49%,#fff5f7fa);box-shadow:-6px 0 #17a7fa,6px 0 #ff425e,0 12px 28px #0822574d,inset 0 2px #fff,inset 0 -2px 7px #40699e29;isolation:isolate}.scoreboard:before{content:"";position:absolute;z-index:-1;inset:4px;border:1px solid rgba(74,119,183,.19);border-radius:inherit;pointer-events:none}.scoreboard:after{content:"";position:absolute;z-index:-1;top:7px;left:16%;width:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(89,182,255,.52) 24%,rgba(255,255,255,.9) 50%,rgba(255,106,122,.5) 76%,transparent);opacity:.82}.profile{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(7px,1.9vw,14px);min-width:0}.profile.rival{justify-content:flex-end;text-align:right}.avatar{position:relative;flex:0 0 auto;width:clamp(40px,10.8vw,60px);height:clamp(40px,10.8vw,60px);display:grid;place-items:center;overflow:visible;border:2px solid rgba(255,255,255,.98);border-radius:clamp(14px,3.7vw,21px);color:#fff;font-size:clamp(21px,5.8vw,33px);font-weight:1000;text-shadow:0 2px 3px rgba(0,52,110,.35);background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.56),transparent 28%),linear-gradient(145deg,#57d0ff,#087be8 61%,#0458bc);box-shadow:0 4px #045bbb,0 8px 13px #0045a047,inset 0 2px 6px #ffffff85}.rival .avatar,.result-profile.bot .avatar{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.5),transparent 28%),linear-gradient(145deg,#ff8d9d,#ed2347 60%,#bb1433);box-shadow:0 4px #c61c38,0 8px 13px #a9143042,inset 0 2px 6px #ffffff75}.avatar-portrait{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}.avatar-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--avatar-x,50%) var(--avatar-y,50%);transform:scale(var(--avatar-scale,1));transform-origin:var(--avatar-x,50%) var(--avatar-y,50%)}.avatar.has-image{text-shadow:none}.avatar .participant-badge{position:absolute;z-index:3;left:50%;bottom:-8%;width:122%;height:auto;max-width:none;max-height:45%;border-radius:0;object-fit:contain;pointer-events:none;transform:translate(-50%);filter:drop-shadow(0 2px 1px rgba(3,15,36,.35))}.profile-copy{min-width:0;flex:1}.profile strong{display:block;overflow:hidden;color:#172a4d;font-size:clamp(11px,3.55vw,21px);font-weight:1000;letter-spacing:-.045em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile.is-long-name strong{font-size:clamp(9px,2.9vw,16px);letter-spacing:-.055em}.profile small{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-top:6px;color:#5f7190;font-size:clamp(9px,2.9vw,15px);font-weight:1000;line-height:1;letter-spacing:-.02em}.profile.rival small{justify-content:flex-end}.profile small i{font-size:1.15em;font-style:normal;filter:drop-shadow(0 1px 1px rgba(129,83,0,.25))}.score-core{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(5px,1.4vw,12px);align-items:center;justify-items:center;min-height:calc(var(--hud-height) - 24px);padding:2px clamp(4px,1.25vw,9px);border:1px solid rgba(57,93,146,.14);border-radius:18px;background:linear-gradient(145deg,#d8eaff66,#ffffffb3 48%,#ffe6ea61);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 6px #224e8514}.score-core:before{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(57,91,142,.3) 20% 80%,transparent);transform:translate(-50%)}.score-core b{position:relative;font-size:clamp(32px,8.9vw,55px);line-height:.8;font-weight:1000;letter-spacing:-.09em;text-shadow:0 3px 0 rgba(255,255,255,.86),0 5px 5px rgba(9,38,100,.15);transform-origin:50% 60%}.player-score{color:#0c88ed}.bot-score{color:#ed3655}.versus{position:relative;z-index:1;display:grid;place-items:center;width:clamp(22px,5.9vw,34px);aspect-ratio:1;border:1px solid rgba(55,90,143,.2);border-radius:50%;color:#62738d;background:linear-gradient(145deg,#fff,#dbe8f8);box-shadow:0 2px 5px #26488121,inset 0 1px 1px #fff;font-size:clamp(7px,2.1vw,11px);font-weight:1000;letter-spacing:-.06em}.score-core b.score-pop{animation:score-value-pop .52s cubic-bezier(.16,.9,.3,1) both}.score-impact{position:absolute;z-index:3;top:-12px;left:20%;color:#158af0;font-size:clamp(13px,3.7vw,19px);font-weight:1000;font-style:italic;line-height:1;opacity:0;pointer-events:none;text-shadow:0 2px 0 #fff,0 4px 9px rgba(9,83,183,.27);transform:translate(-50%,7px) scale(.65)}.score-impact[data-side=bot]{left:80%;color:#ee3555;text-shadow:0 2px 0 #fff,0 4px 9px rgba(188,21,47,.27)}.score-impact.visible{animation:score-impact-rise .64s cubic-bezier(.16,.82,.3,1) both}.scoreboard--player-point{animation:scoreboard-blue-flash .45s ease-out both}.scoreboard--bot-point{animation:scoreboard-red-flash .45s ease-out both}@keyframes score-value-pop{0%{transform:scale(.76);filter:brightness(1.35)}46%{transform:scale(1.19);filter:brightness(1.16) drop-shadow(0 0 8px currentColor)}to{transform:scale(1);filter:none}}@keyframes score-impact-rise{0%{opacity:0;transform:translate(-50%,7px) scale(.62)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-18px) scale(1.04)}}@keyframes scoreboard-blue-flash{0%,to{box-shadow:-5px 0 #18a1ffd1,5px 0 #ff4056cc,0 10px 25px #0d275b45,inset 0 2px #fffffff2,inset 0 -2px 7px #40699e24}38%{box-shadow:-7px 0 #32b9ff,5px 0 #ff4056cc,0 10px 30px #0f80ed52,inset 0 2px #fff,inset 18px 0 22px #2aacff2b}}@keyframes scoreboard-red-flash{0%,to{box-shadow:-5px 0 #18a1ffd1,5px 0 #ff4056cc,0 10px 25px #0d275b45,inset 0 2px #fffffff2,inset 0 -2px 7px #40699e24}38%{box-shadow:-5px 0 #18a1ffd1,7px 0 #ff596c,0 10px 30px #e928414d,inset 0 2px #fff,inset -18px 0 22px #ff4c5d29}}.pause{position:absolute;z-index:21;right:3.2%;top:calc(var(--hud-top) + var(--hud-height) + 18px);width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.96);border-radius:14px;color:#fff;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.5),transparent 27%),linear-gradient(145deg,#52c8ff,#0875e5 62%,#0648ac);box-shadow:0 4px #0649aa,0 9px 17px #04429a47,inset 0 2px 5px #ffffff6b;cursor:pointer;pointer-events:auto;transition:transform .14s ease,filter .18s ease,background .22s ease,box-shadow .22s ease;isolation:isolate}.pause:before{content:"";position:absolute;z-index:-1;top:-44%;bottom:-44%;left:-42%;width:30%;opacity:.58;transform:translate(-130%) skew(-19deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(255,255,255,.86),transparent);animation:pause-button-glint 4.6s ease-in-out infinite}.pause:hover{filter:brightness(1.06) saturate(1.06)}.pause:active{transform:translateY(3px) scale(.95);box-shadow:0 1px #0649aa,0 3px 8px #04429a33,inset 0 2px 5px #ffffff6b}.pause.is-paused{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.5),transparent 27%),linear-gradient(145deg,#ff8997,#ee3651 62%,#b61735);box-shadow:0 4px #b71735,0 9px 17px #a9143042,inset 0 2px 5px #ffffff6b}.pause__icon{position:relative;width:13px;height:16px;border-radius:2px;background:#fff;box-shadow:7px 0 #fff,0 1px 3px #00286f40;transition:width .18s ease,height .18s ease,box-shadow .18s ease,background .18s ease}.pause.is-paused .pause__icon{width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;border-radius:0;background:transparent;box-shadow:0 1px 3px #64001438}.pause>.pause__icon{width:12px;background:linear-gradient(90deg,#fff 0 4px,transparent 4px 8px,#fff 8px 12px);box-shadow:0 1px 3px #00286f40}.pause.is-paused>.pause__icon{width:0;box-shadow:0 1px 3px #64001438}.pause{color:#fff;background:linear-gradient(145deg,#fff,#edf4fd);border-color:#fffffffa;box-shadow:0 4px #c8d7eb,0 9px 17px #04429a33,inset 0 1px #fff}.pause:before{z-index:-1;inset:7px;width:auto;border-radius:10px;opacity:1;transform:none;background:linear-gradient(145deg,#218bf2,#0758c9);animation:none;box-shadow:inset 0 1px 2px #ffffff75,0 1px 3px #083c8e33}.pause.is-paused{color:#fff;background:linear-gradient(145deg,#fff,#fff1f3);border-color:#fffffffa;box-shadow:0 4px #e1c3ca,0 9px 17px #a914302e,inset 0 1px #fff}.pause.is-paused:before{background:linear-gradient(145deg,#ff6d7d,#c91e3d);box-shadow:inset 0 1px 2px #ffffff6b,0 1px 3px #8e0d2538}.pause__icon{z-index:1}.pause.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.9)}@keyframes pause-button-glint{0%,61%{transform:translate(-150%) skew(-19deg);opacity:0}65%{opacity:.72}82%,to{transform:translate(560%) skew(-19deg);opacity:0}}.pause-panel{position:absolute;z-index:19;inset:0;display:grid;place-items:center;padding:20px;background:#03183d38;-webkit-backdrop-filter:blur(5px) saturate(.86);backdrop-filter:blur(5px) saturate(.86);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.pause-panel.visible{opacity:1;visibility:visible;pointer-events:auto}.pause-card{position:relative;width:min(100%,326px);padding:20px 20px 19px;overflow:hidden;border:2px solid rgba(255,255,255,.96);border-radius:24px;color:#112d5c;text-align:center;background:radial-gradient(circle at 50% -32%,rgba(117,199,255,.26),transparent 48%),linear-gradient(145deg,#fffffffa,#eef6fff7);box-shadow:-5px 0 12px #1cabff6b,5px 0 12px #ff4d5b59,0 20px 48px #0216394d,inset 0 1px #fff;transform:translateY(12px) scale(.97);transition:transform .25s cubic-bezier(.16,.9,.25,1)}.pause-panel.visible .pause-card{transform:translateY(0) scale(1)}.pause-card:after{content:"";position:absolute;top:8px;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#54beff,#fff,#ff7f91,transparent)}.pause-card small{display:block;color:#6f83a3;font-size:8px;font-weight:1000;letter-spacing:.18em}.pause-card h2{margin:5px 0 15px;color:#0a326c;font-size:clamp(28px,8vw,36px);line-height:.9;letter-spacing:-.07em}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pause-actions button{min-height:46px;border:1px solid rgba(255,255,255,.94);border-radius:14px;font-family:inherit;font-size:clamp(10px,3.2vw,13px);font-weight:1000;letter-spacing:-.02em;cursor:pointer;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.pause-actions button:active{transform:translateY(2px) scale(.98)}.pause-restart{color:#fff;background:linear-gradient(145deg,#1685f5,#0753cc);box-shadow:0 4px #0642a5,0 7px 13px #084ab93d,inset 0 1px #ffffff61}.pause-exit{color:#e52947;background:linear-gradient(145deg,#fff,#fff4f5);box-shadow:0 4px #d1b7bd,0 7px 13px #5d303d21,inset 0 1px #fff}.pause-actions span{margin-right:5px;font-size:1.22em;vertical-align:-.08em}.pause-panel.network-match .pause-restart{display:none}.pause-panel.network-match .pause-actions{grid-template-columns:1fr}.pause-panel.network-match .pause-exit{min-height:52px;font-size:14px}.network-forfeit-card,.pause-panel.network-confirming .pause-card-main{display:none}.pause-panel.network-confirming .network-forfeit-card{display:block}.network-forfeit-card p{margin:-4px auto 17px;max-width:240px;color:#536b91;font-size:12px;font-weight:850;line-height:1.35}.network-forfeit-card .network-forfeit-actions{grid-template-columns:.8fr 1.2fr}.network-forfeit-actions .forfeit-no{color:#0b64d9;background:linear-gradient(145deg,#fff,#eef6ff);box-shadow:0 4px #b8cae2,0 7px 13px #13468224,inset 0 1px #fff}.network-forfeit-actions .forfeit-yes{color:#fff;background:linear-gradient(145deg,#ff5367,#d91f3c);box-shadow:0 4px #a5142b,0 7px 13px #9e19323d,inset 0 1px #ffffff61}.network-forfeit-actions button:disabled{cursor:wait;filter:saturate(.55) brightness(.96)}.match-event{position:absolute;z-index:7;top:37.1%;left:50%;width:clamp(158px,43vw,218px);pointer-events:none;isolation:isolate;opacity:0;transform:translate(-50%,-50%) scale(.84);margin-top:-14px}.match-event[data-side=player]{top:66.8%}.match-event[data-side=bot]{top:37.1%}.match-event:before{content:"";position:absolute;z-index:2;inset:0;opacity:0;background:linear-gradient(108deg,transparent 34%,rgba(224,246,255,.16) 43%,rgba(255,255,255,.96) 50%,rgba(220,244,255,.22) 57%,transparent 66%);background-size:260% 100%;background-position:145% 50%;-webkit-mask-image:var(--match-event-sprite);mask-image:var(--match-event-sprite);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;mix-blend-mode:screen;pointer-events:none}.match-event:after{content:"";position:absolute;z-index:-1;inset:18% -8%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,rgba(63,174,255,.45),rgba(43,117,255,.13) 45%,transparent 75%);filter:blur(16px);transform:scale(.72)}.match-event img{display:block;width:100%;height:auto;transform-origin:50% 50%;filter:drop-shadow(0 5px 9px rgba(0,23,72,.32)) drop-shadow(0 0 11px rgba(45,182,255,.2));will-change:transform}.match-event[data-event=POWER_SHOT] img,.match-event[data-event=SMASH] img,.match-event[data-event=PERFECT] img,.match-event[data-event=OUT] img{filter:drop-shadow(0 5px 9px rgba(89,8,13,.34)) drop-shadow(0 0 13px rgba(255,71,40,.25))}.match-event[data-event=TIED_UP]:after{background:radial-gradient(ellipse,rgba(114,255,57,.5),rgba(52,216,53,.12) 45%,transparent 75%)}.match-event[data-event=TIED_UP] img{filter:drop-shadow(0 5px 9px rgba(0,55,16,.3)) drop-shadow(0 0 13px rgba(99,255,46,.28))}.match-event[data-event=POWER_SHOT],.match-event[data-event=SMASH],.match-event[data-event=MATCH_POINT]{width:clamp(136px,35vw,170px)}.match-event.visible{animation:match-event-pop .86s cubic-bezier(.18,.86,.3,1) both}.match-event.visible:before{animation:match-event-shine .66s .07s ease-out both}.match-event.visible:after{animation:match-event-glow .8s ease-out both}.match-event.visible img{animation:match-event-spring .86s cubic-bezier(.18,.9,.3,1) both}.match-event[data-event=PERFECT].visible,.match-event[data-event=PERFECT].visible img{animation-duration:.62s}.match-event.quick-hide{animation:match-event-fast-hide .15s ease-out both}.match-event.quick-hide:before,.match-event.quick-hide:after{animation:none;opacity:0}.match-event.quick-hide img{animation:none}@keyframes match-event-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}37%,67%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@keyframes match-event-fast-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.94)}}@keyframes match-event-spring{0%{transform:scale(.84)}20%{transform:scale(1.035)}42%,to{transform:scale(1)}}@keyframes match-event-shine{0%{opacity:0;background-position:145% 50%}20%{opacity:.8}74%{opacity:.54}to{opacity:0;background-position:-45% 50%}}@keyframes match-event-glow{0%{opacity:0;transform:scale(.62)}25%{opacity:.72;transform:scale(1.06)}68%{opacity:.28;transform:scale(1.2)}to{opacity:0;transform:scale(1.38)}}.match-event[data-event=OUT] img{filter:drop-shadow(0 6px 9px rgba(89,8,13,.4)) drop-shadow(0 0 12px rgba(255,71,40,.34))}.callout{position:absolute;z-index:5;bottom:18.2%;width:100%;padding:0 56px;color:#fffdf0;text-align:center;font-size:clamp(12px,3.8vw,16px);line-height:1.08;font-weight:1000;text-shadow:0 2px 7px rgba(13,43,58,.85)}.detail{position:absolute;z-index:5;bottom:15.8%;width:100%;padding:0 55px;text-align:center;font-size:clamp(7px,2.2vw,10px);font-weight:900;color:#fffff0e6;text-shadow:0 2px 6px #16435a}.serve-countdown{position:absolute;z-index:12;left:50%;top:50.5%;width:clamp(104px,28vw,124px);height:clamp(156px,42vw,184px);text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.72);transform-origin:50% 55%;isolation:isolate}.serve-countdown img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;filter:drop-shadow(0 8px 13px rgba(35,0,5,.34))}.serve-countdown img.is-active{opacity:1;visibility:visible}.serve-countdown.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.serve-countdown.is-pulse{animation:serve-countdown-pop .58s cubic-bezier(.2,.8,.24,1) both}.serve-countdown.is-go{width:clamp(190px,52vw,224px);height:clamp(338px,94vw,398px)}.serve-countdown.is-go img{filter:drop-shadow(0 8px 13px rgba(0,35,104,.38))}@keyframes serve-countdown-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.84)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}58%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.meter{position:absolute;z-index:8;pointer-events:none;opacity:0}.power{--power-fill:0%;--power-x:50%;--power-y:72%;position:absolute;left:var(--power-x);top:var(--power-y);width:clamp(48px,13vw,64px);height:clamp(116px,30vw,146px);color:#f8fbff;transform:translate(calc(-100% - 15px),-54%) scale(.78) rotate(-3deg);transform-origin:100% 58%;filter:drop-shadow(0 9px 12px rgba(1,15,42,.45));transition:opacity .16s ease,transform .26s cubic-bezier(.17,.92,.28,1)}.power.visible{opacity:1;transform:translate(calc(-100% - 15px),-54%) scale(1) rotate(-3deg)}.power-track{position:absolute;inset:0 4px 16px;overflow:visible;clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);filter:drop-shadow(0 0 8px rgba(112,225,255,.38))}.power-track:before{content:"";position:absolute;inset:-2px;z-index:0;background:linear-gradient(112deg,#ffffffeb,#67d6ffdb 44%,#ffffffd1);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0)}.power-track:after{content:"";position:absolute;inset:2px;z-index:1;background:linear-gradient(to top,#4fd5ff33 0 40%,#54ef872b 40% 72%,#ff4a4e2b 72% 91%,#fff3 91%);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0)}.power-zones,.power-charge-mask{position:absolute;inset:2px;clip-path:polygon(35% 100%,65% 100%,100% 0,0 0)}.power-zones{z-index:2;opacity:.46;background:linear-gradient(to top,#55d9ff 0 40%,#6ce582 40% 72%,#ff555b 72% 91%,#fff0f2 91%)}.power-charge-mask{z-index:3;overflow:hidden}.power-charge{position:absolute;inset:0;background:linear-gradient(to top,#42d6ff 0 40%,#58ef82 40% 72%,#f13743 72% 91%,#fff6f6 91%);box-shadow:0 -4px 17px #ffffffc7,0 0 16px #52e8ff94;transform:translateY(calc(100% - var(--power-fill)));transition:transform 42ms linear,filter .1s ease}.power-charge:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);mix-blend-mode:screen;opacity:.58}.power-limit{position:absolute;z-index:5;top:0;left:2%;right:2%;height:3px;border-radius:99px;background:#fff;box-shadow:0 0 7px 2px #ffffffe6,0 0 16px #ff4b50}.power-limit:after{content:"";position:absolute;left:50%;top:-3px;width:12px;height:8px;border-top:2px solid #fff;border-radius:50%;transform:translate(-50%);opacity:.9}.power-sparks{position:absolute;z-index:6;top:-3px;left:50%;width:14px;height:14px;border-radius:50%;opacity:0;transform:translate(-50%) scale(.45);background:radial-gradient(circle,#fff 0 12%,#ff5860 15% 22%,transparent 60%)}.power{width:clamp(50px,13vw,62px);height:clamp(170px,44vw,210px);transform:translate(calc(-100% - 20px),-53%) scale(.76)}.power.visible{transform:translate(calc(-100% - 20px),-53%) scale(1)}.power-track{inset:0 2px 18px;overflow:hidden;clip-path:polygon(32% 100%,78% 100%,88% 82%,84% 61%,76% 49%,80% 33%,96% 0,34% 0,16% 24%,10% 49%,16% 67%,18% 84%);border:2px solid rgba(231,241,255,.86);border-radius:46% 46% 15px 15px/9% 9% 15px 15px;background:linear-gradient(104deg,#070b13,#303843 46%,#070a10);box-shadow:inset 0 1px 1px #ffffff80,inset 0 0 0 3px #0000008f,0 6px 14px #00000080,0 0 0 1px #adceff38;filter:drop-shadow(0 0 8px rgba(86,165,255,.26))}.power-track:before{inset:5px;z-index:1;clip-path:none;border:1px solid rgba(210,222,240,.28);border-radius:44% 44% 11px 11px/8% 8% 11px 11px;background:linear-gradient(98deg,rgba(255,255,255,.12),transparent 15% 84%,rgba(255,255,255,.08)),linear-gradient(180deg,#1a202a,#070b11)}.power-track:after{inset:10px 8px;z-index:2;clip-path:none;border:1px solid rgba(152,177,208,.2);border-radius:35% 35% 7px 7px/7% 7% 7px 7px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18% 82%,rgba(0,0,0,.24));box-shadow:inset 0 0 8px #00000094}.power-zones,.power-charge-mask{inset:12px 10px;clip-path:none;border-radius:31% 31% 5px 5px/6% 6% 5px 5px}.power-zones{z-index:3;opacity:1;background:linear-gradient(to top,rgba(13,118,238,.84) 0 38%,transparent 38% 40%,rgba(69,205,77,.86) 40% 70%,transparent 70% 72%,rgba(244,51,63,.88) 72% 88%,transparent 88% 90%,rgba(255,231,234,.96) 90% 100%);box-shadow:inset 0 1px 1px #ffffff57,inset 0 -2px 7px #00000061}.power-zones:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,transparent 0 37%,rgba(130,238,255,.78) 38% 39%,transparent 40% 69%,rgba(178,255,123,.8) 70% 71%,transparent 72% 87%,rgba(255,165,170,.88) 88% 89%,transparent 90%)}.power-zones:after{content:"";position:absolute;left:14%;right:14%;top:90%;height:10%;border-radius:20% 20% 4px 4px;background:linear-gradient(180deg,#fff,#ff9fa7 74%,#f63a49);opacity:.94;box-shadow:0 0 12px #ff535ba8}.power-charge-mask{z-index:4;overflow:hidden}.power-charge{background:linear-gradient(to top,#0b9bff 0 38%,#63f06c 40% 70%,#ff3746 72% 88%,#fff7f8 90% 100%);clip-path:inset(calc(100% - var(--power-fill)) 0 0 0);transform:none;opacity:.8;box-shadow:inset 0 1px 2px #fffc,0 -2px 14px #5ce1ffeb;transition:clip-path 42ms linear,filter .1s ease,opacity .1s ease}.power-charge:after{left:10%;right:10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.5}.power-marker{position:absolute;z-index:7;left:11px;right:11px;bottom:max(12px,calc(var(--power-fill) - 1%));height:4px;border-radius:99px;background:#effeff;box-shadow:0 0 4px 1px #fff,0 0 12px 3px #4dccff;transition:bottom 42ms linear,box-shadow .1s ease,background .1s ease}.power-marker:before,.power-marker:after{content:"";position:absolute;top:-3px;width:7px;height:10px;border-radius:99px;background:#fff;box-shadow:0 0 8px #ffffffd9}.power-marker:before{left:-1px}.power-marker:after{right:-1px}.power-limit{display:none}.power-sparks{z-index:8;top:4px;left:50%}.power[data-tier=normal] .power-marker{background:#f3fff0;box-shadow:0 0 4px 1px #fff,0 0 14px 4px #6dff6c}.power[data-tier=strong] .power-marker{background:#fff5f5;box-shadow:0 0 4px 1px #fff,0 0 15px 4px #ff4d57}.power.overload .power-marker{background:#fff;box-shadow:0 0 6px 2px #fff,0 0 20px 6px #ff2735}.power[data-tier=normal] .power-charge{filter:saturate(1.18) brightness(1.06)}.power[data-tier=strong] .power-charge{filter:saturate(1.3) brightness(1.15)}.power.overload .power-track{animation:power-overload-shiver .12s steps(2) infinite}.power.overload .power-charge{filter:saturate(1.45) brightness(1.2);animation:power-overload-pulse .18s ease-in-out infinite alternate}.power.overload .power-sparks{opacity:1;animation:power-overload-sparks .42s ease-out infinite}.power{width:clamp(72px,18.5vw,90px);height:clamp(218px,55vw,268px);transform:translate(calc(-100% - 14px),-53%) scale(.78);transform-origin:88% 58%;filter:drop-shadow(0 10px 14px rgba(1,15,42,.5))}.power svg.power-track{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;clip-path:none;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 7px rgba(75,166,255,.25))}.power svg.power-track:before,.power svg.power-track:after{content:none}.power .power-shell{fill:url(#power-shell-gradient);stroke:#e8f1ffed;stroke-width:2.4;stroke-linejoin:round}.power .power-shell-edge{fill:none;stroke:#556987b3;stroke-width:1;stroke-linejoin:round}.power .power-bed{fill:#070c14;stroke:#abbfdc7a;stroke-width:1.5}.power svg .power-zones{position:static;inset:auto;opacity:1;clip-path:none;border-radius:0;background:none;box-shadow:none}.power svg .power-zones:before,.power svg .power-zones:after{content:none}.power .power-zone{stroke-width:1.2}.power .power-zone-weak{fill:#168ee8;stroke:#63d5ff}.power .power-zone-normal{fill:#43d34e;stroke:#9aff83}.power .power-zone-strong{fill:#ed2b3b;stroke:#ff7780}.power .power-zone-out{fill:#fff0f2;stroke:#ff7781;filter:drop-shadow(0 0 5px rgba(255,65,78,.82))}.power svg .power-charge{position:static;inset:auto;transform:none;clip-path:none;fill:url(#power-charge-gradient);opacity:.78;box-shadow:none;filter:drop-shadow(0 -2px 5px rgba(110,225,255,.82));transition:none}.power svg .power-charge:after{content:none}.power svg .power-marker{position:static;inset:auto;width:auto;height:auto;background:none;stroke:#fff;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #4dccff);transition:none}.power svg .power-marker:before,.power svg .power-marker:after{content:none}.power[data-tier=normal] svg .power-marker{stroke:#f6fff2;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #6dff6c)}.power[data-tier=strong] svg .power-marker{stroke:#fff6f6;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #ff4d57)}.power.overload svg .power-marker{stroke:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 13px #ff2735)}.power[data-tier=normal] svg .power-charge{filter:saturate(1.18) brightness(1.08) drop-shadow(0 -2px 5px rgba(109,255,108,.82))}.power[data-tier=strong] svg .power-charge{filter:saturate(1.25) brightness(1.12) drop-shadow(0 -2px 6px rgba(255,77,87,.9))}.power.overload svg.power-track{transform-origin:50% 55%}.power.overload svg .power-charge{filter:saturate(1.35) brightness(1.18) drop-shadow(0 -3px 8px rgba(255,53,65,.95));animation:none}.power .power-sparks{z-index:8;top:0;left:61%}.power{width:clamp(78px,20vw,96px);height:clamp(230px,58vw,282px);transform:translate(calc(-100% - 14px),-53%) scale(.78);transform-origin:88% 58%}.power.visible{transform:translate(calc(-100% - 14px),-53%) scale(1)}.power svg.power-track{filter:drop-shadow(0 10px 12px rgba(0,7,22,.56)) drop-shadow(0 0 5px rgba(95,177,255,.24))}.power .power-shell{fill:url(#power-shell-gradient);stroke:#edf5ff;stroke-width:2.2;stroke-linejoin:round}.power .power-shell-edge{fill:none;stroke:#313943;stroke-width:5.2;stroke-linejoin:round;opacity:.82}.power .power-bed{fill:#05080d;stroke:#778391;stroke-width:1.2}.power .power-zone{stroke-width:1.15;stroke-linejoin:round}.power .power-zones-base .power-zone-weak{fill:#032b4c;stroke:#096eb5}.power .power-zones-base .power-zone-normal{fill:#103b12;stroke:#267d28}.power .power-zones-base .power-zone-strong{fill:#40090e;stroke:#8d1b24}.power .power-zones-base .power-zone-out{fill:#19191d;stroke:#6f747b}.power .power-zones-lit .power-zone-weak{fill:url(#power-blue-lit);stroke:#66dcff}.power .power-zones-lit .power-zone-normal{fill:url(#power-green-lit);stroke:#9aff76}.power .power-zones-lit .power-zone-strong{fill:url(#power-red-lit);stroke:#ff7b83}.power .power-zones-lit .power-zone-out{fill:url(#power-out-lit);stroke:#fff}.power .power-zones-lit{filter:drop-shadow(0 0 4px rgba(83,203,255,.62))}.power .power-texture path{fill:url(#power-honeycomb);stroke:none;opacity:.19;pointer-events:none}.power svg .power-marker{stroke:#f6fdff;stroke-width:5.4;stroke-linecap:round;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #33bfff)}.power[data-tier=normal] svg .power-marker{stroke:#f7fff1;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 9px #55f65d)}.power[data-tier=strong] svg .power-marker{stroke:#fff7f7;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #ff3544)}.power.overload svg .power-marker{stroke:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 13px #ff182b)}.power.overload .power-zones-lit{filter:brightness(1.18) saturate(1.22) drop-shadow(0 0 7px rgba(255,42,57,.75))}.power .power-sparks{top:-1px;left:66%}.timing{position:absolute;top:47.6%;left:50%;width:min(70vw,326px);height:30px;transform:translate(-50%,-50%) scale(.84);transform-origin:50% 50%;transition:opacity .14s ease,transform .24s cubic-bezier(.17,.92,.28,1);filter:drop-shadow(0 9px 13px rgba(2,20,50,.42))}.timing.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.timing-track{position:absolute;inset:0;overflow:visible;border:2px solid rgba(238,249,255,.95);border-radius:99px;background:linear-gradient(180deg,#0f2749f5,#04112af7);box-shadow:inset 0 1px 1px #ffffff47,inset 0 -2px 6px #00000080,0 0 0 2px #1c82ff52}.timing-track:before{content:"";position:absolute;inset:4px;border-radius:99px;background:linear-gradient(90deg,#48d0ff33,#37df782e 36%,#ff2c3833,#37df782e 64%,#48d0ff33)}.timing-success,.timing-normal,.timing-perfect{position:absolute;top:5px;bottom:5px;border-radius:99px}.timing-success{z-index:2;background:linear-gradient(180deg,#76eaff,#39afd8);box-shadow:0 0 11px #4bdeffbf,inset 0 1px 1px #ffffffb3}.timing-normal{z-index:3;background:linear-gradient(180deg,#94f789,#37bd72);box-shadow:0 0 13px #57ee7bba,inset 0 1px 1px #ffffffb3}.timing-perfect{z-index:4;background:linear-gradient(180deg,#ff6d71,#e20d24);box-shadow:0 0 15px 3px #ff2737e0,inset 0 1px 1px #ffe1e1e6}.timing-needle{position:absolute;z-index:6;top:-8px;bottom:-8px;width:4px;border-radius:99px;background:#fff;box-shadow:0 0 5px 1px #fff,0 0 14px 4px #55e0ffeb;transform:translate(-50%)}.timing-needle:before,.timing-needle:after{content:"";position:absolute;left:50%;width:9px;height:9px;border:2px solid #fff;border-radius:50%;transform:translate(-50%);background:#76e8ff;box-shadow:0 0 10px #6ddfff}.timing-needle:before{top:-5px}.timing-needle:after{bottom:-5px}.timing-needle i{position:absolute;inset:3px -5px;border-radius:99px;background:#ffffff80;filter:blur(2px)}.timing-sparks{position:absolute;z-index:7;left:50%;top:50%;width:8px;height:8px;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff 0 16%,#ff535b 18% 34%,transparent 66%);transform:translate(-50%,-50%) scale(.2)}.timing.perfect-hit .timing-needle{background:#fff7ef;box-shadow:0 0 8px 3px #fff,0 0 20px 8px #f34;animation:timing-perfect-needle .45s cubic-bezier(.14,.9,.2,1)}.timing.perfect-hit .timing-sparks{animation:timing-perfect-sparks .5s cubic-bezier(.1,.76,.18,1)}.timing.perfect-hit .timing-track:after{content:"";position:absolute;z-index:8;left:50%;top:50%;width:12px;height:12px;border:2px solid rgba(255,255,255,.96);border-radius:50%;transform:translate(-50%,-50%) scale(.2);animation:timing-perfect-ring .5s ease-out}.timing{--timing-x:50%;--timing-y:70%;top:var(--timing-y);left:var(--timing-x);width:min(64vw,272px);height:auto;aspect-ratio:320 / 150;transform:translate(-50%,calc(-100% - 38px)) scale(.86);transform-origin:50% 100%;filter:drop-shadow(0 12px 14px rgba(0,10,31,.5));transition:opacity .1s ease-out,transform .14s cubic-bezier(.17,.92,.28,1)}.timing.visible{opacity:1;transform:translate(-50%,calc(-100% - 38px)) scale(1)}.timing svg.timing-track{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 5px rgba(73,171,255,.28))}.timing svg.timing-track:before,.timing svg.timing-track:after{content:none}.timing .timing-shell{fill:url(#timing-shell-gradient);fill-opacity:.9;stroke:#eef6ff;stroke-width:2.2;stroke-linejoin:round}.timing .timing-bed{fill:#05091038;stroke:#667487;stroke-width:1.25;stroke-linejoin:round}.timing svg .timing-success,.timing svg .timing-normal,.timing svg .timing-perfect,.timing svg .timing-texture{position:static;inset:auto;border-radius:0;stroke-linejoin:round}.timing svg .timing-success{fill:url(#timing-blue-gradient);stroke:#72ddff;stroke-width:1.8;filter:drop-shadow(0 0 5px rgba(40,170,255,.68))}.timing svg .timing-normal{fill:url(#timing-green-gradient);stroke:#adff8b;stroke-width:2.25;filter:drop-shadow(0 0 6px rgba(71,233,91,.82))}.timing svg .timing-perfect{fill:url(#timing-red-gradient);stroke:#ffb1b6;stroke-width:2.6;filter:drop-shadow(0 0 8px rgba(255,38,58,.96))}.timing svg .timing-texture{fill:url(#timing-honeycomb);stroke:none;opacity:.22;pointer-events:none}.timing svg .timing-success,.timing svg .timing-normal,.timing svg .timing-perfect,.timing svg .timing-texture{display:none}.timing .timing-segment{fill:#111925;stroke:#526176;stroke-width:1.05;stroke-linejoin:round;opacity:.9;transition:opacity 45ms linear,stroke 45ms linear}.timing .timing-segment:nth-child(odd){fill:#0d141f}.timing .timing-zone-fragment{stroke-linejoin:round;pointer-events:none}.timing .timing-zone-fragment.is-weak{fill:url(#timing-blue-gradient);stroke:#76e3ff;opacity:.96;filter:drop-shadow(0 0 3px rgba(42,177,255,.58))}.timing .timing-zone-fragment.is-normal{fill:url(#timing-green-gradient);stroke:#b5ff91;opacity:1;filter:drop-shadow(0 0 4px rgba(70,235,91,.74))}.timing .timing-zone-fragment.is-perfect{fill:url(#timing-red-gradient);stroke:#ffc2c6;opacity:1;filter:drop-shadow(0 0 6px rgba(255,36,56,.94))}.timing .timing-segment.is-trail{stroke:#a9efff;opacity:1;filter:brightness(1.28) drop-shadow(0 0 4px rgba(74,207,255,.7))}.timing .timing-segment.is-current{stroke:#fff;stroke-width:2.1;opacity:1;filter:brightness(1.55) saturate(1.18) drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #4ed5ff)}.timing svg .timing-needle{position:static;inset:auto;width:auto;height:auto;transform:none;border-radius:0;background:none;box-shadow:none;fill:none;stroke:#f8fdff;stroke-width:4.6;stroke-linecap:round;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #3bcaff)}.timing .timing-flash{pointer-events:none}.timing .timing-flash-core,.timing .timing-flash-ring,.timing .timing-flash-halo{opacity:0;transform-box:fill-box;transform-origin:center}.timing .timing-flash-core{fill:#fff;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 11px #ff253c)}.timing .timing-flash-ring{fill:none;stroke:#fff;stroke-width:2}.timing .timing-flash-halo{fill:#ff3046;filter:blur(4px)}.timing.perfect-hit svg .timing-needle{animation:timing-arc-needle .46s cubic-bezier(.14,.9,.2,1)}.timing.perfect-hit .timing-flash-core{animation:timing-arc-flash-core .5s ease-out}.timing.perfect-hit .timing-flash-ring{animation:timing-arc-flash-ring .52s ease-out}.timing.perfect-hit .timing-flash-halo{animation:timing-arc-flash-halo .5s ease-out}.timing.visible.miss-hit{animation:timing-miss-meter .28s cubic-bezier(.2,.74,.3,1) both}.timing.miss-hit svg .timing-needle{animation:timing-miss-needle .235s ease-out both}.timing.miss-hit .timing-flash-core{fill:#fff1f2;animation:timing-miss-flash-core .235s ease-out both}.timing.miss-hit .timing-flash-ring{stroke:#ff5362;animation:timing-miss-flash-ring .25s ease-out both}.timing.miss-hit .timing-flash-halo{fill:#ff243a;animation:timing-miss-flash-halo .25s ease-out both}@keyframes timing-arc-needle{0%,to{stroke-width:5.2;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #3bcaff)}28%{stroke-width:7.5;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 16px #ff2439)}}@keyframes timing-arc-flash-core{0%{opacity:1;transform:scale(.25)}30%{opacity:1;transform:scale(2.1)}to{opacity:0;transform:scale(.8)}}@keyframes timing-arc-flash-ring{0%{opacity:1;transform:scale(.25);stroke-width:3}to{opacity:0;transform:scale(5.2);stroke-width:.5}}@keyframes timing-arc-flash-halo{0%{opacity:.95;transform:scale(.4)}38%{opacity:.82;transform:scale(3.1)}to{opacity:0;transform:scale(5.6)}}@keyframes timing-miss-meter{0%{opacity:1;transform:translate(-50%,calc(-100% - 38px)) scale(1)}16%{opacity:1;transform:translate(calc(-50% + 2.6px),calc(-100% - 38px)) rotate(.32deg) scale(1.006)}34%{opacity:1;transform:translate(calc(-50% - 2.2px),calc(-100% - 38px)) rotate(-.27deg) scale(1.004)}52%{opacity:.96;transform:translate(calc(-50% + 1.35px),calc(-100% - 38px)) rotate(.16deg) scale(1.002)}69%{opacity:.88;transform:translate(calc(-50% - .75px),calc(-100% - 38px)) rotate(-.08deg) scale(1)}82%{opacity:.62;transform:translate(-50%,calc(-100% - 38px)) scale(.995)}to{opacity:0;transform:translate(-50%,calc(-100% - 38px)) scale(.975)}}@keyframes timing-miss-needle{0%{opacity:1;stroke:#fff;stroke-width:4.6;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #3bcaff)}28%{opacity:1;stroke:#ff5362;stroke-width:8.2;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #ff243a)}to{opacity:0;stroke:#ff243a;stroke-width:12;filter:drop-shadow(0 0 18px rgba(255,36,58,0))}}@keyframes timing-miss-flash-core{0%{opacity:1;transform:scale(.35)}38%{opacity:.95;transform:scale(1.9)}to{opacity:0;transform:scale(3.2)}}@keyframes timing-miss-flash-ring{0%{opacity:.95;transform:scale(.35);stroke-width:3}to{opacity:0;transform:scale(4.2);stroke-width:.4}}@keyframes timing-miss-flash-halo{0%{opacity:.75;transform:scale(.4)}to{opacity:0;transform:scale(5)}}@keyframes power-overload-shiver{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes power-overload-pulse{0%{box-shadow:0 -4px 17px #ffffffc7,0 0 16px #ff4b5294}to{box-shadow:0 -7px 24px #fffffff5,0 0 28px #ff3c45eb}}@keyframes power-overload-sparks{0%{transform:translate(-50%,5px) scale(.35)}to{transform:translate(-50%,-23px) scale(1.65);opacity:0}}@keyframes timing-perfect-needle{0%{transform:translate(-50%) scaleY(1)}35%{transform:translate(-50%) scaleY(1.38)}to{transform:translate(-50%) scaleY(1)}}@keyframes timing-perfect-sparks{0%{opacity:1;transform:translate(-50%,-50%) scale(.25);box-shadow:0 0 #ff3741e6}to{opacity:0;transform:translate(-50%,-50%) scale(5.5);box-shadow:0 0 0 18px #ff374100}}@keyframes timing-perfect-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(7)}}.match-clock{position:absolute;z-index:5;left:50%;top:calc(var(--hud-top) + var(--hud-height) - 1px);min-width:clamp(96px,25vw,132px);padding:6px 18px 8px;overflow:hidden;transform:translate(-50%);border:2px solid rgba(255,255,255,.96);border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(145deg,#35435a,#10192a);color:#fff;text-align:center;box-shadow:0 8px 16px #0b1f424d,inset 0 1px 1px #fff3,inset 0 -1px 6px #0000002e;isolation:isolate}.match-clock:before{content:"";position:absolute;z-index:-1;left:18%;right:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,194,255,.9),rgba(255,255,255,.8),rgba(255,108,124,.8),transparent)}.match-clock:after{content:"";position:absolute;z-index:-1;top:-50%;bottom:-50%;left:-42%;width:28%;opacity:0;transform:translate(-190%) skew(-19deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.92),rgba(255,211,104,.46),transparent);pointer-events:none}.match-clock small{display:block;margin-bottom:3px;color:#bdd7f9c7;font-size:clamp(6px,1.8vw,8px);font-weight:1000;line-height:1;letter-spacing:.12em}.match-clock strong{display:block;color:#fff;font-size:clamp(20px,6.1vw,31px);line-height:.9;letter-spacing:-.06em;transition:color .25s ease,text-shadow .25s ease}.match-clock strong.is-warning{color:#ffd772;text-shadow:0 0 10px rgba(255,178,43,.42)}.match-clock strong.is-critical{color:#ff6271;text-shadow:0 0 10px rgba(255,60,79,.5);animation:match-clock-critical .9s ease-in-out infinite}.match-clock.clock-alert--warning:after,.match-clock.clock-alert--critical:after{animation:match-clock-glint .48s ease-out both}.match-clock.clock-alert--warning{animation:match-clock-warning-flash .48s ease-out both}.match-clock.clock-alert--critical{animation:match-clock-critical-flash .52s ease-out both}.match-clock.clock-tick{animation:match-clock-tick .22s cubic-bezier(.2,.9,.3,1) both}@keyframes match-clock-critical{50%{transform:scale(1.055);filter:brightness(1.12)}}@keyframes match-clock-glint{0%{opacity:0;transform:translate(-190%) skew(-19deg)}16%{opacity:.7}to{opacity:0;transform:translate(590%) skew(-19deg)}}@keyframes match-clock-warning-flash{0%,to{box-shadow:0 8px 16px #0b1f4247,inset 0 1px 1px #ffffff26}38%{box-shadow:0 8px 21px #f0a72c4d,0 0 17px #ffc14647,inset 0 1px 1px #fff}}@keyframes match-clock-critical-flash{0%,to{box-shadow:0 8px 16px #0b1f4247,inset 0 1px 1px #ffffff26}38%{box-shadow:0 8px 21px #e92d4252,0 0 18px #ff475757,inset 0 1px 1px #fff}}@keyframes match-clock-tick{0%{filter:brightness(1)}42%{filter:brightness(1.23)}to{filter:brightness(1)}}.result-panel{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:18px;overflow:auto;background:#03173b4d;-webkit-backdrop-filter:blur(8px) saturate(.82);backdrop-filter:blur(8px) saturate(.82);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;pointer-events:none}.result-panel.visible{opacity:1;visibility:visible;pointer-events:auto}.result-card{--result-blue:#0767ec;--result-red:#ed2b36;position:relative;width:min(100%,425px);padding:clamp(25px,6vw,38px) clamp(20px,6vw,35px) clamp(20px,5vw,30px);overflow:hidden;border:2px solid rgba(255,255,255,.92);border-radius:30px;color:#112b53;text-align:center;background:radial-gradient(circle at 50% 13%,rgba(255,221,112,.17),transparent 26%),radial-gradient(circle at 0 58%,rgba(64,168,255,.15),transparent 31%),radial-gradient(circle at 100% 58%,rgba(255,86,92,.15),transparent 31%),#fffefcf7;box-shadow:-4px 0 14px #1cabff85,4px 0 14px #ff4d5b7a,0 24px 62px #02163959,inset 0 1px #fff;transform:translateY(16px) scale(.97);transition:transform .35s cubic-bezier(.16,.9,.25,1)}.result-panel.visible .result-card{transform:translateY(0) scale(1)}.result-emblem{width:min(76%,244px);aspect-ratio:2.62;margin:0 auto 6px;background:var(--result-emblem-image) center/contain no-repeat;filter:drop-shadow(0 7px 8px rgba(60,73,92,.12))}.result-card h1{position:relative;z-index:1;margin:0;color:#082951;font-size:clamp(37px,10.7vw,54px);line-height:.94;letter-spacing:-.075em}.result-subtitle{position:relative;z-index:1;min-height:20px;margin:9px 0 19px;color:#7d899d;font-size:clamp(12px,3.8vw,17px);font-weight:700;letter-spacing:-.035em}.result-score{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;margin:0 auto 19px;max-width:255px}.result-score b{font-size:clamp(57px,16vw,78px);line-height:.82;letter-spacing:-.09em}.result-score b:first-child{color:var(--result-blue)}.result-score b:last-child{color:var(--result-red)}.result-score i{height:40px;background:#374c6f52}.result-profiles{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(41,70,120,.12)}.result-profile{display:grid;grid-template-columns:clamp(40px,11vw,48px) minmax(0,1fr);column-gap:8px;align-items:center;min-width:0;text-align:left}.result-profile.bot{grid-template-columns:minmax(0,1fr) clamp(40px,11vw,48px);text-align:right}.result-profile.bot .avatar{grid-column:2;grid-row:1}.result-profile.bot>div{grid-column:1;grid-row:1}.result-profile .avatar{width:clamp(40px,11vw,48px);height:clamp(40px,11vw,48px);border-radius:50%;font-size:clamp(21px,6vw,27px)}.result-profile strong{display:block;overflow:hidden;font-size:clamp(10px,3.2vw,15px);font-weight:1000;letter-spacing:-.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.result-profile.is-long-name strong{font-size:clamp(9px,2.75vw,13px);letter-spacing:-.055em}.result-profile small{display:flex;align-items:center;gap:3px;margin-top:4px;color:#273e65;font-size:clamp(9px,2.7vw,12px);font-weight:800;letter-spacing:-.03em}.result-profile.bot small{justify-content:flex-end}.result-profile em{grid-column:1 / -1;display:inline-flex;align-items:center;gap:4px;justify-self:center;margin-top:12px;padding:6px 12px;border-radius:999px;color:#0762db;background:#94cfff3d;box-shadow:inset 0 1px 1px #ffffffb3;font-size:clamp(10px,3.4vw,14px);font-style:normal;font-weight:1000;letter-spacing:-.04em}.result-profile.bot em{color:#e51e32;background:#ffa0a940}.defeat .result-profile.player em{color:#0762db;background:#94cfff3d}.defeat .result-profile.bot em{color:#e51e32;background:#ffa0a940}.result-player-rating.rating-counting{color:#075fe4;text-shadow:0 0 10px rgba(23,128,255,.28)}.result-opponent-rating.rating-counting{color:#e51e32;text-shadow:0 0 10px rgba(255,63,82,.24)}.result-profile em:empty{display:none}.result-level{position:relative;z-index:1;margin-top:14px;padding:12px 13px 13px;border:1px solid rgba(63,100,159,.13);border-radius:17px;background:linear-gradient(145deg,#f1f8ffeb,#ffffffb8);box-shadow:inset 0 1px #fff;opacity:0;transform:translateY(7px) scale(.985);transition:opacity .25s ease,transform .35s cubic-bezier(.18,.86,.23,1.08)}.result-level.is-revealed{opacity:1;transform:none}.result-level-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:35px}.result-level-current{display:flex;align-items:center;gap:5px;color:#102f5b;font-size:clamp(10px,2.8vw,13px);font-weight:900;letter-spacing:.025em}.result-level-current img{width:34px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(20,82,152,.18))}.result-level-current b{font-size:1.14em}.result-level-xp{color:#637694;font-size:clamp(9px,2.55vw,11px);font-weight:900;white-space:nowrap}.result-level-gain{justify-self:center;padding:4px 7px;border-radius:999px;color:#0871dc;background:#3b9cff1f;font-size:clamp(9px,2.55vw,11px);font-weight:1000;opacity:0;transform:scale(.8);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.9,.25,1.25)}.result-level.is-revealed .result-level-gain{opacity:1;transform:none}.result-level-gain.is-zero{color:#8290a5;background:#697b9717}.result-level-track{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#39537c21;box-shadow:inset 0 1px 2px #17305524}.result-level-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1688ff,#37c9f4,#58de8a);box-shadow:0 0 10px #1da1ff7a;will-change:width}.result-level-up{position:absolute;left:50%;top:50%;padding:7px 13px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#087bf2,#17b5ef);box-shadow:0 7px 20px #006fe152;font-size:clamp(14px,4vw,18px);font-weight:1000;letter-spacing:.035em;opacity:0;transform:translate(-50%,-50%) scale(.72);pointer-events:none}.result-level.is-level-up .result-level-up{animation:result-level-up .52s cubic-bezier(.18,.9,.2,1.15) both}.result-level.is-level-up .result-level-current img{animation:result-level-icon-pop .52s ease both}.result-coins{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:64px;margin-top:10px;padding:10px 13px;border:1px solid rgba(235,158,18,.22);border-radius:17px;background:linear-gradient(145deg,#fffadcf2,#ffffffd1);box-shadow:inset 0 1px #fff;opacity:0;transform:translateY(7px) scale(.985);transition:opacity .25s ease,transform .35s cubic-bezier(.18,.86,.23,1.08);overflow:hidden}.result-coins.is-revealed{opacity:1;transform:none}.result-coins.is-unavailable,.result-coins.is-hidden{display:none}.result-coins.is-hiding{opacity:0;transform:translateY(-6px) scale(.98)}.result-coins-balance{grid-column:1 / 3;grid-row:1;display:flex;align-items:center;justify-content:center;gap:7px;color:#123263;font-size:clamp(19px,5vw,25px);font-weight:1000;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.result-coins.is-counting .result-coins-balance{transform:translate(clamp(86px,24vw,118px))}.result-coins.is-complete .result-coins-balance{transform:none}.result-coins-highlight,.result-coins-bonus{grid-column:1;grid-row:1;justify-self:start;max-width:66%;color:#9b5c00;font-size:clamp(10px,2.8vw,13px);font-weight:1000;letter-spacing:.02em;text-align:left;opacity:1;transition:opacity .16s ease,transform .2s ease}.result-coins-highlight.is-hidden{opacity:0;transform:translateY(-4px)}.result-coins-bonus{display:flex;align-items:center;gap:5px;color:#e68600;font-size:clamp(17px,4.5vw,22px);opacity:0;transform:translateY(5px) scale(.9)}.result-coins-bonus.is-visible{opacity:1;transform:none}.result-coins-skip{position:absolute!important;right:8px;top:5px;z-index:3;min-height:0!important;padding:3px 5px!important;border:0!important;color:#8b754c!important;background:transparent!important;box-shadow:none!important;font-size:9px!important;letter-spacing:.08em!important}.result-coins-skip[hidden]{display:none}@keyframes result-level-up{35%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-64%) scale(1.07)}}@keyframes result-level-icon-pop{45%{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 0 9px rgba(56,179,255,.7))}}.result-tutorial-copy{display:none;position:relative;z-index:1;margin:18px auto 0;max-width:330px;color:#546b89;font-size:clamp(13px,3.8vw,17px);font-weight:750;line-height:1.35}.result-tutorial-copy strong{display:block;margin-top:7px;color:#0967dc;font-size:.92em}.result-actions{position:relative;z-index:1;display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.result-actions.is-visible{display:grid;animation:result-actions-in .32s cubic-bezier(.18,.86,.23,1.08) both}@keyframes result-actions-in{0%{opacity:0;transform:translateY(7px) scale(.985)}}.result-card button{min-height:54px;border:1px solid rgba(255,255,255,.88);border-radius:16px;color:#fff;background:linear-gradient(135deg,#077cf2,#0756d8);font-family:inherit;font-size:clamp(11px,3.4vw,15px);font-weight:1000;letter-spacing:.01em;box-shadow:0 7px 14px #0055cb3d,inset 0 1px #ffffff61}.result-card button:active{transform:translateY(2px) scale(.98)}.result-card button span{margin-right:7px;font-size:1.45em;vertical-align:-.08em}.result-card .new-game{color:#16355e;background:linear-gradient(145deg,#fff,#f0efee);box-shadow:0 6px 13px #2836521f,inset 0 1px #fff}.result-card button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.58}.result-card button:disabled:active{transform:none}.result-card .restart{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:7px 10px}.result-card .restart .restart-icon{margin:0;font-size:1.45em}.result-card .restart b{min-width:0;font-size:clamp(10px,3.1vw,14px);white-space:nowrap}.rematch-cost{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:34px;padding:3px 4px;border-radius:8px;color:#fff4b1;background:#02287452;font-size:clamp(9px,2.7vw,12px);line-height:1;white-space:nowrap;box-shadow:inset 0 1px #ffffff2e}.rematch-energy-bolt{width:10px;height:14px;overflow:visible;filter:drop-shadow(0 1px 0 #9e6100)}.rematch-energy-bolt path{fill:#ffd22e;stroke:#e69200;stroke-width:1.4;stroke-linejoin:round}.result-card .restart.energy-unavailable{cursor:not-allowed;filter:grayscale(1) brightness(.9);opacity:.62}.result-card .restart.energy-unavailable:active{transform:none}.result-card .restart.network-rematch-requested{cursor:default;filter:saturate(.72);opacity:.72}.result-card .restart.network-rematch-requested:active{transform:none}.result-card .restart.network-rival-rematch-requested{border-color:#83ff9c;box-shadow:0 0 0 3px #2fd25d7a,0 0 19px #2dde678c,0 7px 14px #0055cb3d,inset 0 1px #ffffff8c;animation:network-rematch-invite 1.25s ease-in-out infinite}@keyframes network-rematch-invite{50%{filter:brightness(1.09);box-shadow:0 0 0 4px #5bff87b3,0 0 25px #2dde67ad,0 7px 14px #0055cb3d,inset 0 1px #ffffffa6}}.result-card .restart.energy-denied{animation:result-rematch-denied .36s ease both}.result-card .restart.energy-denied .rematch-cost{animation:result-rematch-cost-denied .58s ease both}@keyframes result-rematch-denied{0%,to{transform:translate(0)}24%{transform:translate(-5px)}48%{transform:translate(5px)}72%{transform:translate(-3px)}}@keyframes result-rematch-cost-denied{0%,to{color:#fff4b1}28%,58%{color:#fff;background:#d92f45;box-shadow:0 0 8px #d92f457a}}.result-panel.tutorial-complete{background:#02173761}.tutorial-complete .result-card{padding-top:26px;background:radial-gradient(circle at 50% 13%,rgba(255,213,66,.2),transparent 30%),radial-gradient(circle at 0 68%,rgba(40,163,255,.14),transparent 35%),radial-gradient(circle at 100% 68%,rgba(255,72,83,.12),transparent 35%),#fffefbfa}.tutorial-complete .result-emblem{width:min(68%,220px);aspect-ratio:1.83;margin-bottom:1px;background:none;filter:drop-shadow(0 8px 10px rgba(186,115,0,.2))}.tutorial-complete-emblem{display:block;width:100%;height:100%;overflow:visible;animation:tutorial-complete-emblem-in .6s cubic-bezier(.16,.88,.22,1.16) both}.tutorial-complete .result-card h1{max-width:340px;margin-inline:auto;font-size:clamp(34px,9.8vw,49px);line-height:.93;letter-spacing:-.065em}.tutorial-complete .result-subtitle{margin:9px 0 4px;color:#7d899d;font-size:clamp(14px,4vw,18px)}.tutorial-complete .result-score,.tutorial-complete .result-profiles,.tutorial-complete .result-level,.tutorial-complete .result-coins{display:none}.tutorial-complete .result-tutorial-copy{display:block}.tutorial-complete .result-actions{margin-top:22px}.tutorial-complete .result-card .restart b{white-space:normal;line-height:1.05}.tutorial-complete .rematch-cost{display:none}@keyframes tutorial-complete-emblem-in{0%{opacity:0;transform:translateY(-8px) scale(.84)}65%{transform:translateY(0) scale(1.05)}}.debug{position:absolute;left:8px;bottom:8px;white-space:pre;padding:7px;border-radius:6px;background:#000000bf;color:#8aff94;font:8px/1.35 monospace}.debug[hidden]{display:none}.pause-restart{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;padding:6px 8px}.pause-restart .pause-restart-icon{margin:0;font-size:1.22em}.pause-restart b{min-width:0;font-size:clamp(9px,2.8vw,12px);white-space:nowrap}.pause-restart .rematch-cost{display:inline-flex;margin:0;min-width:29px;padding:3px;color:#fff4b1;background:#02287452;font-size:clamp(8px,2.35vw,10px);line-height:1;letter-spacing:0;box-shadow:inset 0 1px #ffffff2e}.pause-restart .rematch-energy-bolt{width:9px;height:13px}.pause-restart.energy-unavailable{cursor:not-allowed;filter:grayscale(1) brightness(.9);opacity:.62}.pause-restart.energy-unavailable:active{transform:none}.pause-restart.energy-denied{animation:result-rematch-denied .36s ease both}.pause-restart.energy-denied .rematch-cost{animation:result-rematch-cost-denied .58s ease both}.rival-card__tutorial{position:absolute;z-index:7;top:8px;right:8px;padding:5px 10px 4px;border:2px solid #fff;border-radius:8px;color:#fff;background:linear-gradient(145deg,#ff3c45,#ca071d 70%);box-shadow:0 3px #8d0616,0 5px 10px #5b010e59,inset 0 1px #ffffff8c;font:1000 clamp(8px,2.25vw,11px)/1 system-ui,sans-serif;font-style:italic;letter-spacing:.055em;text-shadow:0 1px 2px rgba(79,0,8,.5);pointer-events:none;transform-origin:50% 50%;animation:tutorial-badge-pulse 2.15s ease-in-out infinite}@keyframes tutorial-badge-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.055);filter:brightness(1.14)}}.rival-coach{position:absolute;z-index:40;inset:0;pointer-events:none;opacity:1;transition:opacity .2s ease}.rival-coach.is-leaving{opacity:0}.rival-coach__spotlight{position:absolute;z-index:1;border:3px solid rgba(255,255,255,.98);border-radius:18px;box-shadow:0 0 0 9999px #031232b3,0 0 0 5px #1d8fffd9,0 0 28px 9px #1e9bffa3;transition:left .25s cubic-bezier(.2,.8,.2,1),top .25s cubic-bezier(.2,.8,.2,1),width .25s cubic-bezier(.2,.8,.2,1),height .25s cubic-bezier(.2,.8,.2,1);pointer-events:none}.rival-coach[data-step="3"] .rival-coach__spotlight{border-color:#fff;box-shadow:0 0 0 9999px #031232b3,0 0 0 6px #1d8ffff2,0 0 34px 12px #1e9bffc7}.rival-menu.coach-play-focus .rival-play-shell{z-index:41}.rival-menu.coach-play-focus .rival-play-shell:after{content:"";position:absolute;z-index:5;inset:-8px;border:3px solid #fff;border-radius:20px;background:#279cff24;box-shadow:0 0 0 9999px #031232bd,0 0 0 6px #1e90ffeb,0 0 34px 12px #1e9bffd6,inset 0 0 24px #fff3;animation:rival-play-focus 1.45s ease-in-out infinite;pointer-events:none}@keyframes rival-play-focus{50%{background:#279cff38;box-shadow:0 0 0 9999px #031232bd,0 0 0 8px #1e90ff,0 0 44px 16px #1e9bfff5,inset 0 0 30px #ffffff47}}.rival-coach__card{position:absolute;z-index:2;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);padding:22px 20px 18px;border:2px solid rgba(255,255,255,.98);border-radius:24px;color:#102d5c;background:linear-gradient(145deg,#fffffffc,#ebf4fffa);box-shadow:0 20px 50px #00133a6b,inset 0 1px #fff,0 0 0 2px #1e7eff52;text-align:center;pointer-events:auto;transform:translate(-50%)}.rival-coach__card>small{display:block;margin:0 34px 7px;color:#1376e7;font-size:10px;font-weight:1000;letter-spacing:.11em}.rival-coach__card h2{margin:0;color:#082969;font-size:clamp(24px,7vw,34px);line-height:.95;font-style:italic;letter-spacing:-.055em}.rival-coach__card p{margin:10px auto 15px;max-width:355px;color:#5b6981;font-size:clamp(12px,3.5vw,15px);font-weight:700;line-height:1.35}.rival-coach__skip{position:absolute;top:10px;right:12px;padding:5px;border:0;color:#8390a6;background:none;font:900 9px/1 system-ui;letter-spacing:.06em}.rival-coach__next{min-width:180px;min-height:45px;padding:8px 20px;border:1px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#118cf8,#0752da);box-shadow:0 7px 15px #0051c340,inset 0 1px #ffffff73;font:1000 14px/1 system-ui;font-style:italic}.rival-coach__next:active{transform:translateY(2px) scale(.98)}.rival-coach[data-step="2"] .rival-coach__card,.rival-coach[data-step="3"] .rival-coach__card{animation:rival-coach-action 1.8s ease-in-out infinite}.rival-coach[data-step="3"] .rival-coach__card{border-color:#fff;box-shadow:0 20px 50px #00133a6b,inset 0 1px #fff,0 0 0 4px #2396ffb8,0 0 22px #2f9eff7a}@keyframes rival-coach-action{50%{box-shadow:0 20px 50px #00133a6b,inset 0 1px #fff,0 0 0 4px #2396ff7a}}.match-tutorial{position:absolute;z-index:35;inset:0;color:#102e5b;font-family:inherit}.match-tutorial.is-hidden{display:none}.match-tutorial__spotlight{position:absolute;z-index:1;border:2px solid #fff;border-radius:20px;box-shadow:0 0 0 9999px #010a1cbd,0 0 0 5px #2395ffb8,0 0 28px #29a9ffc2;transition:left .24s ease,top .24s ease,width .24s ease,height .24s ease}.match-tutorial__court-spotlight{display:none;position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.match-tutorial__court-spotlight.is-visible{display:block}.match-tutorial__court-shade{fill:#010a1cbd}.match-tutorial__court-outline{fill:#1c97ff14;stroke:#59c9ff;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(32,174,255,.95))}.match-tutorial__court-spotlight[data-tone=red] .match-tutorial__court-outline{fill:transparent;stroke:#ff4b5c;filter:drop-shadow(0 0 8px rgba(255,41,61,.95))}.match-tutorial__court-spotlight.is-static .match-tutorial__court-outline{animation:tutorial-court-outline 1.15s ease-in-out infinite}.match-tutorial__court-spotlight.is-tour[data-tone=red] .match-tutorial__court-outline{animation:tutorial-court-red-pulse .82s ease-out 1}.match-tutorial__court-spotlight.is-arrived .match-tutorial__court-outline{animation:tutorial-court-blue-arrive .7s ease-out 1}@keyframes tutorial-court-outline{50%{stroke-width:5;filter:drop-shadow(0 0 13px rgba(60,195,255,1))}}@keyframes tutorial-court-red-pulse{45%{stroke-width:6;filter:drop-shadow(0 0 16px rgba(255,42,61,1))}}@keyframes tutorial-court-blue-arrive{45%{stroke-width:6;fill:#28a9ff2b;filter:drop-shadow(0 0 17px rgba(55,191,255,1))}}.match-tutorial__card{position:absolute;z-index:2;left:50%;bottom:max(17px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);padding:20px 20px 18px;border:2px solid rgba(255,255,255,.98);border-radius:25px;background:linear-gradient(150deg,#fffffffc,#e7f3fffa);box-shadow:0 22px 58px #000c2680,0 0 0 2px #157eff5c,inset 0 1px #fff;text-align:center;transform:translate(-50%);transition:transform .38s cubic-bezier(.55,.02,.75,.25),opacity .28s ease;animation:tutorial-card-in .28s cubic-bezier(.16,.88,.22,1.12) both}.match-tutorial__card.is-offscreen{opacity:0;transform:translate(-50%,calc(100% + 42px));pointer-events:none}@keyframes tutorial-card-in{0%{opacity:0;transform:translate(-50%,16px) scale(.97)}}.match-tutorial__eyebrow{display:block;margin-bottom:7px;color:#1378e6;font-size:10px;font-weight:1000;letter-spacing:.11em}.match-tutorial__card h2{margin:0;color:#082969;font-size:clamp(25px,7.5vw,36px);line-height:.95;font-style:italic;letter-spacing:-.06em}.match-tutorial__card p{margin:10px auto;color:#5d6d84;font-size:clamp(12px,3.55vw,15px);font-weight:700;line-height:1.34}.match-tutorial__visual{min-height:45px;display:grid;place-items:center;margin:11px auto 13px}.match-tutorial__visual[hidden]{display:none;min-height:0;margin:0}.match-tutorial__card>button{min-width:210px;min-height:46px;padding:9px 19px;border:1px solid #fff;border-radius:15px;color:#fff;background:linear-gradient(135deg,#118cf8,#0752da);box-shadow:0 7px 16px #004cbe45,inset 0 1px #ffffff80;font:1000 14px/1 system-ui;font-style:italic;letter-spacing:.015em}.match-tutorial__card>button:active{transform:translateY(2px) scale(.98)}.match-tutorial__action{display:none;position:absolute;z-index:3;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 30px),380px);padding:12px 17px;border:1px solid rgba(255,255,255,.92);border-radius:18px;color:#fff;background:linear-gradient(135deg,#052b66e8,#055bc4e8);box-shadow:0 10px 25px #00102e52,inset 0 1px #ffffff40;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.match-tutorial__action strong{display:block;font-size:14px;font-style:italic;letter-spacing:.025em}.match-tutorial__action span{display:block;margin-top:3px;color:#cde8ff;font-size:10px;font-weight:750;line-height:1.25}.match-tutorial.is-action{pointer-events:none}.match-tutorial.is-action .match-tutorial__spotlight,.match-tutorial.is-action .match-tutorial__card{display:none}.match-tutorial.is-action .match-tutorial__action{display:block;animation:tutorial-action-in .25s ease both}@keyframes tutorial-action-in{0%{opacity:0;transform:translate(-50%,10px)}}.tutorial-score{display:flex;align-items:center;gap:9px;color:#082969}.tutorial-score b{font-size:9px}.tutorial-score strong{font-size:29px}.tutorial-score i{color:#8a98ac;font-size:10px;font-style:normal}.tutorial-court-sides{position:relative;display:grid;grid-template-rows:1fr 3px 1fr;width:174px;height:62px;overflow:hidden;border:2px solid rgba(87,170,242,.72);border-radius:13px 13px 21px 21px;box-shadow:inset 0 1px #ffffffbf,0 4px 9px #09439124}.tutorial-court-sides b,.tutorial-court-sides strong{display:grid;place-items:center;font-size:9px;font-style:italic;letter-spacing:.12em}.tutorial-court-sides b{color:#d72b43;background:#ff596a2e}.tutorial-court-sides i{background:#fffffff2}.tutorial-court-sides strong{color:#0874dd;background:#1482ef3d}.tutorial-gesture,.tutorial-aim{position:relative;width:176px;height:58px;overflow:hidden;border:2px solid #c5e0fa;border-radius:15px;background:linear-gradient(150deg,#f9fdff,#e6f4ff);box-shadow:inset 0 1px #fff}.tutorial-gesture:before,.tutorial-aim:before{content:"";position:absolute;left:26px;bottom:11px;width:17px;height:17px;border:3px solid #1489ee;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #41baff2e}.tutorial-gesture i,.tutorial-aim i{position:absolute;left:43px;bottom:19px;width:92px;height:3px;border-radius:4px;background:linear-gradient(90deg,#1d97f4,#78d1ff);transform:rotate(-26deg);transform-origin:left center}.tutorial-gesture i:after,.tutorial-aim i:after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:3px solid #1d97f4;border-right:3px solid #1d97f4;transform:rotate(45deg)}.tutorial-gesture span{position:absolute;right:23px;top:10px;width:16px;height:16px;border-radius:50%;background:#ff5063;box-shadow:0 0 0 5px #ff50631f}.tutorial-gesture b{position:absolute;right:13px;bottom:7px;color:#58708d;font-size:7px;letter-spacing:.1em}.tutorial-target{position:relative;width:166px;height:58px;display:grid;place-items:center}.tutorial-target i{width:27px;height:27px;border:3px solid #18a0f2;border-radius:50%;box-shadow:0 0 0 6px #2db7ff2e,0 0 14px #28b0ffb8}.tutorial-target i:after{content:"";display:block;width:7px;height:7px;margin:7px;border-radius:50%;background:#1688ed}.tutorial-target span{position:absolute;left:28px;bottom:10px;width:28px;height:9px;border:3px solid #086bd4;border-radius:99px;transform:rotate(-33deg)}.tutorial-target b{position:absolute;right:1px;bottom:7px;color:#58708d;font-size:7px;letter-spacing:.1em}.tutorial-aim{background:linear-gradient(180deg,#ff5f6d24 0 43%,#fffffff5 43% 47%,#1482ef29 47%)}.tutorial-aim:before{left:26px;bottom:9px;width:13px;height:13px}.tutorial-aim i{left:41px;bottom:15px;width:103px;transform:rotate(-35deg)}.tutorial-aim b,.tutorial-aim strong{position:absolute;color:#0874dd;font-size:7px;letter-spacing:.09em}.tutorial-aim b{left:13px;bottom:4px}.tutorial-aim strong{right:10px;top:7px;color:#de3048}.tutorial-rally-steps{display:flex;align-items:center;justify-content:center;gap:7px;color:#63758d;font-size:8px;font-weight:1000;letter-spacing:.06em}.tutorial-rally-steps span{padding:7px 8px;border:1px solid #c6e0f8;border-radius:99px;color:#0874dd;background:#f6fbff}.tutorial-rally-steps i{color:#6e8cb1;font-size:14px;font-style:normal}.pause-restart.tutorial-disabled{opacity:.42;filter:grayscale(1) brightness(.9);cursor:not-allowed;animation:none!important}.pause-restart.tutorial-disabled:active{transform:none!important}.account-chip{position:absolute;z-index:48;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;max-width:min(44vw,210px);min-height:45px;padding:5px 12px 5px 6px;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:999px;color:#0a2d68;background:linear-gradient(145deg,#fffffff7,#e0effff0);box-shadow:0 7px 18px #001c4e40,inset 0 1px #fff,0 0 0 2px #1f84ff38;font-family:inherit;text-align:left;touch-action:manipulation;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;transform:translateY(-7px) scale(.97);transition:opacity .24s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}.account-chip.is-visible{opacity:1;transform:none}.account-chip.is-leaving{opacity:0;transform:translateY(-7px) scale(.97);pointer-events:none}.account-chip:hover{border-color:#fff;box-shadow:0 10px 24px #001c4e4d,inset 0 1px #fff,0 0 0 3px #1f84ff40}.account-chip:active{transform:translateY(1px) scale(.98)}.account-chip:focus-visible{outline:3px solid #66c7ff;outline-offset:2px}.account-chip__avatar-wrap{position:relative;flex:0 0 33px;width:33px;height:33px}.account-chip__avatar-wrap i{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#21c980;box-shadow:0 1px 4px #00503052}.account-chip__avatar{flex:0 0 33px;display:grid;place-items:center;width:33px;height:33px;overflow:hidden;border:2px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(145deg,#159cff,#0754dc);box-shadow:0 2px 7px #0042a640;font-size:15px;font-weight:1000;object-fit:cover}.account-chip>span:nth-child(2){min-width:0;display:block}.account-chip small,.account-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{color:#4f78ad;font-size:7px;font-weight:1000;letter-spacing:.12em}.account-chip b{max-width:145px;font-size:10px;font-weight:1000;letter-spacing:-.02em}.account-chip .account-chip__chevron{flex:0 0 auto;margin-left:1px;color:#4d79ad;font:900 20px/1 system-ui;transform:translate(0);transition:transform .22s ease}.account-chip:hover .account-chip__chevron{transform:translate(2px)}.account-modal{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));opacity:0;transition:opacity .22s ease}.account-modal.is-open{opacity:1}.account-modal__scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#010a1eb8;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:backdrop-filter .28s ease,background .28s ease}.account-modal.is-open .account-modal__scrim{background:#010a1ec2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-card{position:relative;width:min(100%,410px);max-height:min(88vh,680px);overflow:auto;padding:26px 24px 23px;border:2px solid rgba(255,255,255,.98);border-radius:27px;color:#14325e;background:radial-gradient(circle at 12% 0,rgba(31,153,255,.17),transparent 33%),radial-gradient(circle at 100% 100%,rgba(255,50,68,.1),transparent 38%),linear-gradient(155deg,#fff,#edf5ff);box-shadow:0 28px 70px #000c2a85,inset 0 1px #fff,0 0 0 3px #2285ff33;opacity:0;transform:translateY(24px) scale(.955);transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .2s ease}.account-modal.is-open .account-card{transform:none}.account-modal.is-open .account-card{opacity:1}.account-card__close{position:absolute;z-index:2;top:10px;right:11px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#61748f;background:#e2edfbc2;font:800 25px/1 system-ui;touch-action:manipulation}.account-card__close:focus-visible,.account-card button:focus-visible{outline:3px solid #38a8ff;outline-offset:2px}.account-card__body{animation:account-body-enter .28s cubic-bezier(.2,.8,.2,1) both}.account-card__body header{padding:1px 35px 15px 0;border-bottom:1px solid rgba(42,85,143,.12)}.account-card__body header small{display:block;color:#1682ec;font-size:9px;font-weight:1000;letter-spacing:.14em}.account-card__body h2{margin:4px 0 0;color:#092a68;font-size:clamp(25px,7vw,34px);line-height:.95;font-style:italic;font-weight:1000;letter-spacing:-.055em}.account-profile{display:flex;align-items:center;gap:13px;margin:12px 0 0;padding:13px;border:1px solid rgba(66,126,194,.16);border-radius:18px;background:#ffffffb8;box-shadow:inset 0 1px #fff,0 7px 20px #1c49850f}.account-profile__avatar{flex:0 0 58px;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:3px solid #fff;border-radius:17px;color:#fff;background:linear-gradient(145deg,#159cff,#0754dc);box-shadow:0 5px 13px #004ab333;font-size:25px;font-weight:1000}.account-profile__avatar img{width:100%;height:100%;object-fit:cover}.account-profile__identity{min-width:0;flex:1}.account-profile__identity small{display:block;margin-bottom:2px;color:#6f87a4;font-size:7px;font-weight:1000;letter-spacing:.11em}.account-profile strong,.account-profile span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile strong{color:#0a2e68;font-size:17px;font-weight:1000}.account-profile span{margin-top:3px;color:#4f7ba9;font-size:9px;font-weight:800}.account-profile__edit{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(38,123,215,.18);border-radius:12px;color:#0876df;background:linear-gradient(145deg,#fff,#eaf4ff);box-shadow:0 4px 10px #1b5aa41a;font:900 18px/1 system-ui;transition:transform .18s ease,opacity .18s ease}.account-profile__edit>span{display:block;margin:0;overflow:visible;color:inherit;font:inherit;line-height:1;text-overflow:clip;transform:scaleX(-1)}.account-profile__edit:not(:disabled):hover{transform:translateY(-1px) rotate(-4deg)}.account-profile__edit:disabled{opacity:.38;filter:grayscale(.5)}.account-nickname-editor{margin:8px 0 12px;padding:13px;border:1px solid rgba(31,119,218,.22);border-radius:16px;background:#ffffffd1;box-shadow:0 10px 25px #1a52941a,inset 0 1px #fff;animation:account-editor-open .3s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}.account-nickname-editor label{display:block;margin-bottom:7px;color:#176fc9;font-size:8px;font-weight:1000;letter-spacing:.09em}.account-nickname-editor>div{position:relative}.account-nickname-editor input{width:100%;height:45px;padding:0 56px 0 12px;border:2px solid #c7def5;border-radius:12px;outline:0;color:#0b326b;background:#fafdff;font:900 15px/1 inherit;transition:border-color .18s ease,box-shadow .18s ease}.account-nickname-editor input:focus{border-color:#238fe9;box-shadow:0 0 0 4px #238fe921}.account-nickname-editor>div>span{position:absolute;right:11px;top:50%;color:#7890aa;font-size:9px;font-weight:900;transform:translateY(-50%)}.account-nickname-editor>small{display:block;margin:7px 1px 2px;color:#74869c;font-size:8px;font-weight:700;line-height:1.35}.account-nickname-editor footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.account-nickname-editor footer button{min-height:42px;margin-top:9px;font-size:10px}.account-status{display:inline-flex;align-items:center;min-height:27px;margin-top:14px;padding:5px 11px;border-radius:999px;font-size:9px;font-weight:1000;letter-spacing:.08em}.account-status--guest{color:#805d00;background:#fff1af}.account-status--linked{color:#fff;background:linear-gradient(135deg,#168fe9,#1970dc);box-shadow:0 4px 10px #006bd833}.account-status--offline{color:#5f6e82;background:#e6ebf2}.account-status--warning{color:#9b1727;background:#ffd7dc}.account-card__body>p{margin:13px 1px 18px;color:#64748c;font-size:12px;font-weight:700;line-height:1.42}.account-primary,.account-secondary{width:100%;min-height:49px;margin-top:9px;padding:9px 14px;border:1px solid #fff;border-radius:15px;font-family:inherit;font-size:12px;font-style:italic;font-weight:1000;letter-spacing:.025em;touch-action:manipulation}.account-primary{color:#fff;background:linear-gradient(135deg,#118df6,#0752d8);box-shadow:0 8px 17px #004ebc40,inset 0 1px #ffffff7a}.account-primary:disabled{color:#8390a3;background:#dfe6ef;box-shadow:inset 0 1px #fff}.account-secondary{color:#24456e;background:linear-gradient(145deg,#fff,#eef2f7);box-shadow:0 5px 12px #1830531a,inset 0 1px #fff}.account-secondary--danger{color:#c32337}.account-primary:not(:disabled):active,.account-secondary:active{transform:translateY(2px) scale(.985)}.account-notice{margin:14px 0 -2px;padding:10px 12px;border-radius:13px;font-size:10px;font-weight:800;line-height:1.35}.account-notice--success{color:#086b3f;background:#d9f6e5}.account-notice--error{color:#a72434;background:#ffe0e4}.account-progress{margin:12px 0 3px;padding:9px 11px;border-radius:12px;color:#176a43;background:#dff6e8;font-size:9px;font-weight:1000;letter-spacing:.055em}.account-progress--offline,.account-progress--error{color:#6b5b28;background:#fff1ba}.account-progress--dirty,.account-progress--syncing{color:#155f9c;background:#dcedff}.account-progress--conflict{padding:13px;color:#7f2330;background:#ffe4e7;letter-spacing:0}.account-progress--conflict>strong{display:block;font-size:11px;letter-spacing:.06em}.account-progress--conflict>p{margin:6px 0 10px;color:#7b4b55;font-size:10px;line-height:1.35}.account-progress--conflict>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-progress--conflict small{padding:7px;border-radius:9px;color:#5f6471;background:#ffffffb3;font-size:7px;line-height:1.4}.account-progress--conflict small b{color:#18365e;font-size:8px}.account-loader{display:grid;place-items:center;min-height:260px;color:#0b65d8;font-size:10px;font-weight:1000;letter-spacing:.09em}.account-loader i{width:42px;height:42px;margin-bottom:12px;border:4px solid #dbeaff;border-top-color:#147eed;border-radius:50%;animation:account-loader-spin .75s linear infinite}@keyframes account-loader-spin{to{transform:rotate(360deg)}}@keyframes account-body-enter{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes account-editor-open{0%{opacity:0;transform:translateY(-7px) scaleY(.94)}to{opacity:1;transform:none}}@media(max-width:360px){.account-chip{top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));max-width:42vw;min-height:40px;padding:4px 9px 4px 5px}.account-chip__avatar{flex-basis:30px;width:30px;height:30px}.account-chip b{max-width:92px;font-size:9px}.account-card{padding:23px 18px 19px;border-radius:23px}}@media(max-height:700px){.match-tutorial__card{padding:14px 17px 13px}.match-tutorial__card p{margin:7px auto}.match-tutorial__visual{min-height:34px;margin:7px auto 9px}.match-tutorial__card>button{min-height:41px}.rival-coach__card{padding:16px 18px 13px}.rival-coach__card p{margin:7px auto 10px}}@media(prefers-reduced-motion:reduce){.rival-card__tutorial,.mode-menu__tutorial-badge,.mode-menu.has-career-coach .mode-menu__buttons [data-mode=bot]:after,.rival-menu.coach-play-focus .rival-play-shell:after,.rival-coach[data-step="2"] .rival-coach__card,.rival-coach[data-step="3"] .rival-coach__card,.tutorial-timing b,.tutorial-device-icon,.match-tutorial__court-outline,.account-loader i{animation:none}}@media(min-width:1100px)and (min-height:650px)and (max-width:1399px){.rival-card__info strong,.rival-card.boss .rival-card__info strong{font-size:clamp(21px,1.85vw,25px)}.rival-card__info b,.rival-card.boss .rival-card__info b{font-size:14px}.rival-card__info em,.rival-card.boss .rival-card__info em,.rival-card.group-gate .rival-card__info em{font-size:10px}}.start-menu__background,.mode-menu>.menu-screen__background{object-position:50% 52%}.menu-utility{position:absolute;z-index:12;left:50%;bottom:max(4.4%,env(safe-area-inset-bottom));width:min(36%,178px);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,3.3vw,22px);pointer-events:auto;transform:translate(-50%);opacity:0}.menu-utility button{position:relative;overflow:hidden;padding:0;border:0;cursor:pointer;filter:drop-shadow(0 7px 8px rgba(0,19,66,.38));transition:transform .15s ease,filter .15s ease}.menu-utility__button{aspect-ratio:1;background-color:transparent;background-image:var(--utility-art);background-repeat:no-repeat;background-size:contain;background-position:center}.menu-utility-glint{z-index:2;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.menu-utility button:active{transform:translateY(3px) scale(.95);filter:brightness(.95) drop-shadow(0 3px 5px rgba(0,19,66,.35))}.menu-utility button:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:12px}.menu-utility-toast{position:absolute;z-index:20;left:50%;bottom:17%;padding:9px 14px;border:1px solid rgba(255,255,255,.75);border-radius:999px;color:#fff;background:#001d58d1;box-shadow:0 8px 20px #00124242;font-size:9px;font-weight:1000;letter-spacing:.11em;opacity:0;transform:translate(-50%,9px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;white-space:nowrap}.menu-utility-toast.is-visible{opacity:1;transform:translate(-50%)}.start-menu.is-ready .menu-utility{animation:menu-utility-arrive .48s cubic-bezier(.13,.9,.2,1.08) 1.7s both}.start-menu.is-leaving .menu-utility{animation:menu-ui-fade .25s ease-in both!important}@keyframes menu-utility-arrive{to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(min-aspect-ratio:4/3){.menu-utility{bottom:max(5.2%,env(safe-area-inset-bottom));width:min(25%,178px)}}@media(max-height:640px)and (max-aspect-ratio:4/3){.menu-utility{bottom:max(.7%,env(safe-area-inset-bottom))}}.shop-menu{--shop-blue:#0768ee;--shop-ink:#0a214d;--shop-width:min(100%,430px);--shop-display-font:"Arial Narrow","Roboto Condensed",Impact,system-ui,sans-serif;z-index:110;display:grid;grid-template-rows:112px 56px minmax(0,1fr);align-content:stretch;gap:9px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;color:var(--shop-ink);opacity:0;background:#0a64c8;transition:opacity .28s ease;touch-action:manipulation}.shop-menu.is-ready{opacity:1}.shop-menu__header,.shop-tabs,.shop-catalog{opacity:0;will-change:transform,opacity}.shop-menu.is-ready .shop-menu__header{animation:shop-shell-enter .48s cubic-bezier(.16,.88,.22,1.08) .04s both}.shop-menu.is-ready .shop-tabs{animation:shop-shell-enter .48s cubic-bezier(.16,.88,.22,1.08) .12s both}.shop-menu.is-ready .shop-catalog{animation:shop-catalog-enter .55s cubic-bezier(.16,.88,.22,1.05) .19s both}.shop-menu__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#eff9ffd6,#d9edffad 24%,#014ab042);-webkit-backdrop-filter:blur(5px) saturate(.8);backdrop-filter:blur(5px) saturate(.8)}.shop-menu__header{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) max-content;align-items:start;width:var(--shop-width);height:112px;margin:0 auto}.shop-menu__back{position:relative;top:3px;left:0;width:52px;height:52px;font-size:34px;transition:transform .16s ease,filter .16s ease}.shop-menu__back:active{transform:translateY(3px) scale(.92);filter:brightness(.96)}.shop-menu__brand{display:grid;justify-items:center;align-content:start;line-height:1;filter:drop-shadow(0 4px 7px rgba(255,255,255,.48))}.shop-menu__brand img{width:min(100%,222px);height:104px;object-fit:contain}.shop-wallet{position:relative;z-index:3;grid-column:3;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(var(--shop-width) - 58px)}.shop-wallet__coins,.shop-wallet__level{width:max-content;min-height:43px;padding:5px 7px;border:2px solid rgba(255,255,255,.94);border-radius:17px;background:linear-gradient(145deg,#fffffffa,#eef6fff0);box-shadow:0 5px #a9bbdab3,0 8px 18px #0c367829,inset 0 1px #fff;color:#071f50;font-family:Inter,Arial Black,system-ui,sans-serif;font-size:19px;font-style:italic;font-weight:950;line-height:1;letter-spacing:-.045em;white-space:nowrap}.shop-wallet__coins{display:grid;grid-template-columns:31px max-content 34px;align-items:center;justify-content:center;column-gap:8px;min-width:130px}.shop-wallet__coins b,.shop-wallet__level b{display:block;min-width:0;line-height:1;white-space:nowrap;text-shadow:0 1px 0 #fff}.shop-wallet__coins>.shop-coin{width:31px;height:31px;font-size:18px;justify-self:center}.shop-wallet__coins button{display:grid;place-items:center;width:34px;height:34px;padding:0 0 2px;border:0;border-radius:10px;color:#075bd5;background:#fff;box-shadow:0 2px 6px #0e356933;font:1000 27px/1 Inter,system-ui,sans-serif;transition:transform .15s ease,box-shadow .15s ease,color .15s ease}.shop-wallet__coins button:active{transform:translateY(2px) scale(.9);box-shadow:0 1px 2px #0e35692e}.shop-wallet__coins.is-spending{animation:shop-wallet-spend .55s cubic-bezier(.2,.8,.22,1)}.shop-wallet__coins.is-spending .shop-coin{animation:shop-coin-spend .55s ease}.shop-wallet__level{display:grid;grid-template-columns:31px max-content;align-items:center;justify-content:center;column-gap:9px;min-width:106px;padding-inline:11px;font-size:17px}.shop-wallet__level img{display:block;width:31px;height:31px;object-fit:contain;justify-self:center}.shop-coin{display:inline-grid;place-items:center;flex:0 0 auto;width:1.35em;height:1.35em;border:2px solid #fff7b0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ffc721,#ff7b00);box-shadow:0 1px #ad4d00,0 2px 5px #843f0040;font:1000 .78em/1 system-ui,sans-serif;font-style:normal}.shop-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:var(--shop-width);height:56px;margin:0 auto;border:2px solid rgba(255,255,255,.92);border-radius:22px;overflow:hidden;background:#fafcfff0;box-shadow:0 6px #a6bbddbf,0 11px 26px #00317b3d,inset 0 1px #fff}.shop-tabs__selector{position:absolute;z-index:0;inset:0 auto 0 0;width:33.333%;border:2px solid #3d89f4;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 3px 10px #0066f036,inset 0 -3px #0e68eb;transform:translate(0);transition:transform .36s cubic-bezier(.2,.8,.2,1);pointer-events:none;overflow:hidden}.shop-tabs__selector i{position:absolute;top:-35%;bottom:-35%;left:-42%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skew(-18deg)}.shop-tabs[data-active-category=avatars] .shop-tabs__selector{transform:translate(100%)}.shop-tabs[data-active-category=badges] .shop-tabs__selector{transform:translate(200%)}.shop-tabs button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;color:#58677f;background:transparent;font:1000 italic 15px/1 var(--shop-display-font);letter-spacing:-.035em;cursor:pointer;transition:color .24s ease,transform .16s ease,text-shadow .24s ease}.shop-tabs button:active{transform:scale(.94)}.shop-tabs button+button:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:#dce3ef}.shop-tab__icon{width:26px;height:26px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.shop-tab__icon--racket{overflow:visible;stroke-width:3.6}.shop-tab__icon--badge{width:29px}.shop-tabs button.is-active{color:var(--shop-blue);text-shadow:0 1px 0 #fff}.shop-tabs button.is-active .shop-tab__icon{animation:shop-tab-icon-pop .38s cubic-bezier(.18,.9,.2,1.18)}.shop-tabs button.is-active~.shop-tabs__selector i,.shop-tabs[data-active-category] .shop-tabs__selector i{animation:shop-selector-glint .62s ease-out}.shop-catalog{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:var(--shop-width);min-height:0;margin:0 auto;padding:13px 11px 9px;border:2px solid rgba(255,255,255,.88);border-radius:28px;overflow:hidden;background:linear-gradient(155deg,#fffffff7,#f1f6fdf2);box-shadow:0 15px 36px #0026694d,inset 0 1px #fff}.shop-catalog.is-transitioning{pointer-events:none}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;will-change:transform,opacity}.shop-grid.is-leaving-left{animation:shop-grid-leave-left .15s ease-in both}.shop-grid.is-leaving-right{animation:shop-grid-leave-right .15s ease-in both}.shop-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto 32px;align-items:center;justify-items:center;min-width:0;min-height:0;padding:8px 7px 7px;border:1px solid #d9e0eb;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#fff,#f3f6fa);box-shadow:0 3px 7px #18315c21,inset 0 1px #fff;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.shop-card:after{content:"";position:absolute;z-index:5;top:-35%;bottom:-35%;left:-62%;width:30%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent);transform:skew(-19deg);pointer-events:none}.shop-grid[data-motion=open] .shop-card.is-entering{animation:shop-card-enter-up .48s cubic-bezier(.15,.84,.2,1.08) calc(var(--shop-order) * 38ms) both}.shop-grid[data-motion=from-right] .shop-card.is-entering{animation:shop-card-enter-right .42s cubic-bezier(.18,.84,.22,1.06) calc(var(--shop-order) * 28ms) both}.shop-grid[data-motion=from-left] .shop-card.is-entering{animation:shop-card-enter-left .42s cubic-bezier(.18,.84,.22,1.06) calc(var(--shop-order) * 28ms) both}.shop-card.is-just-purchased{z-index:4;animation:shop-card-purchased .66s cubic-bezier(.18,.86,.2,1.12) both}.shop-card.is-just-purchased:after{animation:shop-card-shine .65s ease-out both}.shop-card.is-just-equipped{z-index:4;animation:shop-card-equipped .52s cubic-bezier(.18,.86,.2,1.12) both}.shop-card.is-action-denied{animation:shop-card-denied .36s ease both}.shop-card__art{display:grid;place-items:center;width:100%;min-height:0;overflow:hidden}.shop-card__art img{display:block;width:auto;height:100%;max-width:95%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(8,21,49,.24))}.shop-card[data-racket-id=racket-002] .shop-card__art img{transform:scale(1.17)}.shop-card--avatar .shop-card__art{width:min(100%,112px);aspect-ratio:1;margin:auto;border-radius:12px;background:#e8edf4;box-shadow:inset 0 0 0 1px #1b366114}.shop-card--avatar .shop-card__art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}.shop-card--badge .shop-card__art{position:relative;width:min(100%,116px);aspect-ratio:1;margin:auto;border-radius:12px;overflow:visible;background:linear-gradient(145deg,#edf1f6,#dfe5ed);box-shadow:inset 0 0 0 1px #1b366114}.shop-card--badge .shop-card__avatar-ghost{position:absolute;inset:14% 18% 10%;opacity:.42;background:radial-gradient(circle at 50% 22%,#8f98a6 0 20%,transparent 21%),radial-gradient(ellipse at 50% 83%,#8f98a6 0 42%,transparent 43%)}.shop-card--badge .shop-card__art img{position:absolute;z-index:2;left:50%;bottom:2%;width:112%;height:auto;max-width:none;max-height:45%;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 3px 2px rgba(8,21,49,.28))}.shop-card__no-badge-mark{position:relative;z-index:2;display:grid;place-items:center;width:38%;aspect-ratio:1;border:2px solid #9ba7b8;border-radius:50%;color:#8995a6;background:#ffffffbd;font-size:30px;font-weight:900;line-height:1}.shop-card__telegram-mark{display:grid;place-items:center;width:100%;height:100%;color:#fff;background:linear-gradient(145deg,#34b7f1,#087cd3);font-size:40px;text-shadow:0 2px 4px rgba(0,49,95,.25)}.shop-card h3{width:100%;margin:3px 0 1px;color:#091c45;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font:1000 italic 12px/1 var(--shop-display-font);letter-spacing:-.035em}.shop-card__price,.shop-card__owned,.shop-card__require{display:flex;align-items:center;justify-content:center;min-height:19px;color:#24395f;font:1000 italic 10px/1 var(--shop-display-font);white-space:nowrap}.shop-card__price .shop-coin{margin-right:3px;font-size:1.05em}.shop-card__owned{color:#14825c}.shop-card__require{color:#6c7c96;letter-spacing:-.04em}.shop-card>button{position:relative;width:100%;height:30px;padding:2px;border:1.5px solid #1470f4;border-radius:9px;color:#0864e8;background:#fff;font:1000 italic 13px/1 var(--shop-display-font);cursor:pointer;transition:transform .14s ease,box-shadow .16s ease,filter .16s ease,background .2s ease,color .2s ease}.shop-card>button:not(:disabled):active{transform:translateY(2px) scale(.95);filter:brightness(.96);box-shadow:none}.shop-card.is-equipped>button{color:#fff;background:linear-gradient(145deg,#167cf7,#0757db);box-shadow:0 3px #0643ac}.shop-card.is-level-locked .shop-card__art{filter:grayscale(1);opacity:.55}.shop-card.is-level-locked>button,.shop-card.is-expensive>button{color:#75839a;border-color:#a5afbf;background:#e8ecf2}.shop-card__check,.shop-card__lock{position:absolute;z-index:2;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#ef2639;border-radius:0 0 11px;font:1000 23px/1 system-ui,sans-serif;box-shadow:2px 2px 5px #8211193d}.shop-card__lock img{display:block;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(107,8,14,.24))}.shop-pagination{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:6px;min-height:42px;padding-top:7px}.shop-pagination>button{display:grid;place-items:center;width:100%;height:36px;padding:0;border:1px solid #d4dce8;border-radius:10px;color:#0a5fd5;background:#fff;box-shadow:0 2px 4px #20375c26;transition:transform .14s ease,box-shadow .14s ease,opacity .18s ease}.shop-pagination__arrow>i{display:block;width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;border-radius:1px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.72))}.shop-pagination__arrow--previous>i{transform:rotate(-135deg);margin-left:5px}.shop-pagination__arrow--next>i{transform:rotate(45deg);margin-right:5px}.shop-pagination>button:not(:disabled):active{transform:translateY(2px) scale(.91);box-shadow:0 1px 2px #20375c1f}.shop-pagination>button:disabled{opacity:.35}.shop-pagination>div{display:flex;justify-content:center;gap:9px}.shop-page-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#c9d1df;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.shop-page-dot:active{transform:scale(.75)}.shop-page-dot.is-active{background:#126df1;box-shadow:0 0 0 3px #126df11f;transform:scale(1.16)}.shop-empty{place-self:center;text-align:center;color:#506583}.shop-empty:not([hidden]){display:grid;justify-items:center}.shop-empty span{font-size:clamp(52px,18vw,110px);opacity:.22}.shop-empty h2{margin:4px 0;font-size:clamp(22px,7vw,42px);font-style:italic}.shop-empty p{margin:0;font-size:clamp(9px,2.5vw,14px);font-weight:900;letter-spacing:.1em}.shop-toast{position:absolute;z-index:12;left:50%;bottom:max(24px,env(safe-area-inset-bottom));padding:10px 17px;border:2px solid #fff;border-radius:999px;color:#fff;background:#042a68f0;box-shadow:0 9px 24px #00164454;font-size:clamp(9px,2.8vw,13px);font-weight:1000;letter-spacing:.05em;opacity:0;pointer-events:none;transform:translate(-50%,12px) scale(.95);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.shop-toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:480px){.shop-catalog{padding:11px 9px 8px}.shop-grid{gap:8px}.shop-card{grid-template-rows:minmax(0,1fr) 14px 14px 29px;row-gap:1px;padding:6px 5px 5px;border-radius:15px}.shop-card__art{align-self:stretch;width:100%;height:100%;max-height:100%;min-height:0}.shop-card.shop-card--racket .shop-card__art>img{width:auto;height:70%;max-width:74%;max-height:70%}.shop-card.shop-card--racket[data-racket-id=racket-002] .shop-card__art>img{transform:scale(1.06)}.shop-card--avatar .shop-card__art,.shop-card--badge .shop-card__art{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:1;margin:0 auto}.shop-card h3{align-self:center;margin:0;font-size:10px;line-height:1}.shop-card__price,.shop-card__owned,.shop-card__require{align-self:center;min-height:0;max-width:100%;overflow:hidden;font-size:7.5px;line-height:1;text-overflow:ellipsis}.shop-card>button{height:27px;font-size:11px}.shop-card__check,.shop-card__lock{width:29px;height:29px;font-size:20px}}@media(hover:hover)and (pointer:fine){.shop-card:not(.is-level-locked):hover{transform:translateY(-3px);border-color:#a9cef9;box-shadow:0 8px 16px #18458930,inset 0 1px #fff}.shop-card:hover .shop-card__art{transform:scale(1.035)}.shop-card__art{transition:transform .22s ease}.shop-tabs button:hover{color:#1768cf}.shop-pagination>button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 8px #204a8f33}}@keyframes shop-shell-enter{0%{opacity:0;transform:translateY(-13px) scale(.985)}to{opacity:1;transform:none}}@keyframes shop-catalog-enter{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@keyframes shop-card-enter-up{0%{opacity:0;transform:translateY(20px) scale(.92)}72%{opacity:1}to{opacity:1;transform:none}}@keyframes shop-card-enter-right{0%{opacity:0;transform:translate(30px) rotate(.8deg) scale(.96)}to{opacity:1;transform:none}}@keyframes shop-card-enter-left{0%{opacity:0;transform:translate(-30px) rotate(-.8deg) scale(.96)}to{opacity:1;transform:none}}@keyframes shop-grid-leave-left{to{opacity:0;transform:translate(-24px) scale(.985)}}@keyframes shop-grid-leave-right{to{opacity:0;transform:translate(24px) scale(.985)}}@keyframes shop-card-purchased{0%{transform:scale(.94);filter:brightness(1)}42%{transform:scale(1.075);filter:brightness(1.18);border-color:#ffd34e;box-shadow:0 0 0 3px #ffc11b3d,0 12px 25px #1f57a03d}to{transform:none;filter:none}}@keyframes shop-card-equipped{0%{transform:scale(.96)}48%{transform:scale(1.055);border-color:#37a5ff;box-shadow:0 0 0 4px #147ef533,0 10px 22px #165bb838}to{transform:none}}@keyframes shop-card-shine{0%{left:-62%;opacity:0}18%{opacity:.9}to{left:132%;opacity:0}}@keyframes shop-card-denied{0%,to{transform:translate(0)}22%{transform:translate(-5px);border-color:#ef4254}48%{transform:translate(5px)}72%{transform:translate(-3px)}}@keyframes shop-tab-icon-pop{45%{transform:scale(1.18) rotate(-4deg)}}@keyframes shop-selector-glint{0%{left:-42%;opacity:0}24%{opacity:1}to{left:128%;opacity:0}}@keyframes shop-wallet-spend{35%{transform:scale(.94);color:#e63647;box-shadow:0 3px #a9bbdab8,0 0 15px #ef304238}68%{transform:scale(1.025)}}@keyframes shop-coin-spend{35%{transform:rotate(-16deg) scale(.84);filter:brightness(1.18)}72%{transform:rotate(5deg) scale(1.08)}}@media(max-height:690px){.shop-menu{grid-template-rows:83px 45px minmax(0,1fr);gap:6px;padding-top:max(7px,env(safe-area-inset-top))}.shop-menu__header{height:83px;grid-template-columns:48px minmax(0,1fr) max-content}.shop-menu__brand img{height:78px}.shop-menu__back{width:44px;height:44px;font-size:29px}.shop-wallet{gap:5px}.shop-wallet__coins,.shop-wallet__level{min-height:34px;border-radius:12px;font-size:15px}.shop-wallet__coins{grid-template-columns:25px max-content 28px;min-width:116px;column-gap:6px;padding:3px 5px}.shop-wallet__coins>.shop-coin,.shop-wallet__level img{width:25px;height:25px}.shop-wallet__coins>.shop-coin{font-size:15px}.shop-wallet__coins button{width:28px;height:28px;border-radius:8px;font-size:23px}.shop-wallet__level{grid-template-columns:25px max-content;min-width:92px;column-gap:7px;padding:3px 8px}.shop-tabs{height:45px}.shop-tabs button{font-size:12px}.shop-tab__icon{width:21px;height:21px}.shop-card{grid-template-rows:minmax(0,1fr) auto auto 23px;padding:4px}.shop-card h3{margin:1px 0;font-size:9px}.shop-card__price,.shop-card__owned,.shop-card__require{min-height:15px;font-size:8px}.shop-card>button{height:22px;font-size:10px}.shop-card__check,.shop-card__lock{width:25px;height:25px;font-size:18px}.shop-pagination{min-height:29px;padding-top:3px}.shop-pagination>button{height:25px;font-size:28px}}@media(prefers-reduced-motion:reduce){.friend-menu *,.friend-menu *:before,.friend-menu *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}@media(prefers-reduced-motion:reduce){.shop-menu *,.shop-menu *:before,.shop-menu *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}