.rankbadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;background:var(--rank-color);border:none;color:#fff;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.rankbadge__icon{display:inline-flex;align-items:center;justify-content:center}.rankbadge--xs{font-size:9.5px;padding:2px 6px 2px 4px;gap:4px;letter-spacing:.06em}.rankbadge--xs .rankbadge__icon svg{width:10px;height:10px}.rankbadge--sm{font-size:11px;padding:3px 8px 3px 5px}.rankbadge--lg{font-size:14px;padding:6px 14px 6px 9px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--avatar-bg) 0%,rgba(0,0,0,.25) 130%);color:#000000bf;font-weight:900;letter-spacing:.02em;flex-shrink:0;position:relative;box-shadow:inset 0 -2px #0000002e,0 4px 10px #0000004d}.avatar--ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--avatar-bg);opacity:.7}.avatar__initials{-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 rgba(255,255,255,.15)}.avatar--photo{background:#0a1420;overflow:hidden}.avatar__photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.topbar{position:absolute;top:var(--safe-top);left:0;right:0;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) 10px calc(12px + var(--safe-left));display:flex;align-items:center;gap:8px;pointer-events:auto;background:linear-gradient(180deg,#fffaf099,#f0d2b459 70%,#f0d2b400);border-bottom:1px solid rgba(255,255,255,.65);z-index:10}.topbar__pills{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.pill{display:inline-flex;align-items:center;gap:8px;overflow:visible;padding:5px 12px 5px 5px;height:50px;border-radius:999px;background:linear-gradient(180deg,#fffcf5f0,#f5e1c8e6);border:2px solid rgba(255,255,255,.85);color:#4a2e1a;font-family:inherit;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0f;transition:transform .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease);min-width:0}.pill:hover{border-color:#c88250d9}.pill:active{transform:scale(.96)}.pill__col{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.pill__icon{width:28px;height:28px;font-size:0;line-height:0;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transform:scale(1.3)}.pill__icon--coin{filter:drop-shadow(0 0 6px rgba(255,200,60,.45))}.pill__icon--xp{filter:drop-shadow(0 0 6px rgba(200,140,80,.45))}.pill--profile{padding:5px 14px 5px 5px}.pill--profile .pill__name{font-size:13px;font-weight:800;letter-spacing:-.005em;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a2e1a}.pill__sub{display:flex;align-items:center;gap:4px}.pill--coins{flex:1;min-width:0;justify-content:flex-start;padding-right:5px}.pill--coins .pill__amount{flex:1;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.005em;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#4a2e1a}.pill__plus{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#d4a070,#a0623c);color:#fff;font-weight:900;font-size:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff80;flex-shrink:0;line-height:1}.pill--level .pill__lvl{font-size:13px;font-weight:800;letter-spacing:-.005em;color:#4a2e1a}.pill--level .pill__rp{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.topbar__gear{width:44px;height:44px;overflow:visible;border-radius:50%;background:linear-gradient(180deg,#fffcf5f0,#f5e1c8e6);border:2px solid rgba(255,255,255,.85);color:#4a2e1a;font-size:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s var(--ease),border-color .18s var(--ease)}.topbar__gear .ic{width:24px;height:24px;transform:scale(1.3)}.topbar__gear:hover{border-color:#c88250d9}.topbar__gear:active{transform:scale(.92) rotate(45deg)}@media (max-width: 719px){.topbar{gap:6px;padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) 8px calc(8px + var(--safe-left))}.topbar__pills{flex:1;min-width:0;gap:5px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 92%,transparent 100%)}.topbar__pills::-webkit-scrollbar{display:none}.pill{height:44px;flex-shrink:0;padding:4px 10px 4px 4px;gap:6px}.pill--profile{max-width:128px}.pill--profile .pill__sub{display:none}.pill--profile .pill__name{max-width:72px;font-size:12px}.pill--coins{flex:0 0 auto;min-width:96px;max-width:140px;padding-right:4px}.pill--coins .pill__amount{font-size:13px}.pill--level .pill__rp{display:none}.pill--level .pill__lvl{font-size:12px}.topbar__gear{width:40px;height:40px;flex-shrink:0}.topbar__gear .ic{width:22px;height:22px;transform:scale(1.3)}}@media (min-width: 720px){.topbar__pills{flex:0 0 auto;gap:10px}.pill{padding:5px 16px 5px 5px;gap:10px}.pill--coins{flex:0 0 auto;padding-right:14px}.pill--coins .pill__amount{flex:0 0 auto;min-width:0;padding-right:4px}.topbar__gear{margin-left:auto}}@media (max-width: 380px){.pill{height:46px;padding:4px 10px 4px 4px;gap:6px}.pill__icon{width:26px;height:26px}.pill--profile .pill__name{max-width:70px;font-size:12px}.pill--coins .pill__amount{font-size:13px}.pill--level .pill__lvl{font-size:12px}.topbar__gear{width:40px;height:40px}.topbar__gear .ic{width:22px;height:22px;transform:scale(1.3)}}:root{--bnav-deep: #4a2e1a;--bnav-deep-2: #6b4226;--bnav-accent: #ffffff;--bnav-pane: #b07850;--bnav-pane-2: #d4a070;--bnav-divider: rgba(255, 255, 255, .22);--bnav-h-mobile: 100px;--bnav-h-desktop: 92px}.bnav{position:absolute;left:0;right:0;bottom:0;padding-bottom:var(--safe-bottom);pointer-events:auto;z-index:10;background:linear-gradient(180deg,rgba(180,120,70,0) 0%,rgba(160,100,60,.45) 18%,rgba(90,55,30,.92) 40%,var(--bnav-deep-2) 72%,var(--bnav-deep) 100%);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -8px 24px #3c230f47,inset 0 1px #ffffff59}.bnav__accent{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85) 30%,rgba(255,255,255,.85) 70%,transparent);border-radius:999px;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}.bnav__deck{display:grid;grid-template-columns:repeat(5,1fr);height:var(--bnav-h-mobile);position:relative;overflow:visible}@media (min-width: 720px){.bnav{left:50%;right:auto;transform:translate(-50%);width:min(60%,720px)}.bnav__deck{height:var(--bnav-h-desktop)}}.bnav__tab{position:relative;display:flex;align-items:stretch;justify-content:center;height:100%;padding:0;overflow:visible;background:transparent;color:#ffffffc7;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .18s var(--ease);border-right:1px solid var(--bnav-divider)}.bnav__tab:last-child{border-right:none}.bnav__tab:hover{color:#fff}.bnav__pane{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;background:linear-gradient(180deg,var(--bnav-pane-2),var(--bnav-pane));box-shadow:inset 0 1px #ffffff73,0 4px 12px #3c230f59;opacity:0;transition:opacity .22s var(--ease);pointer-events:none}.bnav__tab--active .bnav__pane{opacity:1}.bnav__tab--active{color:#fff}.bnav__contents{position:relative;z-index:1;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:0;width:100%;height:100%;padding:4px;overflow:visible;transition:transform .22s var(--ease-snap);transform:translateY(0)}.bnav__tab--active .bnav__contents{transform:translateY(-6px)}.bnav__icon{grid-row:1;align-self:center;justify-self:center;width:40px;height:40px;font-size:0;line-height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));transform:scale(1.28);transition:transform .22s var(--ease-snap)}.bnav__tab--prominent .bnav__icon{width:44px;height:44px;transform:scale(1.24)}.bnav__tab--active .bnav__icon{transform:scale(1.42)}.bnav__tab--prominent.bnav__tab--active .bnav__icon{transform:scale(1.38)}.bnav__label{grid-row:2;font-size:10.5px;font-weight:800;letter-spacing:.1em;line-height:1.1;max-height:0;margin:0;padding:0;overflow:hidden;opacity:0;transform:translateY(2px);transition:opacity .22s var(--ease),transform .22s var(--ease),max-height .22s var(--ease);white-space:nowrap}.bnav__tab--active .bnav__label{max-height:1.5em;margin-top:2px;opacity:1;transform:translateY(0)}.bnav__tab--prominent .bnav__icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 10px rgba(255,255,255,.45))}.bnav__tab--prominent:not(.bnav__tab--active) .bnav__label{max-height:1.5em;margin-top:2px;opacity:.85;transform:translateY(0)}.bnav__tab--prominent.bnav__tab--active .bnav__pane{background:linear-gradient(180deg,#e8b878,#c07840);box-shadow:inset 0 0 0 2px #ffffff8c,0 4px 14px #502d1473}.bnav__badge{position:absolute;top:8px;right:16px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(180deg,#ffe566,#ffb830);color:#1a1208;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;box-shadow:0 2px 6px #0000004d}.meta{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}.meta__col{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;pointer-events:none}.meta__col--left{left:calc(6px + var(--safe-left))}.meta__col--right{right:calc(6px + var(--safe-right));align-items:flex-end}.meta-btn{pointer-events:auto;position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:0;overflow:visible;width:72px;min-height:88px;padding:7px 6px 8px;border-radius:18px;background:linear-gradient(165deg,#d4a070,#a0623c);border:2px solid rgba(255,255,255,.85);color:#fff;font-family:inherit;box-shadow:0 6px 18px #502d1459,inset 0 1px #ffffff73;transition:transform .15s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease),border-color .2s var(--ease)}.meta-btn:hover{transform:scale(1.05);filter:brightness(1.06)}.meta-btn:active{transform:scale(.93)}.meta-btn__icon{grid-row:1;align-self:center;justify-self:center;width:40px;height:40px;font-size:0;line-height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transform:scale(1.28)}.meta-btn__label{grid-row:2;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;text-shadow:0 1px 3px rgba(60,35,15,.45);color:#fff}.meta-btn--tournament{border-color:#ffffffe6;background:linear-gradient(165deg,#f0c060,#d89020)}.meta-btn--tournament .meta-btn__label{color:#5a3800;text-shadow:0 1px 0 rgba(255,255,255,.45)}.meta-btn--pass{border-color:#ffffffe6;background:linear-gradient(165deg,#a8e080,#5aad48)}.meta-btn--pass .meta-btn__label{color:#1a4808;text-shadow:0 1px 0 rgba(255,255,255,.45)}.meta-btn--daily{border-color:#ffffffe6;background:linear-gradient(165deg,#c8a8e8,#9070c8)}.meta-btn--league{border-color:#ffffffe6;background:linear-gradient(165deg,#e8a0c0,#c06090)}.meta-btn--event{border-color:#ffffffe6;background:linear-gradient(165deg,#ff98b0,#e85070)}.meta-btn--event.is-live{border-color:#fff;box-shadow:0 6px 18px #502d1459,0 0 16px #ffc8508c;animation:meta-event-pulse 2s ease-in-out infinite}@keyframes meta-event-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.meta-btn__badge{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:linear-gradient(180deg,#ffe566,#ffb830);color:#1a1208;font-size:11px;font-weight:900;line-height:22px;text-align:center;border:2px solid #fff;box-shadow:0 2px 6px #00000040}.meta-btn__badge--claim{background:linear-gradient(180deg,#7dffb0,#2ecc71);color:#0a2818}.meta-btn__badge--gold{background:linear-gradient(180deg,#ffe566,#ffb830)}.meta-btn__pulse{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:20px;border:2px solid rgba(255,255,255,.75);pointer-events:none;animation:meta-live-ring 1.8s ease-out infinite}@keyframes meta-live-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.15);opacity:0}}@media (max-width: 719px){.meta-btn{width:68px;min-height:82px;padding:6px 5px 7px;border-radius:16px}.meta-btn__icon{width:36px;height:36px;transform:scale(1.26)}.meta-btn__label{font-size:9.5px}.meta__col{gap:9px}}@media (max-width: 380px){.meta-btn{width:62px;min-height:76px;padding:5px 4px 7px}.meta-btn__icon{width:32px;height:32px;transform:scale(1.24)}.meta-btn__label{font-size:9px}.meta__col{gap:8px}}@media (min-width: 720px){.meta-btn{width:76px;min-height:92px;padding:8px 7px 9px;border-radius:18px}.meta-btn__icon{width:42px;height:42px;transform:scale(1.3)}.meta-btn__label{font-size:10.5px}.meta__col{gap:11px}}.hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:0 24px;pointer-events:none}.hero>*{pointer-events:auto}.hero__logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(200px,min(72vw,32vh),380px);aspect-ratio:1 / 1;margin-bottom:0}.hero__halo{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,240,.45) 0%,rgba(255,200,140,.2) 45%,transparent 70%);filter:blur(20px);animation:hero-halo 5s var(--ease) infinite;pointer-events:none}@keyframes hero-halo{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.08);opacity:1}}.hero__logo-img{position:relative;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 20px rgba(90,50,25,.35));animation:hero-logo-float 6s var(--ease) infinite}@keyframes hero-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__live-strip{display:flex;align-items:center;gap:8px;margin-top:0;padding:8px 14px;border-radius:999px;background:#ffffffe0;border:2px solid rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #78462833,0 0 8px color-mix(in srgb,var(--live-color, #c87850) 25%,transparent);max-width:min(340px,84vw)}.hero__logo-wrap+.hero__live-strip{margin-top:-4px}.hero__live-dot{width:7px;height:7px;border-radius:50%;background:var(--live-color, var(--accent));box-shadow:0 0 8px var(--live-color, var(--accent));animation:hero-live-pulse 1.4s var(--ease) infinite;flex-shrink:0}@keyframes hero-live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.hero__live-icon{font-size:16px;line-height:1}.hero__live-body{display:flex;flex-direction:column;gap:0;min-width:0}.hero__live-body strong{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--live-color, var(--accent));white-space:nowrap}.hero__live-body span{font-size:10px;color:#6b4a32;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__modes{margin-top:8px;display:flex;flex-direction:column;gap:10px;width:min(400px,min(88vw,46vh))}.hero__mode--img{position:relative;display:block;width:100%;padding:0;border:none;background:transparent;border-radius:999px;cursor:pointer;transition:transform .15s var(--ease),filter .15s var(--ease)}.hero__mode--img:hover{transform:scale(1.02);filter:brightness(1.06)}.hero__mode--img:active{transform:scale(.94);filter:brightness(.98)}.hero__mode-img{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:999px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}.hero__mode--tourney .hero__mode-badge{position:absolute;top:50%;right:14px;transform:translateY(-50%);font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:var(--gold);color:#1b1300;letter-spacing:.04em;box-shadow:0 4px 12px #ffd86659;pointer-events:none}@media (max-width: 719px){.hero{gap:5px;padding:calc(46px + var(--safe-top)) calc(10px + var(--safe-left)) calc(var(--bnav-h-mobile) + 21px + var(--safe-bottom)) calc(10px + var(--safe-right));box-sizing:border-box}.hero__logo-wrap{width:clamp(150px,min(64vw,24vh),260px);margin-bottom:0;flex-shrink:1}.hero__live-strip{margin-top:0;padding:6px 11px;max-width:min(300px,calc(100vw - 148px - var(--safe-left) - var(--safe-right)))}.hero__logo-wrap+.hero__live-strip{margin-top:-5px}.hero__modes{margin-top:2px;gap:8px;width:min(300px,calc(100vw - 148px - var(--safe-left) - var(--safe-right)));flex-shrink:0}.hero__mode--tourney .hero__mode-badge{right:10px;font-size:10px;padding:3px 7px}}@media (max-width: 719px) and (max-height: 740px){.hero{gap:3px}.hero__logo-wrap{width:clamp(130px,min(58vw,20vh),220px)}.hero__modes{width:min(280px,calc(100vw - 144px - var(--safe-left) - var(--safe-right)));gap:7px}}@media (max-width: 380px){.hero__logo-wrap{width:clamp(120px,min(54vw,18vh),200px)}.hero__modes{width:min(260px,calc(100vw - 140px - var(--safe-left) - var(--safe-right)))}.hero__mode--tourney .hero__mode-badge{right:8px;font-size:9px}}@media (max-width: 719px) and (orientation: landscape),(max-width: 719px) and (min-aspect-ratio: 5/4){.hero{gap:6px;padding:0 16px}.hero__logo-wrap{width:clamp(120px,min(40vw,24vh),220px);margin-bottom:0}.hero__live-strip{margin-top:0;padding:5px 9px;max-width:min(260px,70vw)}.hero__logo-wrap+.hero__live-strip{margin-top:-3px}.hero__modes{margin-top:4px;gap:10px;width:min(340px,min(70vw,42vh))}}@media (min-width: 720px){.hero__logo-wrap{width:clamp(200px,min(32vw,36vh),400px)}.hero__modes{width:min(440px,min(42vw,38vh))}}@media (min-width: 720px) and (min-aspect-ratio: 16/10){.hero__logo-wrap{width:clamp(180px,min(28vw,32vh),360px)}.hero__modes{width:min(420px,min(38vw,34vh))}}@media (max-width: 719px) and (orientation: landscape){.hero{gap:3px;padding:calc(35px + var(--safe-top)) calc(10px + var(--safe-left)) calc(var(--bnav-h-mobile) + 14px + var(--safe-bottom)) calc(10px + var(--safe-right))}.hero__logo-wrap{width:clamp(88px,min(26vw,18vh),130px)}.hero__modes{width:min(260px,calc(100vw - 148px - var(--safe-left) - var(--safe-right)));gap:5px;margin-top:2px}}.menu{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:linear-gradient(180deg,#ffe6c838,#78462847),radial-gradient(ellipse at 50% 0%,rgba(255,245,230,.18),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(180,120,80,.14),transparent 55%),#e8c9a8;overflow:hidden;isolation:isolate}.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--asset-menu-bg, none) center / cover no-repeat;filter:blur(2px) saturate(1.05) brightness(.88);transform:scale(1.03);z-index:-1;pointer-events:none}.menu__version{position:absolute;left:calc(12px + var(--safe-left));bottom:calc(var(--bnav-h-mobile) + 8px + var(--safe-bottom));margin:0;font-size:10px;font-weight:600;letter-spacing:.04em;color:#502d198c;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:11}@media (min-width: 720px){.menu__version{bottom:calc(var(--bnav-h-desktop) + 10px + var(--safe-bottom))}}.ic{position:relative;display:block;--ic-pos: 0% 0%;background-image:var(--asset-menu-icons, none);background-repeat:no-repeat;background-size:400% 300%;background-position:var(--ic-pos);transform-origin:center center;flex-shrink:0;isolation:isolate}.ic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.28) 46%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.28) 54%,transparent 64%);background-size:240% 100%;background-position:140% 0;animation:ic-shine 3.4s ease-in-out infinite;animation-delay:var(--ic-shine-delay, 0s);-webkit-mask-image:var(--asset-menu-icons, none);mask-image:var(--asset-menu-icons, none);-webkit-mask-size:400% 300%;mask-size:400% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--ic-pos);mask-position:var(--ic-pos)}@keyframes ic-shine{0%,22%{background-position:140% 0;opacity:0}32%{opacity:.95}52%{background-position:-40% 0;opacity:.95}62%,to{background-position:-40% 0;opacity:0}}.ic--stats{--ic-pos: 0% 0%;--ic-shine-delay: .15s}.ic--play{--ic-pos: 33.333% 0%;--ic-shine-delay: .55s}.ic--home,.ic--paddle{--ic-pos: 66.667% 0%;--ic-shine-delay: .95s}.ic--shop{--ic-pos: 100% 0%;--ic-shine-delay: 1.35s}.ic--gear{--ic-pos: 0% 50%;--ic-shine-delay: .35s}.ic--coin{--ic-pos: 33.333% 50%;--ic-shine-delay: .75s}.ic--bolt{--ic-pos: 66.667% 50%;--ic-shine-delay: 1.15s}.ic--trophy{--ic-pos: 100% 50%;--ic-shine-delay: 1.55s}.ic--calendar{--ic-pos: 0% 100%;--ic-shine-delay: .25s}.ic--medal{--ic-pos: 33.333% 100%;--ic-shine-delay: .65s}.ic--flame{--ic-pos: 66.667% 100%;--ic-shine-delay: 1.05s}.mm-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:58;overflow:hidden;box-sizing:border-box;color:#fff8f0;pointer-events:auto;-webkit-tap-highlight-color:transparent;animation:fade-in .25s var(--ease) both}.mm-overlay.is-active{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left))}.mm-overlay__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#ffdcb40f,#5a32192e 42%,#321c0e6b);pointer-events:none}.mm-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#c09068}.mm-arena__art{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--asset-matchmaking-bg, linear-gradient( 180deg, #f8ead8 0%, #e8c9a8 38%, #d4a880 72%, #a0623c 100% )) center / cover no-repeat;transform:scale(1.03);filter:saturate(1.08) brightness(.94)}.mm-arena__split{position:absolute;top:14%;bottom:22%;left:50%;width:4px;margin-left:-2px;background:linear-gradient(180deg,transparent 0%,rgba(255,230,180,.45) 18%,rgba(255,245,220,.85) 50%,rgba(255,230,180,.45) 82%,transparent 100%);box-shadow:0 0 18px #ffc8788c;opacity:.7;pointer-events:none}.mm-arena__vignette{background:radial-gradient(ellipse 90% 70% at 50% 40%,transparent 28%,rgba(50,28,14,.5) 100%),linear-gradient(180deg,rgba(255,245,230,.08) 0%,transparent 25%,rgba(40,22,10,.3) 100%)}.mm-overlay__content{position:relative;z-index:2;flex:1 1 auto;min-height:0;width:100%;max-width:32rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vh,28px)}.mm-faceoff{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2.5vw,16px);width:100%;padding:clamp(12px,2.5vh,20px) clamp(4px,2vw,12px);border-radius:24px;background:linear-gradient(180deg,#fff8eb33,#ffe6c81a);border:2px solid rgba(255,235,210,.35);box-shadow:0 12px 36px #3c231252,inset 0 1px #fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mm-player{display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px}.mm-player--you{justify-self:start;transform:translate(2px)}.mm-player--search,.mm-player--found{justify-self:end;transform:translate(-2px)}.mm-player--found{animation:mm-opponent-in .45s var(--ease) both}@keyframes mm-opponent-in{0%{opacity:0;transform:translate(12px) scale(.92)}to{opacity:1;transform:translate(-2px) scale(1)}}.mm-player__tag{margin:0;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff8ebcc;text-shadow:0 1px 4px rgba(40,22,10,.55)}.mm-player--you .mm-player__tag{color:#ffe0b2}.mm-player--found .mm-player__tag{color:#ffccbc}.mm-avatar-ring{position:relative;width:clamp(84px,22vw,120px);height:clamp(84px,22vw,120px);border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center}.mm-player--you .mm-avatar-ring{background:linear-gradient(145deg,#ffd8a8,#d4a070 45%,#a0623c);box-shadow:0 0 0 3px #fff8eb80,0 0 28px #d4a07080,0 8px 24px #00000059}.mm-player--found .mm-avatar-ring{background:linear-gradient(145deg,#f5e6d3,#e8c9a8 45%,#c09068);box-shadow:0 0 0 3px #fff8eb80,0 0 28px #e8c9a873,0 8px 24px #00000059}.mm-avatar-ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(255,248,235,.7);pointer-events:none}.mm-avatar-ring .avatar{width:100%!important;height:100%!important}.mm-player__name{margin:0;max-width:100%;width:8rem;font-size:clamp(13px,2.8vw,16px);font-weight:800;text-align:center;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(30,16,8,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-player__status{margin:0;width:8rem;max-width:100%;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#fff8f0;line-height:1.25;text-shadow:0 2px 8px rgba(30,16,8,.9)}.mm-player__meta{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:18px}.mm-vs{position:relative;width:clamp(64px,15vw,92px);height:clamp(64px,15vw,92px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mm-vs__shield{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8e8,#ffd8a8 38%,#e74c3c);box-shadow:inset 0 -3px #8c321e59,0 0 0 3px #fff8eb99,0 0 24px #e74c3c73,0 6px 18px #00000059;animation:mm-vs-pulse 2s ease-in-out infinite}.mm-vs__shield:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.65) 0%,transparent 55%);pointer-events:none}@keyframes mm-vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mm-vs__text{position:relative;z-index:1;font-size:clamp(22px,6vw,32px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 2px 0 #8b3a28,0 0 16px rgba(255,200,140,.5);letter-spacing:-.04em}.mm-search-wrap{position:relative;width:clamp(84px,22vw,120px);height:clamp(84px,22vw,120px)}.mm-search-ring{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;border:4px dashed rgba(255,235,210,.6);animation:mm-ring-spin 3s linear infinite}@keyframes mm-ring-spin{to{transform:rotate(360deg)}}.mm-search-disc{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8eb59,#a0623c33);border:2px dashed rgba(255,235,210,.5);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 14px #3c231233}.mm-search-icon{width:52%;height:52%;color:#3d2a1a;filter:drop-shadow(0 2px 4px rgba(60,35,18,.35));animation:mm-pearl-bounce 1.1s ease-in-out infinite}@keyframes mm-pearl-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mm-card{position:relative;width:min(88vw,24rem);max-width:24rem;padding:14px 16px 12px;border-radius:18px;background:linear-gradient(155deg,#fffcf5f0,#fff0dcf5);border:2px solid rgba(160,98,60,.45);box-shadow:0 10px 32px #3c231247,inset 0 1px #ffffffe6;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mm-card__corner{display:none}.mm-card__venue{margin:0 0 6px;font-size:clamp(15px,4vw,20px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#a0623c;text-shadow:none}.mm-card__line{margin:4px 0 0;font-weight:600;color:#5c3d2e;font-size:clamp(12px,3vw,14px)}.mm-card__line strong{color:#8b3a28;font-weight:800}.mm-card__line--prize{color:#5a7a3a}.mm-card__extras{margin-top:8px;display:flex;flex-direction:column;gap:4px}.mm-card__extra{font-size:clamp(11px,2.4vw,13px);font-weight:600}.mm-card__extra--online{color:#8b5a3c}.mm-card__extra--streak{color:#a0623c;font-weight:700}.mm-card__extra--rival{color:#6d4c3d}.mm-overlay__sub{margin:0;text-align:center;color:#fff8ebf0;font-size:clamp(12px,2.6vw,14px);font-weight:700;letter-spacing:.04em;animation:mm-sub-pulse 2.4s ease-in-out infinite;text-shadow:0 2px 8px rgba(50,28,14,.5)}@keyframes mm-sub-pulse{0%,to{opacity:.85}50%{opacity:1}}.mm-overlay__actions{display:flex;gap:10px;width:min(78vw,22rem);max-width:22rem}.mm-overlay__cancel,.mm-overlay__actions .btn{flex:1}@media (max-width: 480px){.mm-overlay__content{gap:14px;max-width:100%}.mm-faceoff{gap:4px;padding:10px 4px}.mm-player__name,.mm-player__status{width:6.5rem}}@media (max-height: 640px){.mm-avatar-ring,.mm-search-wrap{width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px)}.mm-vs{width:clamp(52px,13vw,72px);height:clamp(52px,13vw,72px)}.mm-overlay__content{gap:10px}}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown__digit{font-size:clamp(110px,16vw,220px);font-weight:900;letter-spacing:-.04em;color:var(--text);text-shadow:0 0 32px rgba(92,242,194,.6),0 8px 60px rgba(0,0,0,.75);animation:countdown-pop .65s var(--ease-snap) both}.countdown__digit--go{color:var(--accent);animation:countdown-go .7s var(--ease) both;text-shadow:0 0 50px var(--accent-glow),0 8px 60px rgba(0,0,0,.75)}.countdown--pressure .countdown__digit{color:#ffb347;text-shadow:0 0 40px rgba(255,179,71,.65),0 8px 60px rgba(0,0,0,.75);animation:countdown-pop .45s var(--ease-snap) both}.countdown--pressure .countdown__digit--go{color:#ffd866}.countdown--pressure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 100px #ff5a3c1f;animation:countdown-heartbeat .85s ease-in-out infinite}@keyframes countdown-heartbeat{0%,to{opacity:.3}50%{opacity:.9}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.25)}to{opacity:.95;transform:scale(1)}}@keyframes countdown-go{0%{opacity:0;transform:scale(.5);letter-spacing:0}25%{opacity:1;transform:scale(1.3);letter-spacing:.1em}to{opacity:0;transform:scale(1.7);letter-spacing:.25em}}.swipe-hint{position:fixed;z-index:46;pointer-events:none;transform:translate(-50%,-50%);width:0;height:0}.swipe-hint__arc{position:absolute;left:50%;top:0;transform:translate(-50%,calc(-100% + 12px));color:#ffffffd1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));opacity:.9}.swipe-hint__path{animation:swipe-hint-dash 1.15s ease-in-out infinite}.swipe-hint__finger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:swipe-hint-flick 1.15s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}@keyframes swipe-hint-flick{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}15%{opacity:1}72%{transform:translate(-50%,calc(-50% - var(--drag, 72px))) scale(.94);opacity:.95}to{transform:translate(-50%,calc(-50% - var(--drag, 72px) - 18px)) scale(.9);opacity:.15}}@keyframes swipe-hint-dash{0%{stroke-dashoffset:22;opacity:.25}35%{opacity:.92}to{stroke-dashoffset:-100;opacity:.12}}.boba-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.boba-hud__pause{pointer-events:auto;position:absolute;top:calc(var(--safe-top) + 10px);left:max(12px,env(safe-area-inset-left,0px));z-index:2;width:44px;height:44px;border-radius:12px;border:2px solid rgba(255,255,255,.7);background:#0812268c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;box-shadow:0 4px 14px #00000052;transition:transform .15s var(--ease, ease),background .15s ease,border-color .15s ease}.boba-hud__pause:hover{background:#081226b8;border-color:#ffffffe6}.boba-hud__pause:active{transform:scale(.94);background:#081226d1}.boba-hud__pause span{display:block;width:5px;height:16px;border-radius:2px;background:#fffffff2;box-shadow:0 1px 2px #00000040}.boba-hud__combo{position:absolute;top:calc(var(--safe-top) + 96px);left:50%;transform:translate(-50%);padding:5px 14px 6px;border-radius:var(--r-pill, 999px);background:#5cf2c229;border:1px solid rgba(92,242,194,.45);font-size:.92rem;font-weight:900;letter-spacing:.08em;color:#5cf2c2;text-shadow:0 0 12px rgba(92,242,194,.45);animation:boba-combo-pop .32s var(--ease-snap, ease) both;pointer-events:none}@keyframes boba-combo-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}70%{transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}.boba-hud__stats{display:flex;align-items:center;justify-content:center;gap:10px;padding:calc(var(--safe-top) + 10px) 12px 0;padding-left:max(64px,calc(env(safe-area-inset-left,0px) + 56px))}.boba-hud__stat-box{min-width:72px;padding:6px 12px;border-radius:10px;background:#fff8e6eb;border:2px solid rgba(255,255,255,.7);text-align:center;box-shadow:0 4px 12px #00000026}.boba-hud__stat-label{display:block;font-size:11px;font-weight:700;color:#5a6a7a;letter-spacing:.04em;text-transform:uppercase}.boba-hud__stat-value{display:block;font-size:22px;font-weight:800;color:#1a2a3a;line-height:1.1}.boba-hud__timer{font-size:18px;font-weight:800;color:#fff;padding:6px 14px;border-radius:999px;background:#00000059;min-width:72px;text-align:center}.boba-hud__timer--urgent{background:#e74c3cd9;animation:boba-timer-pulse .8s ease-in-out infinite}@keyframes boba-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.boba-hud__players{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 12px;gap:12px}.boba-hud__side{display:flex;align-items:center;gap:8px;flex:1;max-width:48%}.boba-hud__side--rival{flex-direction:row-reverse}.boba-hud__side--hit{animation:boba-hit-flash .35s ease}.boba-hud__side--rival-hit{animation:boba-rival-hit .35s ease}@keyframes boba-hit-flash{0%,to{filter:none}50%{filter:brightness(1.3)}}@keyframes boba-rival-hit{0%,to{transform:none}50%{transform:scale(1.06)}}.boba-hud__bar-wrap{flex:1;min-width:0}.boba-hud__bar-wrap--rival{text-align:right}.boba-hud__bar-label{font-size:10px;font-weight:700;color:#ffffffe6;margin-bottom:4px}.boba-hud__bar{height:10px;border-radius:999px;background:#00000059;overflow:hidden}.boba-hud__bar-fill{height:100%;border-radius:999px;transition:width .25s ease}.boba-hud__bar-fill--you{background:linear-gradient(90deg,#5cf2ff,#3ddc84)}.boba-hud__bar-fill--rival{background:linear-gradient(90deg,#ff6b6b,#ff4757)}.boba-hud__rival-flash{animation:boba-rival-hit .35s ease}@media (max-width: 768px),((hover: none) and (pointer: coarse)){.boba-hud__combo{top:calc(var(--safe-top) + 108px);font-size:.85rem;padding:4px 12px 5px}}.boba-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;touch-action:none;cursor:crosshair;pointer-events:auto}.boba-controls--ftue{pointer-events:auto}.boba-ammo-switch{position:fixed;z-index:16;pointer-events:auto;width:40px;height:40px;margin:0;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:12px;background:#0812269e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px #00000052;cursor:pointer;transform:translate(-50%,calc(-100% - 10px));transition:transform .15s var(--ease, ease),background .15s ease,border-color .15s ease}.boba-ammo-switch:hover{background:#081226c7;border-color:#ffffffeb}.boba-ammo-switch:active{transform:translate(-50%,calc(-100% - 10px)) scale(.94)}.boba-ammo-switch__icon{display:block;width:18px;height:18px;margin:auto;background:linear-gradient(#fff,#fff) center / 100% 2px no-repeat,linear-gradient(#fff,#fff) center / 2px 100% no-repeat;position:relative;opacity:.95}.boba-ammo-switch__icon:before,.boba-ammo-switch__icon:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff}.boba-ammo-switch__icon:before{left:-1px;transform:translateY(-50%) rotate(-135deg)}.boba-ammo-switch__icon:after{right:-1px;transform:translateY(-50%) rotate(45deg)}.pause{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:auto;background:#04060ee0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left))}.pause__card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;padding:24px;text-align:center}.pause__title{margin:0;font-size:30px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1}.pause__sub{margin:0 0 14px;color:var(--text-dim);font-size:13px}.pause__hint{margin-top:8px;font-size:11px;color:var(--text-muted);letter-spacing:.04em}.cos-prev{width:100%;height:76px;border-radius:var(--r-sm);position:relative;overflow:hidden;background:#2a1810}.cos-prev--pearl,.cos-prev--hoop{background:linear-gradient(180deg,#f8ead8,#e8c9a8 55%,#c09068)}.cos-prev__pearl-glow,.cos-prev__hoop-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(255,255,255,.35),transparent 70%);pointer-events:none}.cos-prev__ball-wrap,.cos-prev__cluster-wrap{position:absolute;left:50%;top:50%;width:88px;height:76px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cos-prev__ball-glow,.cos-prev__cluster-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none}.cos-prev__ball-canvas,.cos-prev__cluster-canvas{width:88px;height:76px;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.cos-prev--court{border:1px solid rgba(160,98,60,.22)}.cos-prev__court-checker{position:absolute;top:0;right:0;bottom:0;left:0;background-size:48px 48px;background-repeat:repeat;background-position:center;filter:saturate(1.06) contrast(1.03)}.cos-prev__court-sun{position:absolute;top:12%;right:18%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fff9c4 0%,rgba(255,213,79,.4) 70%,transparent 100%)}.cos-prev__court-floor{position:absolute;left:0;right:0;bottom:0;height:46%;border-top:2px solid rgba(255,255,255,.45);overflow:hidden}.cos-prev__court-tex,.cos-prev__court-tex-fallback{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transform:perspective(120px) rotateX(18deg) scale(1.08);transform-origin:center bottom;filter:saturate(1.05) contrast(1.02)}.cos-prev__court-horizon{position:absolute;left:0;right:0;bottom:46%;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);pointer-events:none}.cos-prev__court-line{position:absolute;left:50%;bottom:18%;width:2px;height:22%;background:#ffffff80;transform:translate(-50%)}.cos-prev__court-pearl-mark,.cos-prev__court-hoop-mark{position:absolute;left:50%;bottom:28%;width:18px;height:18px;background:radial-gradient(circle at 32% 28%,#5a4030,#3d2a1a 72%);border-radius:50%;box-shadow:inset -2px -3px 4px #00000040;transform:translate(-50%)}.cos-prev--trail{background:linear-gradient(180deg,#f5e0c8,#e8c9a8)}.cos-prev__trail-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.cos-prev__trail-seg{position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--seg-core);box-shadow:0 0 10px var(--seg-glow);transform:scale(var(--seg-scale));animation:cos-trail-pulse 1.4s ease-in-out infinite;animation-delay:var(--seg-delay)}.cos-prev--trail-comet .cos-prev__trail-seg{width:14px;height:8px;border-radius:50% 20%;box-shadow:-6px 0 14px var(--seg-glow)}.cos-prev--trail-lightning .cos-prev__trail-seg:nth-child(odd){transform:scale(var(--seg-scale)) translateY(-4px)}.cos-prev--trail-lightning .cos-prev__trail-seg:nth-child(2n){transform:scale(var(--seg-scale)) translateY(4px)}.cos-prev__trail-pearl,.cos-prev__trail-hoop{position:absolute;right:12%;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#3d2a1a}@keyframes cos-trail-pulse{0%,to{opacity:.45}50%{opacity:1}}.win-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.win-confetti__piece{position:absolute;top:-8%;left:var(--x);width:8px;height:14px;border-radius:2px;background:hsl(var(--hue) 85% 62%);opacity:0;animation:win-confetti-fall var(--dur) ease-in var(--delay) forwards}@keyframes win-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(var(--rot))}8%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(calc(var(--rot) + 540deg))}}.pm{--pm-win: #3ddc84;--pm-win-soft: rgba(61, 220, 132, .28);--pm-win-glow: rgba(61, 220, 132, .2);--pm-lose: #ff4757;--pm-lose-soft: rgba(255, 71, 87, .28);--pm-lose-glow: rgba(255, 71, 87, .18);--pm-court: #ff9800;--pm-court-deep: #e65100;--pm-sky: #6aabef;--pm-ink: #1a1430;--pm-card: rgba(18, 14, 36, .96);--pm-accent: var(--pm-win);--pm-accent-soft: var(--pm-win-soft);--pm-accent-glow: var(--pm-win-glow);--pm-accent-text: #7ef0b0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:auto;display:flex;align-items:stretch;justify-content:center;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(110,180,255,.22),transparent 58%),radial-gradient(ellipse 70% 45% at 0% 100%,rgba(35,110,235,.18),transparent 52%),radial-gradient(ellipse 70% 45% at 100% 100%,rgba(235,55,95,.16),transparent 52%),linear-gradient(180deg,#2a1848,#141028);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pm--win{--pm-accent: var(--pm-win);--pm-accent-soft: var(--pm-win-soft);--pm-accent-glow: var(--pm-win-glow);--pm-accent-text: #7ef0b0}.pm--lose{--pm-accent: var(--pm-lose);--pm-accent-soft: var(--pm-lose-soft);--pm-accent-glow: var(--pm-lose-glow);--pm-accent-text: #ff9aa5}.pm__card{position:relative;width:100%;max-width:520px;max-height:100%;min-height:0;margin:auto;display:flex;flex-direction:column;gap:0;padding:0 0 16px;overflow:hidden;color:#f4f8ff;background:var(--pm-card);border:2px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 0 0 1px #ffffff0a inset,0 18px 48px #00000073}.pm__card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--pm-sky),var(--pm-court) 50%,#e04070);pointer-events:none}.pm__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(180deg,var(--pm-court),var(--pm-court-deep));pointer-events:none}.pm__frame{display:none}.pm__scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:14px;padding:18px 18px 8px}.pm__kicker{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#f4f8ff8c}.pm__kicker:before{content:"🏀";font-size:14px;letter-spacing:0}.pm__footer{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:14px 18px 10px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.pm__banner{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.pm__banner-pill{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 24px;border-radius:999px}.pm__banner-pill--win{background:linear-gradient(155deg,#3ddc8429,#3ddc840a);border:1px solid rgba(61,220,132,.38);box-shadow:inset 0 0 24px #3ddc8414}.pm__banner-pill--lose{background:linear-gradient(155deg,#ff475729,#ff47570a);border:1px solid rgba(255,71,87,.38);box-shadow:inset 0 0 24px #ff475714}.pm__banner-label{font-size:22px;font-weight:900;letter-spacing:.04em;line-height:1;text-align:center;margin:0}.pm__banner-pill--win .pm__banner-label{color:var(--pm-win)}.pm__banner-pill--lose .pm__banner-label{color:var(--pm-lose)}.pm__banner-sub{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f4f8ff73}.pm__final{display:flex;align-items:center;gap:12px;font-size:52px;font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;margin-top:4px}.pm__final span:first-child,.pm__final span:last-child{min-width:1.1em;text-align:center}.pm--win .pm__final span:first-child{color:var(--pm-win)}.pm--win .pm__final span:last-child{color:#f4f8ffb8}.pm--lose .pm__final span:first-child{color:#f4f8ffb8}.pm--lose .pm__final span:last-child{color:var(--pm-lose)}.pm__final small{font-size:28px;font-weight:800;color:#f4f8ff59;line-height:1}.pm__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.pm__pcol{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px}.pm__pcol--you{border-color:#3ddc8459;box-shadow:inset 0 -3px #3ddc848c}.pm__pcol--opp{border-color:#ff475747;box-shadow:inset 0 -3px #ff475773}.pm__pname{font-weight:800;font-size:13px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4f8ff}.pm__pscore{font-size:34px;font-weight:900;color:var(--pm-accent-text);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.pm__col-vs{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:32px}.pm__col-vs-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:.06em;color:#fff;background:linear-gradient(145deg,#ff9800,#e65100);border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #00000040}.pm__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pm__stat{background:#ffffff0a;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.07)}.pm__stat-l{font-size:9px;color:#f4f8ff7a;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.pm__stat-v{font-size:13px;font-weight:800;margin-top:5px;color:#e8f0ff}.pm__rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pm__reward{display:flex;flex-direction:column;align-items:center;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.pm__reward--up{background:linear-gradient(155deg,#3ddc841f,#3ddc8405);border-color:#3ddc8452}.pm__reward--down{background:linear-gradient(155deg,#ff47571f,#ff475705);border-color:#ff475752}.pm__reward-l{font-size:9px;color:#f4f8ff80;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.pm__reward-v{font-size:22px;font-weight:900;margin-top:4px;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.pm__reward--up .pm__reward-v{color:var(--pm-win)}.pm__reward--down .pm__reward-v{color:var(--pm-lose)}.pm__promo{text-align:center;padding:12px 14px;border-radius:12px;font-weight:800;font-size:12px;line-height:1.35}.pm__promo--up{background:linear-gradient(90deg,#ffc10724,#3ddc8414);color:#ffd866;border:1px solid rgba(255,193,7,.4)}.pm__promo--down{background:linear-gradient(90deg,#ff47571f,#ffffff0a);color:#ff9aa5;border:1px solid rgba(255,71,87,.35)}.pm__cosmetic-unlock{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#ffc10724,#ff980014);border:1px solid rgba(255,193,7,.38)}.pm__cosmetic-unlock-preview{width:56px;height:56px;flex-shrink:0}.pm__cosmetic-unlock-preview .cos-prev{height:100%;background:transparent}.pm__cosmetic-unlock-preview .cos-prev__ship-svg{width:48px;height:48px}.pm__cosmetic-unlock-body{display:flex;flex-direction:column;gap:2px;text-align:left}.pm__cosmetic-unlock-body strong{font-size:.95rem;color:#ffd866}.pm__cosmetic-unlock-body span{font-size:.82rem;color:#f4f8ff9e;line-height:1.35}.pm__events{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.pm__events-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:6px 4px;font-size:12px;font-weight:700}.pm__events-icon{font-size:16px;line-height:1}.pm__events-label{font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:10px;color:#f4f8ff80}.pm__events-value{font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.pm__events-row--live .pm__events-value{color:#ffd866}.pm__events-row--daily .pm__events-value{color:#7ef0b0}.pm__events-row--league .pm__events-value{color:#9ec8f5}.pm__actions{display:flex;gap:8px}.pm__actions .btn{flex:1;border-radius:12px;font-size:13px;font-weight:800}.pm__actions .btn:not(.btn--primary){background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#f4f8ffe6}.pm__actions .btn--primary{background:linear-gradient(180deg,#ffb74d,#ff9800 48%,#e65100);border:1px solid rgba(255,200,120,.45);color:#2a1200;box-shadow:0 4px #9a4500,0 8px 20px #ff980047}.pm__actions .btn--primary:active{transform:translateY(2px);box-shadow:0 2px #9a4500,0 4px 14px #ff980038}.pm__double{position:relative;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#ffe082,#ffc107 45%,#ff9800);border:1px solid rgba(255,230,140,.75);color:#1b1300;font-family:inherit;text-align:left;box-shadow:0 8px 22px #00000038;cursor:pointer;overflow:hidden}.pm__double:hover{filter:brightness(1.05)}.pm__double:active{transform:scale(.98)}.pm__double-badge{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#fff5b6 30%,#f8bd2a 75%,#8c5e0a);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#4a3000;flex-shrink:0;box-shadow:inset 0 1px #ffffffb3}.pm__double-body{display:flex;flex-direction:column;gap:2px;min-width:0}.pm__double-title{font-size:13px;font-weight:900;letter-spacing:.04em;line-height:1.05}.pm__double-title-short{display:none}@media (max-width: 719px){.pm__double-title-long{display:none}.pm__double-title-short{display:inline}}.pm__double-sub{font-size:11.5px;font-weight:700;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__double-spark{font-size:22px;line-height:1}.pm__reward--boosted{background:linear-gradient(155deg,#ffc10733,#ff980014);border-color:#ffc10780;animation:pm-boost-flash .52s var(--ease)}.pm__reward--boosted .pm__reward-v{color:#ffd866}.pm__reward-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:linear-gradient(135deg,#ffe082,#ffc107);color:#1b1300;font-size:9.5px;font-weight:900;vertical-align:1px}@keyframes pm-boost-flash{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@media (max-width: 520px){.pm__scroll{padding:14px 14px 6px}.pm__final{font-size:42px;gap:8px}.pm__pscore{font-size:28px}.pm__banner-label{font-size:19px}}.settings__section+.settings__section{margin-top:4px}.settings__h3{margin:0 0 8px 4px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.settings__rows{display:flex;flex-direction:column;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.settings__note{margin:10px 4px 0;font-size:11.5px;color:var(--text-muted);line-height:1.45}.tgl,.sel,.sli{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--line);font-size:14px;gap:12px;font-weight:600;text-align:left;color:var(--text);cursor:pointer;background:transparent;transition:background .15s var(--ease)}.tgl:first-child,.sel:first-child,.sli:first-child{border-top:none}.tgl:active{background:#ffffff0a}.tgl__switch{width:46px;height:28px;border-radius:999px;background:var(--bg-4);border:1px solid var(--line-strong);position:relative;flex-shrink:0;transition:background .18s var(--ease),border-color .18s var(--ease)}.tgl__knob{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s var(--ease),background .18s var(--ease);box-shadow:0 2px 6px #0006}.tgl--on .tgl__switch{background:var(--accent);border-color:var(--accent)}.tgl--on .tgl__knob{left:20px;background:#03241b}.sel select{background:var(--bg-3);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;outline:none}.sli{flex-direction:column;align-items:stretch;gap:8px}.sli__label{font-size:14px;color:var(--text);font-weight:600}.sli input[type=range]{width:100%;accent-color:var(--accent)}.sheet__inner.cust{background:linear-gradient(180deg,#fff8f0,#fff0e0 48%,#f5e0c8);border-color:#a0623c59;box-shadow:0 -24px 80px #3c231238,inset 0 1px #ffffffd9;color:#4a2e1a}.sheet__inner.cust .sheet__title{color:#a0623c}.sheet__inner.cust .sheet__grabber{background:#a0623c47}.sheet__inner.cust .btn--ghost{color:#4a2e1a;background:#ffffffb8;border-color:#4a2e1a38;box-shadow:0 2px 8px #4a2e1a14}.sheet__inner.cust .btn--ghost:hover{color:#a0623c;background:#fffffff2;border-color:#a0623c59}.cust__coins{font-weight:800;font-size:13px;color:#a0623c;background:#ffffffb8;border-color:#d4a07073}.cust__ad-row{padding:0 0 10px}.cust__ad-btn{width:100%;background:linear-gradient(180deg,#ffd8a8,#d4a070);color:#4a2e1a;border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 18px #a0623c59}.cust__hint{margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.4;color:#4a2e1ab8;text-align:center}.cust__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box;padding:5px;background:#ffffff8c;border:2px solid rgba(212,160,112,.35);border-radius:var(--r-md)}.cust__tab{min-width:0;padding:10px 8px;border-radius:var(--r-sm);background:transparent;color:#4a2e1a9e;font-size:12.5px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease)}.cust__tab-ic{font-size:14px;line-height:1}.cust__tab:hover{color:#4a2e1a}.cust__tab--active{background:linear-gradient(180deg,#ffd8a88c,#d4a07047);color:#a0623c;box-shadow:inset 0 0 0 2px #a0623c73}.cust__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cust__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#ffffffb8;border:2px solid rgba(212,160,112,.22);border-radius:var(--r-md);transition:border-color .18s var(--ease),transform .18s var(--ease),background .18s var(--ease)}.cust__item:hover{border-color:#a0623c6b;background:#ffffffeb;transform:translateY(-2px)}.cust__item--eq{border-color:#c87850;background:#fff8ebf2;box-shadow:0 0 0 1px #c87850,0 10px 22px #a0623c38}.cust__item-name{font-size:13px;font-weight:800;text-align:center;letter-spacing:-.01em;color:#4a2e1a}.cust__item-rarity{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.cust__item-cta{margin-top:4px;width:100%;display:flex;justify-content:center}.cust__buy{--btn-h: 38px;font-size:13px;padding:0 16px}.cust__buy:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.cust__eq{--btn-h: 38px;font-size:13px;padding:0 18px}.cust__eqd{color:#a0623c;font-size:12px;font-weight:800;letter-spacing:.06em}.prev{width:100%;height:70px;border-radius:var(--r-sm);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.prev--img{background:radial-gradient(ellipse at 50% 80%,#ffd8a873,#f5e0c8 70%)}.prev__img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.prev--paddle.prev--img .prev__img{object-fit:contain;max-height:100%;padding:4px 8px}.prev--court.prev--img .prev__img{object-fit:cover;border-radius:var(--r-sm)}.prev--paddle{border-radius:14px/50%}.prev__paddle-edge{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;opacity:.4}.prev__paddle-grip{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:22px;height:28px;border-radius:6px}.prev--ball{background:radial-gradient(circle at 30% 30%,#fff,#ddd 60%,#333);height:70px;width:70px;margin:0 auto;border-radius:50%;overflow:hidden}.prev--ball.prev--img{background:#fff8f0;box-shadow:inset 0 0 0 1px #a0623c26}.prev--ball.prev--img .prev__img--ball{width:100%;height:100%;object-fit:cover;border-radius:50%}.prev--trail{background:linear-gradient(180deg,#f5e0c8,#e8c9a8);overflow:hidden}.prev__trail-dot{width:14px;height:14px;border-radius:50%;background:#3d2a1a;box-shadow:-16px 0 0 -2px #3d2a1abf,-32px 0 0 -3px #3d2a1a80,-48px 0 0 -4px #3d2a1a40;animation:prev-trail 1.6s linear infinite}.prev--trail-sparkle .prev__trail-dot{box-shadow:-16px -4px 0 -3px #ffd8a8,-28px 6px 0 -4px #d4a070,-40px -2px 0 -5px #e8c9a8}.prev--trail-comet .prev__trail-dot{box-shadow:-10px 0 12px 4px #c87850,-22px 0 16px -2px #c8785099}.prev--trail-lightning .prev__trail-dot{box-shadow:-16px -6px 0 -3px #ffe0b2,-22px 6px 0 -4px #ffd8a8,-32px -4px 0 -5px #fff8f0}.prev--trail-rainbow .prev__trail-dot{background:linear-gradient(90deg,#e74c3c,#ffd8a8,#81c784,#64b5f6,#ce93d8);box-shadow:-16px 0 0 -2px #ffd8a8,-28px 0 0 -3px #81c784,-40px 0 0 -4px #64b5f6}@keyframes prev-trail{0%{transform:translate(-30px)}to{transform:translate(30px)}}.prev--court{width:100%;height:70px;background:#f5e0c8;display:flex;align-items:center;justify-content:center}.prev__court-trap{width:78%;height:60%;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);position:relative}.prev__court-line{position:absolute;top:50%;left:10%;right:10%;height:1px;opacity:.7}@media (max-width: 719px){.sheet__inner.cust{max-width:none;width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0}.cust__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px}.cust__tab{padding:12px 10px;font-size:13px}}.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.statcard{background:#ffffff08;border:1px solid var(--line);padding:12px 14px;border-radius:var(--r-md)}.statcard__l{font-size:10px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.statcard__v{font-size:22px;font-weight:900;margin-top:6px;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.statcard--accent{border-color:#5cf2c266;background:#5cf2c20f}.statcard--accent .statcard__v{color:var(--accent)}.statcard--hot{border-color:#ffb34766;background:#ffb3470f}.statcard--hot .statcard__v{color:var(--warn)}.stats__h3{margin:6px 0 0 4px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.stats__history{display:flex;flex-direction:column;gap:6px}.stats__row{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md)}.stats__row--win{border-left:4px solid var(--accent);padding-left:14px}.stats__row--loss{border-left:4px solid var(--danger);padding-left:14px}.stats__row-result{font-weight:900;font-size:16px;text-align:center;letter-spacing:-.02em}.stats__row--win .stats__row-result{color:var(--accent)}.stats__row--loss .stats__row-result{color:var(--danger)}.stats__row-vs{font-size:13.5px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em}.stats__row-score{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.stats__row-meta{display:flex;gap:4px}.stats__empty{color:var(--text-muted);font-size:13px;padding:16px;text-align:center;background:#ffffff08;border-radius:var(--r-md);border:1px dashed var(--line)}.chat-layer{position:absolute;top:calc(96px + var(--safe-top));right:calc(78px + var(--safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;max-width:260px;z-index:5}@media (max-width: 719px){.chat-layer{right:calc(14px + var(--safe-right));top:calc(168px + var(--safe-top));max-width:220px}}.chat-bubble{display:flex;align-items:center;gap:9px;background:var(--surface-glass-strong);border:1px solid var(--line);border-radius:var(--r-lg);padding:8px 12px 8px 8px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--shadow-md);animation-duration:.35s}.chat-bubble__body{display:flex;flex-direction:column;min-width:0}.chat-bubble__name{font-size:10px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:700;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-bubble__text{font-size:13px;color:var(--text);font-weight:600;line-height:1.25}.ladder__desc{display:flex;justify-content:center}.ladder__pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-2) 60%,transparent);color:var(--accent-2);font-size:11.5px;font-weight:700;letter-spacing:.04em;background:#ffffff08}.ladder__cta{display:flex;flex-direction:column;gap:12px;padding:14px;background:linear-gradient(155deg,#82e9ff24,#82e9ff0a);border:1px solid rgba(130,233,255,.45);border-radius:var(--r-md)}.ladder__cta.is-lost{background:linear-gradient(155deg,#ff54702e,#ff54700a);border-color:#ff54708c}.ladder__cta.is-cleared{background:linear-gradient(155deg,#ffd86633,#ffd8660d);border-color:#ffd86699}.ladder__cta-label{font-size:10.5px;font-weight:800;color:var(--accent-2);letter-spacing:.18em;text-transform:uppercase}.ladder__cta.is-lost .ladder__cta-label{color:var(--danger)}.ladder__cta.is-cleared .ladder__cta-label{color:var(--gold)}.ladder__pips{display:flex;align-items:center;gap:6px}.ladder__pip{flex:1;height:6px;border-radius:999px;background:#ffffff1a;transition:background .25s var(--ease)}.ladder__pip.is-done{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ladder__pip.is-next{background:#ffffff4d;box-shadow:0 0 12px #ffffff40;animation:ladder-next-pulse 1.6s var(--ease) infinite}.ladder__pip--trophy{flex:0;background:transparent;height:auto;font-size:13px;line-height:1;padding-left:4px}@keyframes ladder-next-pulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)}}.ladder__next-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;background:#0000004d;border-radius:var(--r-sm);border:1px solid var(--line)}.ladder__next-avatar{display:flex;align-items:center;justify-content:center}.ladder__next-info{min-width:0}.ladder__next-title{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.ladder__next-name{font-size:16px;font-weight:800;color:var(--text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder__next-meta{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.ladder__next-flavor{margin:6px 0 0;font-size:11.5px;color:var(--text-dim);line-height:1.4}.ladder__next-reward{text-align:right;min-width:70px}.ladder__reward-num{font-size:18px;font-weight:900;color:var(--gold);line-height:1}.ladder__reward-lbl{font-size:10px;color:var(--text-dim);margin-top:2px;font-weight:700;letter-spacing:.04em}.ladder__reward-rp{margin-top:4px;font-size:11px;font-weight:800;color:var(--accent)}.ladder__champion{display:flex;align-items:center;gap:12px;padding:14px;background:#0000004d;border-radius:var(--r-sm);border:1px solid rgba(255,216,102,.5)}.ladder__champion-icon{font-size:36px;line-height:1;filter:drop-shadow(0 4px 12px rgba(255,216,102,.45))}.ladder__champion-body{display:flex;flex-direction:column;gap:2px}.ladder__champion-body strong{font-size:16px;color:var(--gold)}.ladder__champion-body span{font-size:12px;color:var(--text-dim);font-weight:700}.ladder__play{letter-spacing:.06em}.ladder__forfeit{font-size:12px;opacity:.85}.ladder__list{display:flex;flex-direction:column;gap:8px}.ladder__row{display:grid;grid-template-columns:28px 44px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);transition:transform .2s var(--ease),border-color .2s var(--ease)}.ladder__row.is-done{opacity:.55;border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.ladder__row.is-done .ladder__row-no:before{content:"✓ ";color:var(--accent)}.ladder__row.is-next{border-color:#82e9ff8c;box-shadow:0 0 0 1px #82e9ff59,0 4px 18px #82e9ff2e;background:linear-gradient(155deg,#82e9ff14,#82e9ff05)}.ladder__row.is-locked{opacity:.45}.ladder__row.is-locked .ladder__row-side{filter:grayscale(80%)}.ladder__row-no{font-size:14px;font-weight:900;color:var(--text-dim);text-align:center}.ladder__row.is-next .ladder__row-no{color:var(--accent-2)}.ladder__row-avatar{display:flex;align-items:center;justify-content:center}.ladder__row-body{min-width:0}.ladder__row-title{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder__row-sub{font-size:11px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder__row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ladder__row-reward{font-size:11px;font-weight:800;color:var(--gold)}.ladder__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.ladder__stat{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--bg-2);border-radius:var(--r-sm)}.ladder__stat-num{font-size:22px;font-weight:900;color:var(--accent-2);line-height:1}.ladder__stat-lbl{font-size:10.5px;color:var(--text-dim);margin-top:6px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.daily__list{display:flex;flex-direction:column;gap:6px}.daily__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .18s var(--ease),background .18s var(--ease)}.daily__row.is-ready{border-color:#5cf2c273;background:#5cf2c214}.daily__row.is-claimed{border-color:var(--line);background:#ffffff05;opacity:.7}.daily__row-body{display:flex;flex-direction:column;gap:6px;min-width:0}.daily__row-title{font-size:13px;font-weight:800;letter-spacing:-.005em}.daily__row-progress{display:flex;align-items:center;gap:8px}.daily__row-bar{flex:1;height:7px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--line)}.daily__row-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .4s var(--ease);box-shadow:0 0 10px var(--accent-glow)}.daily__row-counts{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:50px;text-align:right}.daily__row-reward{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.02em}.daily__row-btn{--btn-h: 40px;font-size:12.5px;padding:0 16px;align-self:stretch}.daily__row-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.daily__row.is-claimed .daily__row-btn{background:#ffffff0a;color:var(--text-muted);border-color:var(--line);cursor:default;box-shadow:none}.daily__bonus{display:flex;align-items:center;gap:12px;padding:14px;background:#ffd86614;border:1px dashed var(--gold);border-radius:var(--r-md);transition:background .2s var(--ease)}.daily__bonus.is-ready{background:#ffd86629;animation:bonus-glow 1.5s var(--ease) infinite}.daily__bonus.is-claimed{background:#ffffff08;border-color:var(--line);opacity:.7}@keyframes bonus-glow{0%,to{box-shadow:0 0 #ffd86600}50%{box-shadow:0 0 22px #ffd86666}}.daily__bonus-icon{font-size:30px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.daily__bonus-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.daily__bonus-title{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:.02em}.daily__bonus-sub{font-size:11px;color:var(--text-dim);line-height:1.35}.daily__bonus-btn{--btn-h: 42px;font-size:13px}.league__meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-bottom:4px}.league__board{display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md);padding:6px}.league__row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);border-left:3px solid transparent;font-size:13px;font-weight:700;transition:background .15s var(--ease)}.league__row--promo{border-left-color:var(--accent);background:#5cf2c20f}.league__row--demo{border-left-color:var(--danger);background:#ff54700f}.league__row.is-you{background:#82e9ff1a;border-left-color:var(--accent-2);font-weight:900}.league__place{font-weight:900;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:-.01em}.league__row--promo .league__place{color:var(--accent)}.league__row--demo .league__place{color:var(--danger)}.league__row.is-you .league__place{color:var(--accent-2)}.league__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.league__lp{font-variant-numeric:tabular-nums;font-size:14px;font-weight:900;color:var(--gold);letter-spacing:-.005em}.league__reward{display:flex;flex-direction:column;gap:2px;padding:12px;background:#ffd8660f;border:1px dashed var(--gold);border-radius:var(--r-md);text-align:center}.league__reward-place{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.league__reward-prize{font-size:12.5px;color:var(--text-dim);font-weight:600}.live__hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;border-radius:var(--r-md);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--live-color) 25%,transparent),transparent 60%),#ffffff0a;border:1px solid color-mix(in srgb,var(--live-color) 55%,var(--line));text-align:center;position:relative;overflow:hidden}.live__hero:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--live-color) 30%,transparent) 0deg 80deg,transparent 80deg 180deg,color-mix(in srgb,var(--live-color) 30%,transparent) 180deg 260deg,transparent 260deg 360deg);animation:live-spin 14s linear infinite;opacity:.35;pointer-events:none;filter:blur(20px)}@keyframes live-spin{to{transform:rotate(360deg)}}.live__icon{font-size:48px;line-height:1;filter:drop-shadow(0 4px 18px color-mix(in srgb,var(--live-color) 60%,transparent));position:relative;z-index:1}.live__name{font-size:20px;font-weight:900;color:var(--live-color);letter-spacing:.04em;text-transform:uppercase;position:relative;z-index:1}.live__blurb{font-size:13px;font-weight:600;color:var(--text-dim);line-height:1.4;position:relative;z-index:1;max-width:320px}.live__timer{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px;padding:8px 14px;border-radius:var(--r-pill);background:#00000052;border:1px solid var(--line);position:relative;z-index:1}.live__timer-l{font-size:9px;font-weight:800;color:var(--text-muted);letter-spacing:.2em}.live__timer-v{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text)}.live__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.live__stat{padding:10px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-sm);text-align:center}.live__stat span{display:block;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.live__stat b{display:block;margin-top:4px;font-size:18px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.live__next{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff08;border:1px dashed var(--line-strong);border-radius:var(--r-md)}.live__next-label{font-size:9px;font-weight:800;color:var(--text-muted);letter-spacing:.18em}.live__next-row{display:flex;align-items:center;gap:10px}.live__next-icon{font-size:26px;line-height:1;filter:grayscale(.4) opacity(.7)}.live__next-body{display:flex;flex-direction:column;gap:2px;min-width:0}.live__next-body strong{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.005em}.live__next-body span{font-size:11px;color:var(--text-dim)}.spass__hero{padding:0 18px 14px;border-bottom:1px solid var(--line)}.spass__hero-title{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--gold)}.spass__hero-sub{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:2px}.spass__progress{margin-top:14px}.spass__progress-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.spass__progress-bar{height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--line);overflow:hidden}.spass__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--gold));box-shadow:0 0 12px #ffd86659;transition:width .25s var(--ease)}.spass__progress-next{margin-top:6px;font-size:11px;color:var(--text-muted);font-weight:600}.spass__premium-btn{width:100%;margin-top:14px}.spass__premium-owned{margin-top:14px;padding:10px 14px;border-radius:var(--r-md);text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#ffd8661f;border:1px solid rgba(255,216,102,.4)}.spass__tracks-head{display:grid;grid-template-columns:36px 1fr 1fr;gap:8px;padding:0 4px 8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.spass__list{display:flex;flex-direction:column;gap:8px}.spass__row{display:grid;grid-template-columns:36px 1fr 1fr;gap:8px;align-items:stretch;padding:8px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff05;opacity:.72;transition:opacity .18s var(--ease),border-color .18s var(--ease)}.spass__row.is-unlocked{opacity:1;border-color:#5cf2c240}.spass__row.is-current{border-color:#ffd8668c;box-shadow:0 0 0 1px #ffd86626}.spass__tier-n{display:grid;place-items:center;font-size:16px;font-weight:900;color:var(--text-dim)}.spass__row.is-unlocked .spass__tier-n{color:var(--accent)}.spass__cell{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--line)}.spass__cell--premium{background:#ffd8660f;border-color:#ffd86638}.spass__cell.is-locked{opacity:.55}.spass__cell-label{font-size:11px;font-weight:700;line-height:1.25;color:var(--text);min-height:28px}.spass__claim-btn{padding:6px 10px;font-size:11px;min-height:32px}.rfly{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200;overflow:hidden}.rfly__p{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;transform:translate(var(--sx),var(--sy)) scale(.2);opacity:0;animation:rfly-fly .72s cubic-bezier(.32,.72,0,1) var(--delay) forwards;will-change:transform,opacity}.rfly__p--coin{background:radial-gradient(circle at 32% 32%,#fff6c8,#ffd866,#d99e2a 70%,#93640d);box-shadow:0 0 14px #ffc850a6,inset 0 1px 2px #fff9}.rfly__p--rp{width:18px;height:22px;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#e0f8ff,#82e9ff 40%,#2196c5);box-shadow:0 0 14px #82e9ffa6,inset 0 1px 2px #ffffff8c}@keyframes rfly-fly{0%{transform:translate(var(--sx),var(--sy)) scale(.15);opacity:0}12%{transform:translate(var(--sx),var(--sy)) scale(1.25);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.45);opacity:.85}}.pill.is-bumping{animation:rfly-bump .36s var(--ease)}@keyframes rfly-bump{0%{transform:scale(1)}35%{transform:scale(1.1);box-shadow:0 0 18px #ffc85073}to{transform:scale(1)}}.rw-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1190;display:grid;place-items:center;pointer-events:none;background:#04060c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rw-modal-in .28s var(--ease) both}.rw-modal--exit{animation:rw-modal-out .32s var(--ease) forwards}.rw-modal--exit .rw-modal__card{animation:rw-modal-card-out .32s var(--ease) forwards}.rw-modal__card{min-width:min(320px,calc(100vw - 48px));padding:28px 32px 24px;border-radius:var(--r-xl);background:var(--surface-glass-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg),0 0 48px #ffd8661f;text-align:center}.rw-modal__title{font-size:clamp(28px,7vw,36px);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 24px rgba(255,216,102,.35);line-height:1}.rw-modal__items{display:flex;flex-direction:column;gap:10px;margin-top:22px}.rw-modal__item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:var(--r-md);border:1px solid var(--line)}.rw-modal__item--coin{background:#ffd8661a;border-color:#ffd86659}.rw-modal__item--rp{background:#82e9ff1a;border-color:#82e9ff59}.rw-modal__icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 32% 32%,#fff6c8,#ffd866,#d99e2a 70%,#93640d);box-shadow:0 0 12px #ffc8508c}.rw-modal__icon--rp{border-radius:50% 50% 40% 40%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#e0f8ff,#82e9ff 40%,#2196c5);box-shadow:0 0 12px #82e9ff8c}.rw-modal__val{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text)}.rw-modal__item--coin .rw-modal__val{color:var(--gold)}.rw-modal__item--rp .rw-modal__val{color:var(--accent-2)}@keyframes rw-modal-in{0%{opacity:0}to{opacity:1}}@keyframes rw-modal-out{0%{opacity:1}to{opacity:0}}@keyframes rw-modal-card-out{0%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:0}}.rally-ms-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1050;overflow:hidden}.rally-ms{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;will-change:transform,opacity,left,top}.rally-ms__glow{position:absolute;top:-40px;right:-60px;bottom:-40px;left:-60px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ms-color, var(--accent)) 35%,transparent) 0%,transparent 68%);opacity:.85;pointer-events:none}.rally-ms__inner{position:relative;display:flex;align-items:flex-end;gap:2px;line-height:.85}.rally-ms__n{font-size:clamp(72px,14vw,128px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:var(--ms-color, var(--accent));text-shadow:0 0 40px color-mix(in srgb,var(--ms-color, var(--accent)) 55%,transparent),0 6px 28px rgba(0,0,0,.65)}.rally-ms__x{font-size:clamp(36px,7vw,64px);font-weight:900;color:var(--ms-color, var(--accent));opacity:.92;margin-bottom:.12em;text-shadow:0 0 24px color-mix(in srgb,var(--ms-color, var(--accent)) 45%,transparent)}.rally-ms__label{position:relative;font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted)}.rally-ms--base{--ms-color: var(--accent)}.rally-ms--hot{--ms-color: var(--warn)}.rally-ms--epic{--ms-color: #ffd866;animation:rally-ms-epic-glow .9s var(--ease) infinite}@keyframes rally-ms-epic-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.rally-ms--pop .rally-ms__inner{animation:rally-ms-pop-in .42s var(--ease-snap) both}.rally-ms--pop .rally-ms__label{animation:rally-ms-label-in .42s var(--ease) 80ms both}@keyframes rally-ms-pop-in{0%{opacity:0;transform:scale(.35)}35%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes rally-ms-label-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rally-ms--fly{animation:rally-ms-to-hud .68s cubic-bezier(.32,.72,0,1) forwards}@keyframes rally-ms-to-hud{0%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}to{left:var(--tx);top:var(--ty);transform:translate(-50%,-50%) scale(.28);opacity:0}}.hud__rally--bump{animation:rally-ms-hud-bump .38s var(--ease)}@keyframes rally-ms-hud-bump{0%{transform:translateY(-50%) scale(1)}40%{transform:translateY(-50%) scale(1.14);box-shadow:0 0 22px #5cf2c273}to{transform:translateY(-50%) scale(1)}}@media (max-width: 520px){.hud__rally--bump{animation-name:rally-ms-hud-bump-mobile}}@keyframes rally-ms-hud-bump-mobile{0%{transform:scale(1)}40%{transform:scale(1.14);box-shadow:0 0 22px #5cf2c273}to{transform:scale(1)}}.score-pop-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:35}.score-pop{position:fixed;left:var(--ox);top:var(--oy);transform:translate(-50%,-50%);font-size:clamp(28px,5vw,44px);font-weight:900;letter-spacing:.04em;text-shadow:0 4px 24px rgba(0,0,0,.65);will-change:transform,opacity}.score-pop--base{color:var(--accent);text-shadow:0 0 24px var(--accent-glow),0 4px 20px rgba(0,0,0,.7)}.score-pop--big{color:#7dff9a;text-shadow:0 0 28px rgba(125,255,154,.75),0 4px 20px rgba(0,0,0,.7)}.score-pop--perfect{color:#ffd866;font-size:clamp(32px,5.5vw,52px);text-shadow:0 0 32px rgba(255,216,102,.8),0 4px 20px rgba(0,0,0,.7)}.score-pop--pop{animation:score-pop-in .2s var(--ease-snap) both}.score-pop--fly{animation:score-pop-fly .42s cubic-bezier(.22,1,.36,1) forwards}@keyframes score-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.22)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes score-pop-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) scale(.55)}}.boba-chain-pop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:29;overflow:hidden}.boba-chain-pop{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-display, system-ui, sans-serif);font-size:26px;font-weight:900;letter-spacing:.02em;color:#ffe566;text-shadow:0 2px 0 rgba(90,50,20,.55),0 4px 14px rgba(0,0,0,.45),0 0 16px rgba(255,200,60,.5);animation:boba-chain-pop-tick .16s var(--ease-snap) both}.boba-chain-pop--big{font-size:34px;color:#fff3b0}.boba-chain-pop--fade{animation:boba-chain-pop-fade .52s ease-out forwards}@keyframes boba-chain-pop-tick{0%{opacity:.7;transform:translate(-50%,-50%) scale(.82)}45%{opacity:1;transform:translate(-50%,-58%) scale(1.18)}to{opacity:1;transform:translate(-50%,-54%) scale(1)}}@keyframes boba-chain-pop-fade{0%{opacity:1;transform:translate(-50%,-54%) scale(1)}to{opacity:0;transform:translate(-50%,-95%) scale(.88)}}.score-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:12}.score-confetti__piece{position:absolute;top:-6%;left:var(--x);width:var(--w);height:var(--h);border-radius:2px;background:var(--color);opacity:0;box-shadow:0 1px #ffffff59 inset;animation:score-confetti-fall var(--dur) cubic-bezier(.22,.61,.36,1) var(--delay) forwards}.score-confetti__piece--round{border-radius:50%;width:calc(var(--w) * .85);height:calc(var(--w) * .85)}@keyframes score-confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(var(--rot)) scale(.6)}6%{opacity:1;transform:translate3d(calc(var(--sway) * .15),4vh,0) rotate(var(--rot)) scale(1)}35%{opacity:1;transform:translate3d(calc(var(--sway) * .55),42vh,0) rotate(calc(var(--rot) + 180deg))}to{opacity:0;transform:translate3d(var(--sway),112vh,0) rotate(calc(var(--rot) + 720deg)) scale(.85)}}.announcer{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:35;pointer-events:none;text-align:center}.announcer__label{font-size:clamp(22px,5.2vw,44px);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ffd866;max-width:92vw;text-shadow:0 0 28px rgba(255,216,102,.55),0 6px 32px rgba(0,0,0,.75);animation:announcer-pop 1.05s var(--ease-snap) both}.announcer__sub{margin-top:4px;font-size:clamp(11px,2.5vw,14px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1;animation:announcer-pop 1.05s var(--ease-snap) both;animation-delay:.06s}@keyframes announcer-pop{0%{opacity:0;transform:scale(.55) translateY(12px)}18%{opacity:1;transform:scale(1.12) translateY(0)}72%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.04) translateY(-6px)}}.ad-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#080a14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ad-scrim__card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;min-width:200px}.ad-scrim__spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent, #5cf2c2);border-radius:50%;animation:ad-scrim-spin .85s linear infinite}.ad-scrim__msg{margin:0;font-size:.95rem;color:var(--text-muted, rgba(255, 255, 255, .75))}@keyframes ad-scrim-spin{to{transform:rotate(360deg)}}.boba-ftue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;touch-action:none}.boba-ftue__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#050814db;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(ellipse min(48vw,260px) min(36vh,220px) at 50% 46%,transparent 0,transparent 92%,#000 100%);mask-image:radial-gradient(ellipse min(48vw,260px) min(36vh,220px) at 50% 46%,transparent 0,transparent 92%,#000 100%)}.boba-ftue__ring{position:absolute;left:50%;top:46%;width:min(48vw,260px);height:min(36vh,220px);transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(92,242,255,.88);box-shadow:0 0 28px #5cf2ff59,inset 0 0 20px #5cf2ff14;animation:boba-ftue-ring-pulse 1.8s ease-in-out infinite}@keyframes boba-ftue-ring-pulse{0%,to{opacity:.82}50%{opacity:1}}.boba-ftue__msg{position:absolute;left:50%;bottom:max(20%,128px);transform:translate(-50%);width:min(300px,calc(100% - 32px));margin:0;padding:12px 16px;text-align:center;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:.01em;color:#f4f8ff;border-radius:14px;background:#080e1cd1;border:1px solid rgba(92,242,255,.35);box-shadow:0 8px 28px #00000059;animation:boba-ftue-msg-in .4s cubic-bezier(.22,1,.36,1) both}@keyframes boba-ftue-msg-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.menu-ftue{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;pointer-events:none}.menu-ftue__dim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#050814e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-ftue__ring{position:fixed;border-radius:18px;border:2px solid rgba(255,216,102,.95);box-shadow:0 0 36px #ffd86673,inset 0 0 24px #ffd8661f;pointer-events:none;animation:menu-ftue-ring-pulse 1.8s ease-in-out infinite}@keyframes menu-ftue-ring-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.menu-ftue__card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,520px);padding:18px 22px 20px;pointer-events:auto;text-align:center;border-color:#ffd86659;box-shadow:0 16px 48px #0009,0 0 32px #ffd86624}.menu-ftue__card-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:6px}.menu-ftue__close{position:absolute;right:-4px;top:50%;transform:translateY(-50%);min-width:36px;min-height:36px;font-size:1.1rem;color:#ffffffb8}.menu-ftue__close:hover{color:#fff}.menu-ftue__eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd866}.menu-ftue__title{margin:0 0 16px;font-size:clamp(1.25rem,4.2vw,1.55rem);font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1.2}.menu-ftue__reward{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 14px;padding:16px 12px 14px;border-radius:16px;background:linear-gradient(180deg,#ffd8661f,#0c102080);border:1px solid rgba(255,216,102,.25)}.menu-ftue__reward-glow{position:absolute;top:8%;right:12%;bottom:8%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,216,102,.35) 0%,transparent 70%);filter:blur(12px);pointer-events:none}.menu-ftue__reward-preview{position:relative;width:min(42vw,160px);height:100px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.menu-ftue__reward-preview .cos-prev{height:100%;background:transparent;border-radius:12px}.menu-ftue__reward-preview .cos-prev__ship-svg{width:72px;height:72px}.menu-ftue__reward-meta{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.menu-ftue__reward-meta strong{font-size:1.05rem;font-weight:900;color:#fff}.menu-ftue__reward-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1408;background:linear-gradient(180deg,#ffe699,#ffd866)}.menu-ftue__body{margin:0 0 16px;font-size:.95rem;line-height:1.5;color:var(--text-muted);text-align:left}.menu-ftue__body strong{color:#fff;font-weight:800}.menu-ftue__start{margin-bottom:8px}.menu-ftue__hint{margin:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffd866bf}:root{--bg-0: #07070d;--bg-1: #0d0e16;--bg-2: #161824;--bg-3: #1f2231;--bg-4: #2a2e42;--surface-glass: rgba(20, 22, 36, .78);--surface-glass-strong: rgba(14, 16, 28, .92);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .18);--text: #f4f5fa;--text-dim: #aab0c4;--text-muted: #6f7591;--accent: #5cf2c2;--accent-strong: #2ec79b;--accent-soft: rgba(92, 242, 194, .16);--accent-glow: rgba(92, 242, 194, .45);--accent-2: #82e9ff;--accent-3: #d59bff;--gold: #ffd866;--warn: #ffb347;--danger: #ff5470;--success: #5cf2c2;--rank-bronze: #d49273;--rank-silver: #d8dde7;--rank-gold: #ffd866;--rank-plat: #82e9ff;--rank-diamond: #d59bff;--rank-master: #ff7eb9;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-lg: 0 22px 60px rgba(0,0,0,.55);--shadow-accent: 0 8px 28px rgba(92, 242, 194, .32);--ease: cubic-bezier(.32, .72, 0, 1);--ease-snap: cubic-bezier(.2, .9, .4, 1.2);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;font-feature-settings:"cv11","ss01";color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg-0);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font-family:inherit;-webkit-tap-highlight-color:transparent}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -10%,#1a1e36 0%,transparent 55%),radial-gradient(ellipse at 50% 120%,#1a0e2a 0%,transparent 60%),var(--bg-0)}.app__stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#050610;overflow:hidden}.app__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 92% 78% at 50% 42%,transparent 26%,rgba(8,28,65,.58) 100%),linear-gradient(90deg,rgba(5,18,45,.52) 0%,transparent 14%,transparent 86%,rgba(5,18,45,.52) 100%),linear-gradient(180deg,rgba(12,45,95,.42) 0%,transparent 20%,transparent 80%,rgba(5,18,45,.48) 100%);box-shadow:inset 0 0 min(16vw,96px) #040c23ad}.app__stage--miss-sting{animation:app-hit-sting .48s ease-out}.app__stage--level-up-flash{animation:app-level-up-flash .5s ease-out}.app__stage--score-shake{animation:app-score-shake .42s cubic-bezier(.36,.07,.19,.97) both}.app__stage--match-point:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;box-shadow:inset 0 0 min(22vw,120px) #000614b8;animation:app-match-point-vignette 1.4s ease-in-out infinite}@keyframes app-match-point-vignette{0%,to{opacity:.75}50%{opacity:1}}@keyframes app-score-shake{0%,to{transform:translateZ(0)}12%{transform:translate3d(-4px,3px,0)}24%{transform:translate3d(5px,-2px,0)}36%{transform:translate3d(-3px,-4px,0)}48%{transform:translate3d(4px,2px,0)}60%{transform:translate3d(-2px,1px,0)}72%{transform:translate3d(2px,-1px,0)}}@keyframes app-level-up-flash{0%{filter:brightness(1.45) saturate(1.25)}35%{filter:brightness(1.15) saturate(1.1)}to{filter:none}}@keyframes app-hit-sting{0%{filter:brightness(1.28) saturate(1.15) hue-rotate(-8deg)}18%{filter:brightness(.92) saturate(.85)}to{filter:none}}.app__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;background:transparent;touch-action:none}.app__game-stage canvas{display:block;width:100%!important;height:100%!important;filter:saturate(1)}.app__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.app__sheets{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.app__sheets>.sheet{pointer-events:auto}.app__modals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;pointer-events:none}.btn{--btn-h: 48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r-md);font-weight:700;font-size:15px;letter-spacing:.005em;background:linear-gradient(180deg,#232739,#181b29);border:1px solid var(--line-strong);color:var(--text);transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0d}.btn:hover{background:linear-gradient(180deg,#2b3149,#1d2235);border-color:#ffffff47}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#03241b;border-color:#ffffff40;box-shadow:var(--shadow-accent),inset 0 1px #ffffff73}.btn--primary:hover{filter:brightness(1.06);background:linear-gradient(180deg,#6ef9cb,#2eb892)}.btn--danger{background:linear-gradient(180deg,#ff5e7c,#c12c47);color:#fff;border-color:#fff3;box-shadow:0 8px 24px #ff547047,inset 0 1px #ffffff40}.btn--ghost{background:transparent;border-color:var(--line-strong)}.btn--ghost:hover{background:#ffffff0a}.btn--block{width:100%}.btn--big{--btn-h: 60px;font-size:17px;border-radius:var(--r-lg);padding:0 28px;letter-spacing:.01em}.btn--icon{--btn-h: 44px;width:44px;padding:0;border-radius:var(--r-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--text-dim);letter-spacing:.01em;line-height:1;white-space:nowrap}.chip--accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip--warn{background:#ffb3471f;border-color:#ffb34780;color:var(--warn)}.chip--danger{background:#ff54701a;border-color:#ff547080;color:var(--danger)}.chip__dot{width:7px;height:7px;border-radius:50%;display:inline-block}.panel{background:var(--surface-glass);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-md)}.panel--strong{background:var(--surface-glass-strong)}.h-title{font-size:26px;font-weight:800;letter-spacing:-.015em;margin:0}.h-sub{font-size:13px;color:var(--text-dim);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#04060eb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;animation:sheet-fade .22s var(--ease) both}.sheet__inner{width:100%;max-width:560px;max-height:92%;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);border:1px solid var(--line);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:16px 18px calc(18px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;box-shadow:0 -24px 80px #0009;animation:sheet-up .32s var(--ease) both;overflow:hidden}@media (min-width: 720px){.sheet{align-items:center}.sheet__inner{border-radius:var(--r-xl);border-bottom:1px solid var(--line);margin:24px;box-shadow:var(--shadow-lg)}}.sheet__grabber{width:44px;height:5px;border-radius:999px;background:#ffffff2e;margin:0 auto 6px}.sheet__header{display:flex;align-items:center;gap:10px;padding:0 2px}.sheet__title{margin:0;flex:1;font-size:20px;font-weight:800;letter-spacing:-.01em}.sheet__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:0 2px 4px;scrollbar-gutter:stable}.sheet__footer{display:flex;gap:8px;padding-top:4px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 12px transparent}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fade-in .25s var(--ease) both}.pop-in{animation:pop-in .36s var(--ease-snap) both}