.ios-picker{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;width:100%}.picker-labels{display:flex;gap:1rem}.wheel-label{flex:1;font-size:.7rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1px;text-align:center}.picker-wheels{display:flex;gap:1rem;position:relative}.wheel{flex:1;height:135px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:8px;background:#00000026;padding:45px 0}.wheel::-webkit-scrollbar{display:none}.wheel-item{height:45px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:#ffffff4d;scroll-snap-align:center;-webkit-user-select:none;user-select:none;transition:color .3s ease}.wheel-item.active{color:#ff6b00;font-weight:700;text-shadow:0 0 8px rgba(255,107,0,.4)}.wheel-highlight{position:absolute;top:50%;left:0;right:0;height:45px;transform:translateY(-50%);border-top:2px solid rgba(255,107,0,.5);border-bottom:2px solid rgba(255,107,0,.5);background:linear-gradient(180deg,#ff6b0026,#ff6b001a,#ff6b0026);pointer-events:none;border-radius:8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;overflow:hidden;height:100%}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}input,textarea{user-select:text;-webkit-user-select:text}:root{--primary: #FF6B00;--primary-dark: #CC5200;--primary-glow: rgba(255, 107, 0, .55);--accent: #FFCC00;--accent-glow: rgba(255, 204, 0, .5);--green: #00E676;--green-dark: #00C853;--red: #E53935;--red-glow: rgba(229, 57, 53, .5);--bg: #070A12;--surface: #0F1923;--surface2: #18253A;--surface3: #1E2F47;--border: rgba(255,255,255,.07);--text: #EFF3FF;--text-muted: #5A7A9A;--text-dim: #3A5A7A;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow: 0 8px 40px rgba(0,0,0,.7);--shadow-sm: 0 4px 16px rgba(0,0,0,.5);--app-height: 100dvh}.hc-cb{--green: #2196F3;--green-dark: #1976D2}.hc-cb .ball-4{background:#2196f3;color:#fff;box-shadow:0 0 6px #2196f380}.hc-cb .rr-tight{text-decoration:underline dotted}.hc-cb .rr-hard{text-decoration:underline;font-weight:900;letter-spacing:.02em}.hc-cb .presence-dot.online{background:#2196f3;box-shadow:0 0 5px #2196f399}.hc-cb .pips-danger .wicket-pip:not(.pip-fallen){border-color:#ff7043;box-shadow:0 0 5px #ff704380}@media (display-mode: standalone){:root{--app-height: 100vh}}html,body{height:var(--app-height, 100dvh);font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#root{height:var(--app-height, 100dvh)}#screen-auth{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--app-height, 100dvh);background:var(--bg);z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}.auth-hero{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 1.25rem) 1.5rem 1.5rem;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(255,107,0,.14) 0%,transparent 68%)}.auth-floater{position:absolute;animation:authFloat var(--dur, 4s) ease-in-out infinite alternate;opacity:.16;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}@keyframes authFloat{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-12px) rotate(6deg)}}.auth-logo{width:60px;height:60px;border-radius:14px;object-fit:contain;animation:authLogoFloat 3.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 16px rgba(255,107,0,.45));margin-bottom:.55rem}@keyframes authLogoFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.02)}}.auth-brand{font-size:1.75rem;font-weight:900;color:var(--text);letter-spacing:-.5px;line-height:1;margin-bottom:.35rem}.auth-tagline{font-size:.75rem;font-weight:700;color:var(--primary);letter-spacing:2.5px;text-transform:uppercase;opacity:.9}.auth-card{flex:1;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid var(--border);padding:1.25rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem));display:flex;flex-direction:column;gap:.7rem}.btn-google-hero{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.88rem 1rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#f0f0f0);border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:.98rem;font-weight:700;color:#1f1f1f;transition:transform 80ms ease-in,box-shadow 80ms ease-in;box-shadow:0 1.5px #fffffff2 inset,0 4px #b0b0b0,0 7px 18px #0000004d;-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-google-hero:active{transform:translateY(3px);box-shadow:0 1px #fffc inset,0 1px #b0b0b0,0 2px 8px #0003;filter:none}.btn-google-hero:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (hover: hover) and (pointer: fine){.btn-google-hero:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #ffffff21}}.auth-tabs{display:flex;gap:0;background:var(--surface2);border-radius:10px;padding:3px;flex-shrink:0}.auth-tab{flex:1;padding:.58rem .5rem;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.4,.64,1)}.auth-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 12px var(--primary-glow)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-divider{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.input-wrap{display:flex;align-items:center;padding:0 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#ffffff08;transition:border-color .2s,background .2s,box-shadow .2s;gap:.6rem}.input-wrap:focus-within{border-color:var(--primary);background:#ff6b000a;box-shadow:0 0 0 3px #ff6b001c}.input-wrap.input-wrap-error{border-color:var(--red);background:#e539350a}.input-wrap.input-wrap-error:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #e539351a}.input-icon{color:var(--text-dim);flex-shrink:0;transition:color .2s}.input-wrap:focus-within .input-icon{color:var(--primary)}.input-wrap>input{flex:1;padding:.78rem 0;border:none;background:transparent;color:var(--text);font-family:Poppins,sans-serif;font-size:.95rem;outline:none;min-width:0}.input-wrap>input::placeholder{color:var(--text-dim)}.input-wrap>input:disabled{opacity:.6;cursor:not-allowed}.auth-dob-btn{width:100%;display:flex;align-items:center;gap:.6rem;padding:.78rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#ffffff08;cursor:pointer;font-family:Poppins,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s}.auth-dob-btn:focus{outline:none;border-color:var(--primary);background:#ff6b000a;box-shadow:0 0 0 3px #ff6b001c}.auth-dob-btn.input-wrap-error{border-color:var(--red);background:#e539350a}.auth-dob-btn:disabled{opacity:.6;cursor:not-allowed}.dob-value{font-size:.95rem;color:var(--text);flex:1;text-align:left}.dob-placeholder{font-size:.95rem;color:var(--text-dim);flex:1;text-align:left}.pw-strength{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.pw-strength-bar{flex:1;display:flex;gap:4px}.pw-strength-seg{flex:1;height:3px;border-radius:2px;background:var(--surface3);transition:background .35s ease}.pw-strength-label{font-size:.7rem;font-weight:700;min-width:38px;text-align:right;transition:color .35s}.auth-submit{width:100%;padding:.88rem;font-size:.98rem;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .65s linear infinite;flex-shrink:0}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-guest-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 1.25rem 0}.auth-legal-slot{margin-top:auto;padding-top:.6rem}.auth-guest-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#ff6b001a;border:1px solid rgba(255,107,0,.45);color:var(--primary);font-size:.95rem;font-weight:700;padding:.8rem 1.6rem;border-radius:99px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s}.auth-guest-btn:active{transform:scale(.96);background:#ff6b002e;border-color:#ff6b00b3}.auth-guest-btn .auth-guest-arrow{transition:transform .2s}.auth-guest-btn:active .auth-guest-arrow{transform:translate(3px)}#screen-dobgate.dobgate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 1.5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem)}.dobgate-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.dobgate-icon{align-self:center;color:var(--primary);margin-bottom:.9rem;filter:drop-shadow(0 0 14px rgba(255,107,0,.4))}.dobgate-title{font-size:1.4rem;font-weight:900;color:var(--text);text-align:center;margin-bottom:.4rem}.dobgate-sub{font-size:.88rem;color:var(--text-muted);line-height:1.5;text-align:center;margin-bottom:1.5rem}.dobgate-submit{margin-top:1.25rem}.auth-form-wrap.slide-left{overflow:hidden;animation:authSlideLeft .28s cubic-bezier(.4,0,.2,1)}.auth-form-wrap.slide-right{overflow:hidden;animation:authSlideRight .28s cubic-bezier(.4,0,.2,1)}@keyframes authSlideLeft{0%{opacity:.3;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes authSlideRight{0%{opacity:.3;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.form-group input{padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:Poppins,sans-serif;font-size:.95rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary);background:#ff6b000a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group .input-wrap>input{border:none;background:transparent;padding:.78rem 0;outline:none}.form-group .input-wrap>input:focus{border:none;background:transparent}.form-group input.input-error,.dob-button.input-error{border-color:var(--red);background:#e539350f}.form-group input.input-error:focus{border-color:var(--red);background:#e539350f}.field-error{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--red);margin-top:.1rem}.field-error svg{flex-shrink:0}.username-display{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,107,0,.3);background:#ff6b000f}.username-value{flex:1;font-size:.95rem;font-weight:700;color:var(--primary);letter-spacing:.3px;font-family:Poppins,monospace}.username-refresh{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.username-refresh:hover:not(:disabled){color:var(--primary);background:#ff6b001f}.username-refresh:disabled{opacity:.4;cursor:not-allowed}.username-hint{display:block;font-size:.72rem;color:var(--text-dim);margin-top:.25rem}.dob-button{width:100%;padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-family:Poppins,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left}.dob-button:hover:not(:disabled){border-color:var(--primary);background:#ff6b000a}.dob-button:disabled{opacity:.6;cursor:not-allowed}.picker-container{position:fixed;top:0;right:0;bottom:0;left:0;height:var(--app-height, 100dvh);z-index:9999;display:flex;align-items:flex-end}.picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.picker-wrapper{position:relative;z-index:2;width:100%;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:0 -8px 32px #0009;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);max-height:85dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface2);border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0}.picker-header span{font-size:1rem;font-weight:700;color:var(--text)}.picker-btn-cancel,.picker-btn-done{background:transparent;border:none;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;padding:.4rem 1rem;border-radius:6px;transition:all .2s}.picker-btn-cancel{color:var(--text-muted)}.picker-btn-cancel:hover{color:var(--text);background:#ffffff0f}.picker-btn-done{color:var(--primary);font-weight:700}.picker-btn-done:hover{background:#ff6b001f}.auth-error{padding:.7rem 1rem;border-radius:var(--radius-sm);background:#e539351f;border:1px solid rgba(229,57,53,.3);color:var(--red);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.error-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-popup{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1.5rem 1.5rem;text-align:center;box-shadow:0 20px 60px #00000080;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.error-popup-icon{color:var(--red);display:flex;justify-content:center;margin-bottom:.9rem}.error-popup-message{font-size:.92rem;font-weight:500;color:var(--text);line-height:1.5;margin-bottom:1.5rem}.error-popup .btn{width:100%}.error-popup-icon.install{color:var(--primary)}.upsell-popup{width:100%;max-width:340px;background:linear-gradient(170deg,rgba(255,107,0,.1),var(--surface) 55%);border:1px solid rgba(255,204,0,.3);border-radius:var(--radius);padding:1.8rem 1.5rem 1.4rem;text-align:center;box-shadow:0 20px 60px #0000008c,0 0 0 1px #ffcc000d;animation:popIn .34s cubic-bezier(.34,1.56,.64,1)}.upsell-icon{font-size:2.6rem;line-height:1;margin-bottom:.7rem;animation:upsellBob 2.2s ease-in-out infinite}@keyframes upsellBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.upsell-title{font-size:1.3rem;font-weight:900;color:var(--accent);margin:0 0 .4rem}.upsell-message{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0 0 1.1rem}.upsell-perks{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.6rem;text-align:left}.upsell-perks li{display:flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:600;color:var(--text)}.upsell-perks li svg{color:var(--primary);flex-shrink:0}.upsell-popup .btn{width:100%}.upsell-dismiss{margin-top:.8rem;width:100%;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:.82rem;padding:.4rem}.ios-install-steps{text-align:left;margin:0 0 1.3rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.65rem}.ios-install-steps li{font-size:.86rem;line-height:1.5;color:var(--text-muted)}.ios-install-steps li strong{color:var(--text);font-weight:700}.ios-install-steps svg{display:inline;vertical-align:-2px;color:var(--primary);margin:0 1px}.pwa-toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));width:calc(100% - 2rem);max-width:360px;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:0 12px 40px #0009;z-index:10001;transform:translate(-50%) translateY(calc(100% + 1.5rem + env(safe-area-inset-bottom)));opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease;will-change:transform,opacity}.pwa-toast.pwa-toast-in{transform:translate(-50%) translateY(0);opacity:1}.pwa-toast-icon{color:var(--primary);display:flex;flex-shrink:0}.pwa-toast-icon.ready{color:var(--green)}.pwa-toast-msg{flex:1 1 auto;font-size:.9rem;font-weight:500;color:var(--text);min-width:8rem}.pwa-toast-actions{display:flex;gap:.5rem;margin-left:auto}.pwa-toast-actions .btn{padding:.45rem .9rem;font-size:.85rem;width:auto}.pwa-toast-actions .pwa-toast-close{padding:.45rem}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--red);color:#fff;font-size:.78rem;font-weight:600;text-align:center;padding:calc(.4rem + env(safe-area-inset-top)) .5rem .4rem;animation:fadeIn .2s ease-out}#screen-profile{flex-direction:column;overflow-y:auto;overscroll-behavior-y:none;background:radial-gradient(ellipse 120% 40% at 50% -5%,rgba(255,107,0,.1) 0%,transparent 60%),var(--bg)}.profile-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.4rem 2rem;max-width:480px;margin:0 auto;width:100%}.profile-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem 0 .4rem}@keyframes profileHeroIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.screen.active .profile-hero>*{animation:profileHeroIn .5s cubic-bezier(.22,1,.36,1) both}.screen.active .profile-hero>.profile-avatar-wrap{animation-delay:.04s}.screen.active .profile-hero>.profile-name{animation-delay:.12s}.screen.active .profile-hero>.profile-username{animation-delay:.18s}.screen.active .profile-hero>.profile-rank-card{animation-delay:.26s}.profile-hero-glow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:220px;height:160px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tier-color) 22%,transparent) 0%,transparent 70%);animation:none}.profile-avatar-wrap{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}.profile-avatar-wrap.has-frame{padding:4px;background:conic-gradient(from 180deg,var(--frame-color),color-mix(in srgb,var(--frame-color) 35%,#fff) 50%,var(--frame-color));box-shadow:0 0 22px color-mix(in srgb,var(--frame-color) 55%,transparent)}.profile-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#FF9A00);display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:900;color:#000;box-shadow:0 0 26px #ff6b0066;object-fit:cover;flex-shrink:0}.profile-avatar-wrap.has-frame .profile-avatar{box-shadow:none;border:2px solid var(--bg)}.profile-customize-btn{position:absolute;right:-2px;bottom:-2px;z-index:2;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:2.5px solid var(--bg);cursor:pointer;box-shadow:0 3px 10px var(--primary-glow);transition:transform .15s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.profile-customize-btn:active{transform:scale(.88)}.profile-name{font-size:1.45rem;font-weight:900;color:var(--text);margin:0;position:relative;z-index:1}.profile-username{font-size:.82rem;font-weight:600;color:var(--text-muted);letter-spacing:.3px;position:relative;z-index:1}.profile-rank-card{position:relative;z-index:1;width:100%;margin-top:.85rem;display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;background:linear-gradient(150deg,color-mix(in srgb,var(--tier-color) 14%,var(--surface)) 0%,var(--surface) 70%);border:1px solid color-mix(in srgb,var(--tier-color) 30%,var(--border));border-radius:var(--radius);cursor:pointer;text-align:left;box-shadow:0 4px 18px #00000059,inset 0 0 24px color-mix(in srgb,var(--tier-color) 6%,transparent);transition:transform .15s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.profile-rank-card:not(:disabled):active{transform:scale(.985)}.profile-rank-card:disabled{cursor:default}.rank-card-top{display:flex;align-items:center;justify-content:space-between}.rank-tier{display:inline-flex;align-items:center;gap:.45rem}.rank-tier-medal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--tier-color) 20%,transparent);color:var(--tier-color);box-shadow:0 0 14px color-mix(in srgb,var(--tier-color) 40%,transparent)}.rank-tier-name{font-size:1rem;font-weight:900;letter-spacing:.3px;color:var(--tier-color);text-transform:uppercase}.rank-trophies{display:inline-flex;align-items:center;gap:.3rem;font-size:.92rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.rank-trophies>svg{color:var(--accent)}.rank-chevron{color:var(--text-dim);margin-left:.05rem}.rank-bar{height:7px;border-radius:4px;overflow:hidden;background:#ffffff14}.rank-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--tier-color) 60%,#fff 0%),var(--tier-color));box-shadow:0 0 12px color-mix(in srgb,var(--tier-color) 60%,transparent);transition:width .9s cubic-bezier(.25,.46,.45,.94)}.rank-card-foot{font-size:.74rem;font-weight:600;color:var(--text-muted)}.rank-card-foot strong{color:var(--text);font-weight:800}.profile-tabs{position:relative;display:flex;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px;margin:.4rem 0 .6rem}.profile-tab-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:calc(var(--radius-sm) - 3px);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 12px var(--primary-glow);transition:transform .32s cubic-bezier(.34,1.56,.64,1);z-index:0}.profile-tabs[data-active=settings] .profile-tab-indicator{transform:translate(100%)}.profile-tab{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border:none;border-radius:calc(var(--radius-sm) - 3px);background:transparent;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:.84rem;font-weight:700;cursor:pointer;transition:color .22s;-webkit-tap-highlight-color:transparent}.profile-tab.active{color:#fff}.profile-tab>svg{transition:transform .22s}.profile-tab.active>svg{transform:scale(1.08)}.profile-headline{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.profile-headline .stat-card{padding:.9rem .5rem}.profile-headline .stat-value{font-size:1.55rem}.profile-section{display:flex;flex-direction:column;gap:.6rem}.section-title{font-size:.72rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:0 .2rem}.section-optional{font-size:.65rem;font-weight:500;color:var(--text-dim);text-transform:none;letter-spacing:0;opacity:.7}.info-row-value{flex:1}.info-placeholder{color:var(--text-dim);font-style:italic}.info-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:#ff6b001f;color:var(--primary);cursor:pointer;flex-shrink:0;margin-left:auto;transition:background .15s;-webkit-tap-highlight-color:transparent}.info-edit-btn:active{background:#ff6b0040}.gender-section{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem}.gender-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.gender-segment{display:flex;gap:4px;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px}.gender-seg-btn{flex:1;padding:.55rem .4rem;border:none;border-radius:calc(var(--radius-sm) - 3px);background:transparent;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.gender-seg-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.gender-seg-btn:active{filter:brightness(.88)}.btn-profile-save{width:100%;margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;border-radius:var(--radius-sm);border:none;cursor:pointer;background:linear-gradient(180deg,#ff8030,#ff4200);color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:800;box-shadow:0 1.5px #ffffff47 inset,0 4px #a32800,0 7px 16px #c8370066;transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent}.btn-profile-save:active{transform:translateY(3px);box-shadow:0 1px #ffffff24 inset,0 1px #a32800,0 2px 6px #c8370038;filter:none}.btn-profile-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.info-row{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.88rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row svg{flex-shrink:0;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@keyframes statCardIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 50% -20%,color-mix(in srgb,var(--accent, #fff) 12%,transparent) 0%,transparent 55%),var(--surface);border:1px solid color-mix(in srgb,var(--accent, #fff) 18%,var(--border));border-radius:var(--radius-sm);padding:.95rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;animation:statCardIn .45s cubic-bezier(.22,1,.36,1) both}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent, #fff),transparent);opacity:.55}.stat-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:var(--accent, var(--text));background:color-mix(in srgb,var(--accent, #fff) 14%,transparent)}.stat-value{font-size:1.55rem;font-weight:900;line-height:1;color:var(--accent, var(--text));font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline}.stat-suffix{font-size:.95rem;font-weight:800;margin-left:1px}.stat-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.stat-card-hot{border-color:color-mix(in srgb,var(--accent, #fff) 45%,transparent);animation:statCardIn .45s cubic-bezier(.22,1,.36,1) both,statHotPulse 2.2s ease-in-out .5s infinite}@keyframes statHotPulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 22px color-mix(in srgb,var(--accent, #fff) 35%,transparent)}}.stat-card-hot .stat-icon{box-shadow:0 0 16px color-mix(in srgb,var(--accent, #fff) 45%,transparent)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.setting-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;cursor:pointer;transition:background .15s}.setting-row:active{background:#ffffff08}.setting-row-select{cursor:default;flex-wrap:wrap}.setting-icon{color:var(--text-muted);flex-shrink:0}.setting-text{flex:1;min-width:0}.setting-label{font-size:.9rem;font-weight:600;color:var(--text)}.setting-desc{font-size:.75rem;color:var(--text-dim);margin-top:.1rem}.setting-divider{height:1px;background:var(--border);margin:0 1rem}.toggle{width:44px;height:26px;border-radius:13px;background:var(--surface2);border:1px solid var(--border);position:relative;transition:background .25s,border-color .25s;flex-shrink:0}.toggle.on{background:var(--primary);border-color:var(--primary)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000004d}.toggle.on .toggle-knob{transform:translate(18px)}.setting-options{display:flex;gap:.35rem;flex-shrink:0}.setting-opt{padding:.3rem .7rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.setting-opt.active{background:#ff6b0026;border-color:var(--primary);color:var(--primary)}.btn-danger{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;border-radius:var(--radius-sm);border:none;background:linear-gradient(180deg,#e5393538,#b4161429);color:var(--red);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 1.5px #ff78782e inset,0 4px #6e0808b8,0 6px 16px #00000061;transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent}.btn-danger:hover{background:linear-gradient(180deg,#e539354d,#b4161438)}.btn-danger:active{transform:translateY(3px);box-shadow:0 1px #ff78781a inset,0 1px #6e0808b8,0 2px 6px #00000047;filter:none}.info-row-link{cursor:pointer;text-decoration:none;width:100%;color:var(--text-muted);background:none;border:none;text-align:left;transition:color .15s}.info-row-link:hover,.info-row-link:active{color:var(--text)}.contact-modal{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:auto 1.5rem;max-width:360px;display:flex;flex-direction:column;gap:1rem}.contact-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:var(--text)}.contact-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:color .15s}.contact-modal-close:hover{color:var(--text)}.contact-modal-body{font-size:.88rem;color:var(--text-muted);line-height:1.5}.contact-modal-email{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9rem;font-weight:600;color:var(--primary);text-decoration:none;transition:background .15s,border-color .15s}.contact-modal-email:hover{background:var(--surface3);border-color:var(--primary)}.home-header{position:relative;margin:calc(.6rem + env(safe-area-inset-top)) auto .2rem;width:100%;max-width:440px;padding:0 1.1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10}.home-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.home-header-cell-left{display:flex;justify-content:flex-start;align-items:center}.home-header-cell-right{display:flex;justify-content:flex-end;align-items:center}.home-regen-chip{display:inline-flex;align-items:center;gap:.28rem;font-size:.72rem;font-weight:800;color:var(--text-muted);background:#0c111cd9;border:1px solid rgba(255,255,255,.08);padding:.3rem .65rem .3rem .45rem;border-radius:22px;cursor:pointer;box-shadow:0 4px 10px #0006,inset 0 1.5px #ffffff0f;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;white-space:nowrap}.home-regen-chip:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000080,inset 0 1.5px #ffffff1a}.home-regen-chip:active{transform:scale(.94)}.home-regen-label{font-variant-numeric:tabular-nums}.home-regen-ready{color:var(--green);border-color:#00e67666;background:#00e6761f;animation:regenReadyAttention 3s ease-in-out infinite;box-shadow:0 4px 12px #00e67626,inset 0 1.5px #ffffff1a}.home-regen-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulse 1.6s ease-in-out infinite}@keyframes regenReadyAttention{0%,15%,to{transform:rotate(0) scale(1);box-shadow:0 4px 12px #00e67626,inset 0 1.5px #ffffff1a}3%,9%{transform:rotate(-5deg) scale(1.05);box-shadow:0 4px 16px #00e67659,inset 0 1.5px #ffffff1a}6%,12%{transform:rotate(5deg) scale(1.05);box-shadow:0 4px 16px #00e67659,inset 0 1.5px #ffffff1a}50%{box-shadow:0 4px 18px #00e6764d,inset 0 1.5px #ffffff1a}}.home-player-chip{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#1a243cbf,#0d121e73);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff0d;border-radius:24px;padding:.35rem .9rem .35rem .35rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.home-player-chip:active{transform:scale(.96);background:linear-gradient(135deg,#1a243cd9,#0d121e99);border-color:#ffffff1f}.home-player-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;padding:1.5px;background:var(--tier-color, var(--primary));box-shadow:0 0 10px var(--tier-color, var(--primary-glow));transition:all .3s ease}.home-player-avatar{width:100%;height:100%;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;color:#fff;flex-shrink:0;overflow:hidden}.home-player-avatar-img{object-fit:cover;width:100%;height:100%}.home-player-details{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.home-player-name{font-size:.82rem;font-weight:700;color:var(--text);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-player-tier{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.95}.guest-banner{position:relative;background:#ff980026;border-bottom:1px solid rgba(255,152,0,.3);padding:.55rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;z-index:20;width:100%}.guest-banner-text{font-size:.75rem;color:#ffc864e6}.guest-banner-cta{font-size:.75rem;font-weight:700;color:#ffc107;white-space:nowrap;border:1px solid rgba(255,193,7,.4);padding:.2rem .55rem;border-radius:20px}.home-pb-chip{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;color:var(--accent);background:#ffcc0014;border:1px solid rgba(255,204,0,.2);padding:.3rem .7rem;border-radius:20px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;height:var(--app-height, 100dvh);visibility:hidden;pointer-events:none;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:none;background:var(--bg);opacity:0;transform:translateY(28px) scale(.985);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.screen.active{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.screen.exiting{visibility:visible;opacity:0;transform:translateY(-22px) scale(.985)}.screen-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:calc(1.1rem + env(safe-area-inset-top,0px)) 1.4rem 1.1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.screen-header h2{font-size:1.15rem;font-weight:700}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:#ff6b0014;border:1.5px solid rgba(255,107,0,.25);border-radius:50%;color:var(--primary);cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.back-btn:hover{background:#ff6b002e;border-color:var(--primary);box-shadow:0 0 10px #ff6b0040}.back-btn:active{transform:scale(.86);background:#ff6b0047}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.8rem;border:none;border-radius:var(--radius);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .15s;position:relative;overflow:hidden;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .15s}.btn:hover:after{background:#ffffff0f}.btn:active{transform:translateY(2px);filter:none}.btn svg{flex-shrink:0}.btn-primary{background:linear-gradient(180deg,#ff8030,#ff4200);color:#fff;box-shadow:0 1.5px #ffffff4d inset,0 5px #a32800,0 8px 22px #c8370073}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #ffffff26 inset,0 1px #a32800,0 2px 8px #c8370040;filter:none}.btn-secondary{background:linear-gradient(180deg,#1e2a4a,#111828);color:#ffffffd9;border:none;box-shadow:0 1.5px #ffffff1f inset,0 4px #04060e,0 7px 18px #00000080}.btn-secondary:active{transform:translateY(3px);box-shadow:0 1px #ffffff12 inset,0 1px #04060e,0 2px 8px #00000059;filter:none}.btn-outline{background:linear-gradient(180deg,#ffffff17,#ffffff08);color:var(--text);border:1.5px solid rgba(255,255,255,.18);box-shadow:0 1.5px #ffffff1a inset,0 4px #0000008c,0 6px 14px #00000061}.btn-outline:hover{border-color:#ff6b008c;color:var(--primary);filter:none;box-shadow:0 1.5px #ffffff1a inset,0 4px #0000008c,0 6px 18px #ff6b002e}.btn-outline:active{transform:translateY(3px);box-shadow:0 1px #ffffff0f inset,0 1px #0000008c,0 2px 6px #00000047;filter:none}.setup-content>.btn-primary,.setup-start-btn{animation:ctaBreathe 2.8s ease-in-out infinite}@keyframes ctaBreathe{0%,to{box-shadow:0 1.5px #ffffff4d inset,0 5px #a32800,0 8px 22px #c8370073}50%{box-shadow:0 1.5px #ffffff4d inset,0 5px #a32800,0 8px 34px #ff8c0094,0 0 18px #ff500047}}.badge{background:var(--accent);color:#000;font-size:.58rem;font-weight:700;padding:.1rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}#screen-home{background:transparent;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(255,204,0,.05) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(14,32,60,.4) 0%,transparent 70%),linear-gradient(125deg,transparent 40%,rgba(255,107,0,.02) 45%,rgba(255,204,0,.04) 50%,rgba(255,107,0,.02) 55%,transparent 60%),linear-gradient(55deg,transparent 35%,rgba(0,229,255,.01) 42%,rgba(0,229,255,.03) 50%,rgba(0,229,255,.01) 58%,transparent 65%),radial-gradient(ellipse at 50% 0%,#141830 0%,var(--bg) 65%);z-index:-1}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:440px;padding:.2rem 1.1rem calc(1.2rem + env(safe-area-inset-bottom));gap:.4rem;flex:1;margin:0 auto}.logo-area{text-align:center;margin-top:-1.2rem}.logo-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:.2rem}.home-bat-glow{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;border-radius:50%;background:radial-gradient(circle,rgba(255,185,0,.38) 0%,rgba(255,107,0,.16) 50%,transparent 70%);filter:blur(16px);animation:homeBatGlow 2.8s ease-in-out infinite}@keyframes homeBatGlow{0%,to{transform:scale(.88);opacity:.7}45%{transform:scale(1.12);opacity:1}60%{transform:scale(1.05);opacity:.88}}.home-spark{position:absolute;border-radius:50%;pointer-events:none;animation:homeSparkRise var(--dur, 2.6s) ease-in var(--delay, 0s) infinite}@keyframes homeSparkRise{0%{transform:translateY(0) scale(1);opacity:0}14%{opacity:1}80%{opacity:.6}to{transform:translateY(-52px) scale(.25);opacity:0}}.home-spark-1{left:12px;bottom:16px;width:5px;height:5px;background:gold;box-shadow:0 0 6px gold;--dur: 2.3s;--delay: 0s}.home-spark-2{left:80px;bottom:22px;width:4px;height:4px;background:#fff;box-shadow:0 0 5px #ffffffe6;--dur: 2.9s;--delay: .7s}.home-spark-3{left:46px;bottom:4px;width:6px;height:6px;background:orange;box-shadow:0 0 8px orange;--dur: 3.2s;--delay: 1.3s}.home-spark-4{left:68px;bottom:38px;width:3px;height:3px;background:#ffe566;box-shadow:0 0 4px #ffe566;--dur: 2.6s;--delay: 2s}.home-spark-5{left:20px;bottom:46px;width:4px;height:4px;background:#fff;box-shadow:0 0 5px #fffc;--dur: 2.8s;--delay: .4s}.logo-icon{position:relative;z-index:1;display:flex;justify-content:center;color:var(--primary);animation:homeBatFloat 3.2s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(255,107,0,.5)) drop-shadow(0 6px 16px rgba(0,0,0,.6));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.logo-icon:hover{transform:scale(1.08) rotate(5deg)}@keyframes homeBatFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-3deg)}}.logo-title{line-height:1;margin-top:.2rem;display:flex;flex-direction:column;align-items:center;gap:0}.logo-hand{display:block;font-size:.88rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#ffffff8c}.logo-cricket{display:block;font-size:3.1rem;font-weight:900;letter-spacing:-1.5px;line-height:1;background:linear-gradient(135deg,#ff8c00,#ffd000 55%,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 14px rgba(255,107,0,.45)) drop-shadow(0 0 45px rgba(255,208,0,.2))}.logo-sub{color:var(--text-dim);font-size:.72rem;margin-top:.1rem;letter-spacing:2.5px;text-transform:uppercase}.home-stats{display:flex;align-items:center;gap:.35rem;width:100%;background:linear-gradient(135deg,#141e30bf,#0c121e73);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:.5rem;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0d}.home-stat{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#0003;padding:.45rem .2rem;border-radius:12px;border:1px solid rgba(255,255,255,.02)}.home-stat-val{font-size:1.22rem;font-weight:900;color:#fff;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1.5px 3px rgba(0,0,0,.5)}.home-stat:nth-child(1) .home-stat-val{color:var(--text)}.home-stat:nth-child(3) .home-stat-val{color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.25)}.home-stat:nth-child(5) .home-stat-val{color:#ff9100;text-shadow:0 0 10px rgba(255,145,0,.25)}.home-stat:nth-child(7) .home-stat-val{color:gold;text-shadow:0 0 10px rgba(255,215,0,.25)}.home-stat-val.streak-active{animation:firePulse 1.6s ease-in-out infinite}@keyframes firePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.2)}}.home-stat-label{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.home-stat-sep{display:none}.mode-cards{display:flex;flex-direction:row;gap:.65rem;width:100%}.mode-card{flex:1;border-radius:18px;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .5rem;text-align:center;font-family:Poppins,sans-serif;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 6px 20px #0006;height:125px}.mode-card:hover{transform:translateY(-2.5px)}.mode-card:active{transform:scale(.975)}.mode-card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;flex:1;position:relative;z-index:2;width:100%}.mode-card-text{display:flex;flex-direction:column;gap:.1rem;align-items:center;text-align:center}.mode-card-title{font-size:.92rem;font-weight:800;color:var(--text);line-height:1.1;display:block}.mode-card-sub{font-size:.65rem;font-weight:500;color:var(--text-muted);display:block;line-height:1.1}.mode-icon-badge{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:inset 0 1px #ffffff0f}.online-badge{background:linear-gradient(135deg,#ff6b0038,#ff6b0014);border:1.5px solid rgba(255,107,0,.35);color:var(--primary);box-shadow:0 4px 10px #ff6b0026}.mode-card:hover .online-badge{transform:scale(1.08) rotate(-5deg);box-shadow:0 4px 14px #ff6b004d;border-color:var(--primary)}.cpu-badge{background:linear-gradient(135deg,#00e5ff26,#00e5ff0d);border:1.5px solid rgba(0,229,255,.25);color:#00e5ff;box-shadow:0 4px 10px #00e5ff1a}.mode-card:hover .cpu-badge{transform:scale(1.08) rotate(5deg);box-shadow:0 4px 14px #00e5ff40;border-color:#00e5ff}.mode-online{background:linear-gradient(135deg,#112035,#0c1729);border-color:#ff6b004d;box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0a}.mode-online:after{content:"";position:absolute;top:-50%;right:-25%;width:45%;height:200%;transform:rotate(25deg);pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,107,0,.05));transition:all .35s cubic-bezier(.34,1.56,.64,1)}.mode-online:hover{border-color:#ff6b008c;box-shadow:0 8px 26px #ff6b001f,0 8px 26px #00000073,inset 0 1px #ffffff14}.mode-online:hover:after{right:-12%;opacity:1.5}.mode-online-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(108deg,transparent 25%,rgba(255,255,255,.02) 50%,transparent 75%);animation:cardShimmer 4.5s ease-in-out infinite}.mode-card-live{position:absolute;top:.6rem;right:.8rem;display:flex;align-items:center;gap:.3rem;font-size:.58rem;font-weight:800;letter-spacing:1.2px;color:var(--green);text-transform:uppercase}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;animation:livePulse 1.6s ease-in-out infinite}.mode-cpu{background:linear-gradient(135deg,#141f2c,#0d151d);border-color:#ffffff0f;box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0a}.mode-cpu:after{content:"";position:absolute;top:-50%;right:-25%;width:45%;height:200%;transform:rotate(25deg);pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,rgba(0,229,255,.04));transition:all .35s cubic-bezier(.34,1.56,.64,1)}.mode-cpu:hover{border-color:#00e5ff4d;box-shadow:0 8px 26px #00e5ff14,0 8px 26px #00000073,inset 0 1px #ffffff14}.mode-cpu:hover:after{right:-12%;opacity:1.5}.home-links{display:flex;flex-wrap:wrap;gap:.55rem .8rem;justify-content:center;align-items:center;width:100%;margin-top:.4rem}.home-link{display:flex;align-items:center;gap:.4rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);cursor:pointer;font-size:.76rem;font-weight:600;color:var(--text-muted);font-family:Poppins,sans-serif;padding:.45rem 1rem;border-radius:20px;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0003;-webkit-tap-highlight-color:transparent}.home-link svg{color:var(--text-dim);transition:color .2s ease}.home-link:hover{color:var(--text);border-color:#ffffff26;background:#ffffff0a;box-shadow:0 4px 12px #0000004d}.home-link:hover svg{color:var(--primary)}.home-link:active{transform:scale(.95)}.floating-hands{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fh{position:absolute;opacity:.05;animation:drift 9s ease-in-out infinite;filter:blur(2.5px)}.fh1{top:8%;left:2%;animation-delay:0s}.fh2{top:18%;right:4%;animation-delay:2s}.fh3{bottom:20%;left:5%;animation-delay:4.5s}.fh4{bottom:35%;right:2%;animation-delay:7s}.fh5{top:42%;left:1%;animation-delay:11s}.rules-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.5rem;max-width:800px;margin:0 auto;width:100%}.rule-card{background:var(--surface);border-radius:var(--radius);padding:1.3rem;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.rule-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.rule-icon{display:flex;margin-bottom:.6rem;color:var(--primary)}.rule-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:var(--text)}.rule-card p{font-size:.85rem;color:var(--text-muted);line-height:1.55}#screen-setup{background:#060a14;overflow:hidden;display:flex;flex-direction:column}#screen-online-setup{background:#070a12;overflow:hidden;display:flex;flex-direction:column}.setup-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:0;padding:1rem 1.4rem calc(1rem + env(safe-area-inset-bottom,0px));max-width:460px;margin:0 auto;width:100%;overflow:hidden}.setup-hero{text-align:center;padding:.15rem 0 .5rem}.setup-hero-sub{font-size:.82rem;color:var(--text-dim);letter-spacing:.5px}.setup-section{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}.setup-section-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-dim)}.setup-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.setup-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.75rem .4rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .1s;-webkit-tap-highlight-color:transparent}.setup-tile:active{transform:scale(.94)}.setup-tile-value{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1}.setup-tile-label{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-top:.2rem}.setup-tile-sub{font-size:.62rem;color:var(--text-dim)}.setup-tile:hover{border-color:#ff6b0059}.setup-tile.active{background:#ff6b001a;border-color:var(--primary);box-shadow:0 0 20px #ff6b0033,inset 0 0 12px #ff6b000d}.setup-tile.active .setup-tile-value{color:var(--primary)}.setup-tile.active .setup-tile-label{color:var(--primary);opacity:.85}.setup-diff-cards{display:flex;flex-direction:column;gap:.45rem}.diff-card{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;min-height:72px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .1s;-webkit-tap-highlight-color:transparent}.diff-card:active{transform:scale(.98)}.diff-card-emoji{font-size:1.45rem;flex-shrink:0;line-height:1}.diff-card-text{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.diff-card-name{font-size:.92rem;font-weight:700;color:var(--text)}.diff-card-desc{font-size:.72rem;color:var(--text-muted)}.diff-card-badge{font-size:.62rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:.2rem .55rem;border-radius:20px;border:1.5px solid;flex-shrink:0}.diff-card:hover{border-color:#ff6b004d}.diff-card.active{border-color:var(--diff-color, var(--primary));background:color-mix(in srgb,var(--diff-color, var(--primary)) 8%,var(--surface));box-shadow:0 0 18px color-mix(in srgb,var(--diff-color, var(--primary)) 30%,transparent)}.diff-card.active .diff-card-name{color:var(--diff-color, var(--primary))}.match-summary{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1rem;margin-bottom:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-muted)}.match-summary-dot{color:var(--text-dim)}.setup-start-btn{width:100%;padding:.95rem;font-size:1.05rem;font-weight:800;letter-spacing:.5px}.opt-btn{flex:1;min-width:60px;background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:.6rem .8rem;cursor:pointer;box-shadow:0 1px #ffffff14 inset,0 3px #00000073,0 5px 10px #00000047;transition:transform 80ms ease-in,box-shadow 80ms ease-in,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.opt-btn:hover{border-color:var(--primary);color:var(--primary)}.opt-btn:active{transform:translateY(2px);box-shadow:0 1px #ffffff0d inset,0 1px #00000073,0 2px 4px #0003;filter:none}.opt-btn.active{background:linear-gradient(180deg,#ff8030,#ff4200);border-color:transparent;color:#fff;box-shadow:0 1px #ffffff40 inset,0 3px #a32800,0 5px 16px #c8370073}.league-stage{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;padding-top:.5rem}.league-ambient{position:absolute;top:-10%;right:-30%;bottom:20%;left:-30%;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--league-color) 28%,transparent) 0%,transparent 60%);filter:blur(8px);z-index:0;pointer-events:none;transition:background .4s}.league-select-label{position:relative;z-index:1;font-size:.66rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0 0 .5rem}.league-carousel{position:relative;flex:1;min-height:230px;z-index:1;touch-action:pan-y;-webkit-tap-highlight-color:transparent;perspective:900px}.lg-slide{position:absolute;top:50%;left:8%;width:84%;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .45s,filter .45s;will-change:transform,opacity;transform-style:preserve-3d}.lg-slide.pos-active{transform:translate3d(0,-50%,0) scale(1) rotateY(0);opacity:1;z-index:3;filter:none}.lg-slide.pos-right{transform:translate3d(52%,-50%,-120px) scale(.82) rotateY(-26deg);opacity:.42;z-index:1;filter:brightness(.48) saturate(.65)}.lg-slide.pos-left{transform:translate3d(-52%,-50%,-120px) scale(.82) rotateY(26deg);opacity:.42;z-index:1;filter:brightness(.48) saturate(.65)}.lg-slide.pos-far-right{transform:translate3d(115%,-50%,-200px) scale(.7) rotateY(-40deg);opacity:0;z-index:0;pointer-events:none}.lg-slide.pos-far-left{transform:translate3d(-115%,-50%,-200px) scale(.7) rotateY(40deg);opacity:0;z-index:0;pointer-events:none}.lg-slide.pos-active:active{transform:translate3d(0,-50%,-10px) scale(.97)}.lg-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.3rem 1.1rem 1.4rem;border-radius:22px;border:2px solid color-mix(in srgb,var(--league-color) 60%,transparent);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--league-color) 32%,transparent) 0%,transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--league-color) 18%,var(--surface2)) 0%,var(--surface) 75%);box-shadow:0 12px 42px #000000a6,0 0 0 1px #ffffff0d inset,0 0 38px color-mix(in srgb,var(--league-color) 45%,transparent)}.lg-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:15px 15px;pointer-events:none;opacity:.8;z-index:1}.lg-card-london:before{background-image:linear-gradient(rgba(0,229,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.018) 1px,transparent 1px)}.lg-card-sydney:before{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.006) 0px,rgba(255,255,255,.006) 24px,transparent 24px,transparent 48px)}.lg-card-mumbai:before{background-image:linear-gradient(rgba(255,145,0,.018) 50%,transparent 50%);background-size:100% 4px}.pos-active .lg-card{animation:leagueCardGlow 2.6s ease-in-out infinite}@keyframes leagueCardGlow{0%,to{box-shadow:0 12px 42px #000000a6,0 0 0 1px #ffffff0d inset,0 0 30px color-mix(in srgb,var(--league-color) 38%,transparent)}50%{box-shadow:0 12px 42px #000000a6,0 0 0 1px #ffffff0d inset,0 0 56px color-mix(in srgb,var(--league-color) 65%,transparent)}}.lg-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none;z-index:2;transform:translate(-150%) skew(-30deg)}.pos-active .lg-card-sheen{animation:glossSweep 4.5s ease-in-out infinite}@keyframes glossSweep{0%{transform:translate(-150%) skew(-30deg)}25%,to{transform:translate(150%) skew(-30deg)}}.lg-card-header{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.lg-titles{display:flex;flex-direction:column;align-items:center;line-height:1.05}.lg-name{font-size:1.75rem;font-weight:900;letter-spacing:.5px;color:#fff;text-shadow:0 2px 14px color-mix(in srgb,var(--league-color) 80%,transparent)}.lg-stadium{font-size:.74rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--league-color) 70%,var(--text-muted))}.lg-medallion{display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;z-index:2;margin:.2rem 0}.lg-medal-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.4) 0%,transparent 80%);border:1px solid rgba(255,255,255,.04)}.lg-medal-svg{filter:drop-shadow(0 0 10px var(--league-color));stroke:var(--league-color);stroke-width:2.2px}.lg-tier{font-size:.62rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--league-color);padding:.18rem .8rem;border-radius:20px;border:1.5px solid color-mix(in srgb,var(--league-color) 60%,transparent);background:color-mix(in srgb,var(--league-color) 12%,transparent);box-shadow:0 2px 8px #0000004d}.lg-stats{display:flex;align-items:center;justify-content:center;gap:1.3rem;width:100%;padding:.4rem 0;position:relative;z-index:2}.lg-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:#080c16bf;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 8px #000000b3;padding:.45rem .95rem;border-radius:12px;min-width:78px}.lg-stat-val{font-size:1.8rem;font-weight:950;color:var(--league-color);text-shadow:0 0 10px color-mix(in srgb,var(--league-color) 70%,transparent);line-height:1}.lg-stat-lbl{font-size:.58rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)}.lg-stat-sep{width:1px;height:36px;background:linear-gradient(transparent,color-mix(in srgb,var(--league-color) 50%,transparent),transparent)}.lg-tagline{font-size:.74rem;font-weight:500;color:var(--text-muted);text-align:center;margin:0;max-width:92%;position:relative;z-index:2}.lg-play-hint{display:none;align-items:center;gap:.4rem;margin-top:.6rem;padding:.55rem 1.6rem;font-size:.78rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#000;border-radius:30px;background:linear-gradient(135deg,#FFF 0%,var(--league-color) 40%,color-mix(in srgb,var(--league-color) 80%,#000) 100%);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 20px color-mix(in srgb,var(--league-color) 40%,transparent),inset 0 1px #ffffff4d,0 2px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;z-index:2}.pos-active .lg-play-hint{display:inline-flex;animation:playHintPulse 1.8s ease-in-out infinite}@keyframes playHintPulse{0%,to{transform:scale(1);box-shadow:0 4px 18px color-mix(in srgb,var(--league-color) 50%,transparent)}50%{transform:scale(1.04);box-shadow:0 4px 26px color-mix(in srgb,var(--league-color) 80%,transparent)}}.league-nav-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin-top:.7rem}.lg-dots{display:flex;align-items:center;gap:.5rem}.lg-dot{width:8px;height:8px;border-radius:50%;padding:0;background:var(--surface3);border:none;cursor:pointer;transition:width .25s,background .25s;-webkit-tap-highlight-color:transparent}.lg-dot.on{width:22px;border-radius:5px}@property --lc{syntax: "<color>"; inherits: true; initial-value: #4FC3F7;}.ap-root{transition:--lc .42s ease}.ap-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.ap-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 55% at 50% 0%,color-mix(in srgb,var(--lc) 20%,transparent) 0%,transparent 70%),radial-gradient(ellipse 80% 55% at 50% 100%,color-mix(in srgb,var(--lc) 10%,transparent) 0%,transparent 60%)}.ap-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px}.ap-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.ap-particle{position:absolute;bottom:-5%;width:var(--ap-sz);height:var(--ap-sz);border-radius:50%;opacity:0;animation:apFloat var(--ap-dur, 4s) var(--ap-delay, 0s) ease-in infinite}@keyframes apFloat{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.7}80%{opacity:.15}to{transform:translateY(-100vh) scale(.4);opacity:0}}.ap-p-london{background:#4fc3f7b3;filter:blur(2px);border-radius:50%}.ap-p-sydney{background:#69f0aecc;border-radius:2px;transform:rotate(45deg);animation-timing-function:ease-out}.ap-p-mumbai{background:linear-gradient(to top,#ff6b00,gold);border-radius:50% 50% 30% 30%;height:calc(var(--ap-sz) * 2.8);filter:blur(.6px)}.ap-hdr{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;padding:calc(env(safe-area-inset-top,0px) + .65rem) 1rem .4rem}.ap-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#fff;cursor:pointer;transition:background .15s,transform .1s}.ap-back:active{transform:scale(.88);background:#ffffff24}.ap-hdr-center{flex:1;display:flex;justify-content:center}.ap-hdr-label{font-size:.68rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff47}.ap-hdr-count{display:flex;align-items:baseline;gap:.15rem;min-width:40px;justify-content:flex-end}.ap-count-cur{font-size:1rem;font-weight:900;color:var(--lc)}.ap-count-sep,.ap-count-tot{font-size:.75rem;font-weight:600;color:#ffffff40}.ap-stage{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.ap-pulse{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--lc) 40%,transparent);pointer-events:none;animation:apPulse 2.8s ease-out infinite}.ap-pulse-1{width:220px;height:220px}.ap-pulse-2{width:220px;height:220px;animation-delay:1.4s}@keyframes apPulse{0%{transform:scale(.65);opacity:.9}to{transform:scale(1.6);opacity:0}}.ap-pitch-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;animation:apPitchEnter .55s cubic-bezier(.25,1.3,.5,1) both}@keyframes apPitchEnter{0%{transform:scale(.65) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.ap-pitch-svg{width:min(240px,56vw);height:min(240px,56vw);color:var(--lc);filter:drop-shadow(0 0 28px color-mix(in srgb,var(--lc) 45%,transparent))}.ap-stage-flag{position:absolute;z-index:3;font-size:2.1rem;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 14px rgba(0,0,0,.7));animation:apFlagPop .5s cubic-bezier(.25,1.4,.5,1) both}@keyframes apFlagPop{0%{transform:scale(0) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ap-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff73;cursor:pointer;transition:background .18s,color .18s,transform .12s}.ap-arrow:active{background:#ffffff24;color:#fff;transform:translateY(-50%) scale(.9)}.ap-arrow-l{left:.5rem}.ap-arrow-r{right:.5rem}.ap-sheet{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.5rem 1.5rem calc(1.6rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(6,10,20,.98) 0%,rgba(6,10,20,.88) 45%,transparent 100%);animation:apSheetIn .42s cubic-bezier(.25,1,.5,1) both}@keyframes apSheetIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ap-sheet.ap-sheet-out{animation:apSheetOut .22s ease-in forwards}@keyframes apSheetOut{to{opacity:0;transform:translateY(16px)}}.ap-identity{display:flex;flex-direction:column;align-items:center;gap:.28rem;text-align:center}.ap-tier-badge{display:inline-block;font-size:.58rem;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;color:var(--lc);padding:.18rem .9rem;border-radius:20px;border:1.5px solid color-mix(in srgb,var(--lc) 55%,transparent);background:color-mix(in srgb,var(--lc) 10%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--lc) 20%,transparent)}.ap-vname{font-size:3.2rem;font-weight:950;letter-spacing:-2px;line-height:1;color:#fff;text-shadow:0 0 60px color-mix(in srgb,var(--lc) 65%,transparent),0 2px 24px rgba(0,0,0,.9)}.ap-vstadium{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--lc) 65%,rgba(255,255,255,.4))}.ap-chips{display:flex;align-items:center;gap:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:.65rem 1.4rem;width:100%;max-width:340px;justify-content:center}.ap-chip{display:flex;flex-direction:column;align-items:center;gap:.1rem}.ap-chip-val{font-size:1.95rem;font-weight:950;line-height:1;color:var(--lc);text-shadow:0 0 16px color-mix(in srgb,var(--lc) 55%,transparent)}.ap-chip-stars{font-size:1rem;letter-spacing:2px}.ap-chip-lbl{font-size:.52rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff47}.ap-chip-div{width:1px;height:40px;flex-shrink:0;background:linear-gradient(transparent,rgba(255,255,255,.1),transparent)}.ap-tagline{font-size:.77rem;line-height:1.6;color:#ffffff5c;text-align:center;max-width:280px;margin:0}.ap-play{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;max-width:320px;padding:1rem 1.5rem;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#000;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--lc) 45%,white) 0%,var(--lc) 52%,color-mix(in srgb,var(--lc) 55%,#000) 100%);box-shadow:0 8px 36px color-mix(in srgb,var(--lc) 50%,transparent),inset 0 1px #ffffff80,0 2px #00000059;animation:apPlayPulse 2s ease-in-out infinite;transition:transform .14s,box-shadow .14s}.ap-play:active{transform:scale(.96);animation:none;box-shadow:0 3px 14px color-mix(in srgb,var(--lc) 40%,transparent)}@keyframes apPlayPulse{0%,to{box-shadow:0 8px 36px color-mix(in srgb,var(--lc) 50%,transparent),inset 0 1px #ffffff80,0 2px #00000059}50%{box-shadow:0 12px 56px color-mix(in srgb,var(--lc) 88%,transparent),inset 0 1px #ffffff80,0 2px #00000059}}.ap-play-icon{font-size:.9rem}.ap-play-locked{background:#ffffff0f;color:#ffffff59;border:1.5px solid rgba(255,255,255,.1);box-shadow:none;animation:none}.ap-play-locked:active{transform:none;box-shadow:none}.ap-rank-chip{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:800;color:gold;min-width:40px;justify-content:flex-end}.ap-rewards-row{display:flex;align-items:center;justify-content:center;gap:.6rem}.ap-reward-badge{display:inline-flex;align-items:center;gap:.32rem;padding:.32rem .75rem;border-radius:99px;font-size:.95rem;font-weight:900;line-height:1;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.ap-reward-trophy{color:gold}.ap-reward-coin{color:#ff9500}.ap-reward-plus{font-size:1rem;font-weight:900;opacity:.7;line-height:1}.ap-lock-req{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.5px;color:#ffffff59}.ap-pitch-locked{opacity:.3;filter:grayscale(.6)}.ap-dots{display:flex;align-items:center;gap:.55rem}.ap-dot{width:8px;height:8px;border-radius:50%;padding:0;background:#ffffff24;border:none;cursor:pointer;transition:width .3s cubic-bezier(.25,1,.5,1),background .3s,box-shadow .3s,border-radius .3s;-webkit-tap-highlight-color:transparent}.ap-dot.on{width:26px;border-radius:6px}#screen-toss{background:#060811;overflow:hidden;display:flex;flex-direction:column}.toss-wrapper{text-align:center;padding:1.5rem 1.5rem 2rem;max-width:400px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0 auto}.toss-header{margin-bottom:1.6rem}.toss-screen-header{background:transparent;border-bottom:none}.toss-title{font-size:2rem;font-weight:900;color:var(--accent);margin-bottom:.3rem;text-shadow:0 0 16px var(--accent-glow),0 0 32px rgba(255,204,0,.25);background:transparent}.toss-subtitle{color:var(--text-muted);font-size:.88rem;margin:0}.coin-stage{position:relative;width:160px;height:160px;margin:0 auto 2rem;perspective:700px;-webkit-perspective:700px;overflow:visible;background:transparent}.coin-glow{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,.45) 0%,transparent 65%)}.coin-container{width:100%;height:100%;background:transparent;overflow:visible}.coin-container.coin-float{animation:coinFloat 2.8s ease-in-out infinite}.coin{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;position:relative}.coin.spinning{animation:coinFlip 1.2s ease-in-out forwards}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 -6px 18px #00000059,inset 0 6px 12px #ffffff26;border:5px solid rgba(255,255,255,.15)}.coin-face span{font-size:3.2rem;font-weight:900;font-family:Poppins,sans-serif;line-height:1}.coin-heads{background:radial-gradient(circle at 35% 30%,#fff0a0,#e6ac00,#a07000);color:#3d2600}.coin-tails{background:radial-gradient(circle at 35% 30%,#e8e8e8,#a0a0a0,#505050);color:#1a1a1a;transform:rotateY(180deg)}.toss-call-section{width:100%}.toss-call-label{font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:.9rem}.toss-call-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.toss-call-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1.1rem .5rem;border-radius:var(--radius-sm);border:2px solid;cursor:pointer;transition:transform .12s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.toss-call-card:active{transform:scale(.93)}.toss-heads{background:linear-gradient(145deg,#2196f326,#1976d20f);border-color:#2196f373;box-shadow:0 0 22px #2196f31f,inset 0 1px #ffffff0a}.toss-heads:hover{border-color:#2196f3;box-shadow:0 0 32px #2196f34d}.toss-tails{background:linear-gradient(145deg,#2196f326,#1976d20f);border-color:#2196f373;box-shadow:0 0 22px #2196f31f,inset 0 1px #ffffff0a}.toss-tails:hover{border-color:#2196f3;box-shadow:0 0 32px #2196f34d}.toss-call-symbol{font-size:2rem;font-weight:900;line-height:1}.toss-heads .toss-call-symbol,.toss-tails .toss-call-symbol{color:#2196f3}.toss-call-name{font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.toss-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.toss-result-banner{width:100%;padding:1rem 1.2rem;border-radius:var(--radius-sm);border:2px solid;font-size:1.05rem;font-weight:700;line-height:1.5}.toss-win{background:#00e6761a;border-color:#00e67673;color:#00e676}.toss-lose{background:#ff6b001a;border-color:#ff6b0066;color:var(--primary)}.bat-bowl-section{width:100%}.bat-bowl-prompt{font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:.9rem}.bat-bowl-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bat-bowl-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1.5rem .8rem;border-radius:var(--radius);border:1.5px solid;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.bat-bowl-card:hover{transform:translateY(-3px)}.bat-bowl-card:active{transform:scale(.93)}.bat-card{background:linear-gradient(145deg,#2196f326,#1976d20f);border-color:#2196f373;box-shadow:0 0 22px #2196f31f,inset 0 1px #ffffff0a}.bat-card:hover{border-color:#2196f3;box-shadow:0 0 32px #2196f34d,inset 0 1px #ffffff0f}.bowl-card{background:linear-gradient(145deg,#2196f326,#1976d20f);border-color:#2196f373;box-shadow:0 0 22px #2196f31f,inset 0 1px #ffffff0a}.bowl-card:hover{border-color:#2196f3;box-shadow:0 0 32px #2196f34d,inset 0 1px #ffffff0f}.bat-bowl-name{font-size:.92rem;font-weight:700;color:var(--text)}.bat-card .bat-bowl-name,.bowl-card .bat-bowl-name{color:#2196f3}.bat-bowl-desc{font-size:.7rem;color:var(--text-muted);line-height:1.4;text-align:center}.toss-proceed-btn{width:100%;padding:.95rem;font-size:1rem;font-weight:800}.toss-choice-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}.tc-root{position:relative}.tc-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tc-bg-radial{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 55% at 50% 12%,rgba(255,200,0,.16) 0%,transparent 65%),radial-gradient(ellipse 60% 45% at 50% 100%,rgba(255,140,0,.06) 0%,transparent 55%)}.tc-bg-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg at 50% 18%,transparent 0deg,rgba(255,210,0,.022) 3deg,transparent 6deg,transparent 45deg,rgba(255,210,0,.022) 48deg,transparent 51deg,transparent 90deg,rgba(255,210,0,.028) 93deg,transparent 96deg,transparent 135deg,rgba(255,210,0,.02) 138deg,transparent 141deg,transparent 180deg,rgba(255,210,0,.022) 183deg,transparent 186deg,transparent 225deg,rgba(255,210,0,.02) 228deg,transparent 231deg,transparent 270deg,rgba(255,210,0,.025) 273deg,transparent 276deg,transparent 315deg,rgba(255,210,0,.02) 318deg,transparent 321deg);animation:tcRaysRotate 24s linear infinite}@keyframes tcRaysRotate{to{transform:rotate(360deg)}}.tc-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,200,0,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,200,0,.018) 1px,transparent 1px);background-size:52px 52px}.tc-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.tc-spark{position:absolute;bottom:-4%;width:var(--tc-sz);height:var(--tc-sz);border-radius:50%;background:radial-gradient(circle,#ffe066,#f0a800);opacity:0;filter:blur(.4px);animation:tcSparkFloat var(--tc-dur, 3.5s) var(--tc-delay, 0s) ease-in infinite}@keyframes tcSparkFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.75}75%{opacity:.1}to{transform:translateY(-94vh) scale(.3);opacity:0}}.tc-back{position:absolute;top:calc(env(safe-area-inset-top,0px) + .8rem);left:1rem;z-index:20;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .15s,transform .1s}.tc-back:active{transform:scale(.88)}.tc-stage{position:relative;z-index:2;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;perspective:900px}.tc-halo{position:absolute;border-radius:50%;pointer-events:none}.tc-halo-outer{width:245px;height:245px;border:1.5px dashed rgba(255,210,0,.18);animation:tcRotateCW 14s linear infinite}.tc-halo-inner{width:196px;height:196px;border:1px dashed rgba(255,210,0,.32);animation:tcRotateCCW 9s linear infinite}@keyframes tcRotateCW{to{transform:rotate(360deg)}}@keyframes tcRotateCCW{to{transform:rotate(-360deg)}}.tc-halo-pulse{position:absolute;width:206px;height:206px;border-radius:50%;border:2px solid rgba(255,210,0,.42);pointer-events:none;animation:tcHaloPulse 2.4s ease-in-out infinite}@keyframes tcHaloPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.07);opacity:1;box-shadow:0 0 36px #ffd20052}}.tc-coin-wrap{position:relative;z-index:3}.tc-coin-float{animation:tcCoinFloat 2.8s ease-in-out infinite}@keyframes tcCoinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.tc-coin{width:172px;height:172px;transform-style:preserve-3d;border-radius:50%;position:relative}.tc-coin.tc-spinning{animation:tcCoinFlip 1.2s ease-in-out forwards}@keyframes tcCoinFlip{0%{transform:rotateY(0)}to{transform:rotateY(var(--coin-end, 1800deg))}}.tc-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:6px solid rgba(255,255,255,.1);box-shadow:inset 0 -8px 24px #00000059,inset 0 8px 16px #ffffff29,0 10px 36px #000000a6}.tc-heads{background:radial-gradient(circle at 33% 28%,#fff8c0,#f0b800,#8a6200)}.tc-tails{background:radial-gradient(circle at 33% 28%,#f6f6f6,#b2b2b2,#545454);transform:rotateY(180deg)}.tc-face-letter{font-size:4.4rem;font-weight:950;line-height:1;font-family:Poppins,sans-serif}.tc-heads .tc-face-letter{color:#3d2000;text-shadow:0 3px 8px rgba(0,0,0,.28),0 -1px 0 rgba(255,255,255,.35)}.tc-tails .tc-face-letter{color:#1a1a1a;text-shadow:0 3px 8px rgba(0,0,0,.18),0 -1px 0 rgba(255,255,255,.45)}.tc-face-tag{font-size:.58rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;opacity:.5}.tc-heads .tc-face-tag{color:#3d2000}.tc-tails .tc-face-tag{color:#1a1a1a}.tc-badge{display:inline-flex;align-items:center;gap:.38rem;font-size:.68rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:.35rem 1.1rem;border-radius:20px;white-space:nowrap;animation:tcBadgePop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes tcBadgePop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.tc-badge-win{background:#00c85321;border:1.5px solid #00C853;color:#00e676;box-shadow:0 0 22px #00c85361}.tc-badge-lose{background:linear-gradient(135deg,#ff500033,#c828001a);border:1.5px solid rgba(255,107,0,.68);color:#ff8040;box-shadow:0 0 26px #ff6b0052,inset 0 1px #ffffff12}.tc-body{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:1.8rem 1.4rem calc(2rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(6,8,17,.98) 0%,rgba(6,8,17,.92) 48%,transparent 100%)}.tc-calling{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:360px}.tc-calling-label{font-size:.68rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#ffc80085;margin:0}.tc-call-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}.tc-call{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.3rem .5rem;border-radius:20px;border:2px solid;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .15s}.tc-call:active{transform:scale(.91)}.tc-call-h{background:linear-gradient(145deg,#ffd20024,#f0a8000d);border-color:#ffd2006b;box-shadow:0 0 20px #ffd2001a,inset 0 1px #ffffff0a}.tc-call-h:active{box-shadow:0 0 38px #ffd20061}.tc-call-t{background:linear-gradient(145deg,#afafc81c,#8c8ca50d);border-color:#afafd261;box-shadow:0 0 18px #9b9bc817,inset 0 1px #ffffff0a}.tc-call-t:active{box-shadow:0 0 30px #9b9be152}.tc-call-letter{font-size:2.8rem;font-weight:950;line-height:1;font-family:Poppins,sans-serif}.tc-call-h .tc-call-letter{color:gold;text-shadow:0 0 22px rgba(255,210,0,.6)}.tc-call-t .tc-call-letter{color:#c6c6d8;text-shadow:0 0 16px rgba(175,175,225,.5)}.tc-call-name{font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.tc-call-h .tc-call-name{color:#ffd20099}.tc-call-t .tc-call-name{color:#afafd78c}.tc-countdown{font-size:.78rem;font-weight:700;color:#ffffff4d;margin:0}.tc-urgent{color:var(--primary);animation:tcUrgentPulse .65s ease-in-out infinite}@keyframes tcUrgentPulse{0%,to{opacity:1}50%{opacity:.45}}.tc-spin-msg{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tc-spin-msg p{font-size:.9rem;font-weight:600;letter-spacing:.3px;color:#ffd20094;margin:0}.tc-waiting{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.tc-waiting p{color:var(--text-muted);font-size:.9rem;margin:0}.tc-dots{display:flex;justify-content:center;gap:6px}.tc-dots span{width:7px;height:7px;border-radius:50%;background:#ffd20080;animation:tcDotBounce .85s ease-in-out infinite}.tc-dots-dim span{background:#ffffff47}.tc-dots span:nth-child(2){animation-delay:.16s}.tc-dots span:nth-child(3){animation-delay:.32s}@keyframes tcDotBounce{0%,80%,to{transform:scale(1);opacity:.45}40%{transform:scale(1.6);opacity:1}}.tc-result{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:100%;max-width:360px;animation:tcResultIn .45s cubic-bezier(.25,1,.5,1) both}@keyframes tcResultIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.tc-result-banner{width:100%;padding:1rem 1.25rem;border-radius:16px;border:1.5px solid;font-size:1rem;font-weight:600;line-height:1.65;text-align:center;color:#ffffffd1}.tc-rbanner-win{background:linear-gradient(150deg,rgba(0,200,83,.12) 0%,rgba(0,150,60,.06) 70%,transparent 100%);border-color:#00c8536b;box-shadow:0 0 32px #00c8532e,inset 0 1px #ffffff0a}.tc-rbanner-win strong{color:#00e676;text-shadow:0 0 12px rgba(0,230,118,.5)}.tc-rbanner-lose{background:linear-gradient(150deg,rgba(255,80,0,.12) 0%,rgba(160,30,0,.06) 70%,transparent 100%);border-color:#ff6b0070;box-shadow:0 0 28px #ff6b0029,inset 0 1px #ffffff0a}.tc-rbanner-lose strong{color:#ff8040;text-shadow:0 0 12px rgba(255,107,0,.5)}.tc-batbowl{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.tc-batbowl-label{font-size:.62rem;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#ffffff47;margin:0}.tc-batbowl-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%}.tc-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1.3rem .5rem;border-radius:20px;border:1.5px solid;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .15s;animation:tcChoiceIn .4s cubic-bezier(.25,1.3,.5,1) both}.tc-bat{animation-delay:.04s}.tc-bowl{animation-delay:.12s}@keyframes tcChoiceIn{0%{opacity:0;transform:translateY(22px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.tc-choice:active{transform:scale(.91)}.tc-bat{background:linear-gradient(145deg,#3b82f624,#2563eb0d);border-color:#3b82f66b;box-shadow:0 0 20px #3b82f61f,inset 0 1px #ffffff0a;color:#60a5fa}.tc-bat:active{box-shadow:0 0 38px #3b82f661}.tc-bowl{background:linear-gradient(145deg,#ff6b0021,#c853000d);border-color:#ff6b006b;box-shadow:0 0 20px #ff6b001c,inset 0 1px #ffffff0a;color:var(--primary)}.tc-bowl:active{box-shadow:0 0 38px #ff6b0061}.tc-choice-ico{display:flex;align-items:center;justify-content:center}.tc-choice-name{font-size:.86rem;font-weight:800;letter-spacing:.3px}.tc-choice-desc{font-size:.62rem;font-weight:600;opacity:.5;text-align:center;line-height:1.4}.tc-proceed-btn{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;max-width:320px;padding:1rem 1.5rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#000;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#ffe87c,#ffb800 52%,#cc8a00);box-shadow:0 8px 32px #ffb90073,inset 0 1px #ffffff80,0 2px #00000047;animation:tcProceedPulse 2s ease-in-out infinite;transition:transform .14s,box-shadow .14s}.tc-proceed-btn:active{transform:scale(.96);animation:none;box-shadow:0 3px 12px #ffb90052}@keyframes tcProceedPulse{0%,to{box-shadow:0 8px 32px #ffb90073,inset 0 1px #ffffff80,0 2px #00000047}50%{box-shadow:0 10px 52px #ffb900c7,inset 0 1px #ffffff80,0 2px #00000047}}#screen-game{flex-direction:column;overflow:hidden}.game-inner{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(ellipse at 50% 30%,#0e1c2a,#060c14);position:relative}.game-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.atm-glow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:65%;padding-top:65%;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.09) 0%,rgba(255,107,0,.04) 40%,transparent 70%)}.atm-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.022) 1px,transparent 1px);background-size:22px 22px}.atm-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 80% at 50% 48%,transparent 38%,rgba(0,0,0,.55) 100%);pointer-events:none}.atm-light-cone{position:absolute;top:0;left:50%;transform:translate(-50%);width:70%;height:60%;background:conic-gradient(from 270deg at 50% 0%,transparent 35%,rgba(255,220,130,.028) 50%,transparent 65%);pointer-events:none}.game-atmosphere.env-six{animation:envSixReact .7s ease-out}@keyframes envSixReact{0%{filter:brightness(1) saturate(1)}20%{filter:brightness(1.3) saturate(1.55)}to{filter:brightness(1) saturate(1)}}.screen-shake{animation:screenShake .38s ease-out}.game-inner.freeze{animation-play-state:paused}.game-inner.shake-six{animation:shakeBig .48s cubic-bezier(.36,.07,.19,.97)}.game-inner.shake-four{animation:shakeMed .4s cubic-bezier(.36,.07,.19,.97)}.game-inner.shake-wicket{animation:shakeSharp .38s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeBig{0%,to{transform:translate(0) rotate(0) scale(1)}10%{transform:translate(-11px,5px) rotate(-1deg) scale(1.035)}22%{transform:translate(10px,-8px) rotate(.9deg) scale(1.025)}35%{transform:translate(-9px,8px) rotate(-.8deg) scale(1.015)}48%{transform:translate(10px,-5px) rotate(.7deg) scale(1.008)}62%{transform:translate(-7px,6px) rotate(-.5deg) scale(1.004)}76%{transform:translate(5px,-4px) rotate(.4deg) scale(1.002)}90%{transform:translate(-3px,2px) rotate(-.2deg) scale(1)}}@keyframes shakeMed{0%,to{transform:translate(0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-5px,4px)}80%{transform:translate(4px,-3px)}}@keyframes shakeSharp{0%,to{transform:translate(0)}15%{transform:translate(8px,-6px) rotate(.8deg)}30%{transform:translate(-8px,5px) rotate(-.7deg)}45%{transform:translate(6px,-4px)}60%{transform:translate(-4px,3px)}80%{transform:translate(2px,-2px)}}.edge-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;animation:edgeFlashAnim .65s ease-out forwards}.edge-flash-six{box-shadow:inset 0 0 100px #ffc1078c,inset 0 0 40px #ffc10766}.edge-flash-four{box-shadow:inset 0 0 90px #00b0ff73,inset 0 0 36px #00b0ff52}.edge-flash-wicket{box-shadow:inset 0 0 100px #e5393599,inset 0 0 40px #e5393580}@keyframes edgeFlashAnim{0%{opacity:0}12%{opacity:1}to{opacity:0}}.impact-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;pointer-events:none;display:flex;align-items:center;justify-content:center}.impact-flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:impactFlash .4s ease-out forwards}.impact-six .impact-flash{background:radial-gradient(circle at center,rgba(255,193,7,.45),transparent 65%)}.impact-four .impact-flash{background:radial-gradient(circle at center,rgba(0,176,255,.4),transparent 65%)}.impact-wicket .impact-flash{background:radial-gradient(circle at center,rgba(229,57,53,.45),transparent 65%)}@keyframes impactFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.impact-ring{position:absolute;width:60px;height:60px;border-radius:50%;border:1.5px solid #fff;opacity:0;animation:impactRing .6s cubic-bezier(.2,.7,.3,1) forwards}.impact-ring-2{animation-delay:.12s;border-width:1px}.impact-six .impact-ring{border-color:#ffc107;box-shadow:0 0 20px #ffc10799}.impact-four .impact-ring{border-color:#00b0ff;box-shadow:0 0 16px #00b0ff80}.impact-wicket .impact-ring{border-color:#e53935;box-shadow:0 0 18px #e5393599}@keyframes impactRing{0%{transform:scale(.2);opacity:.9}to{transform:scale(4.8);opacity:0}}.impact-particles{position:absolute;width:0;height:0}.impact-spark{position:absolute;left:0;top:0;width:var(--sz);height:var(--sz);border-radius:2px;transform:translate(-50%,-50%) rotate(var(--rot));animation:sparkFly .7s cubic-bezier(.15,.6,.4,1) forwards}.impact-six .impact-spark{background:linear-gradient(135deg,#ffe082,#ff9100);box-shadow:0 0 8px #ffaa00b3}.impact-four .impact-spark{background:linear-gradient(135deg,#80d8ff,#00b0ff);box-shadow:0 0 6px #00b0ff99}.impact-wicket .impact-spark{background:linear-gradient(135deg,#bdbdbd,#757575)}@keyframes sparkFly{0%{transform:translate(-50%,-50%) rotate(var(--rot)) scale(1);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.3);opacity:0}}.arena-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.amb-particle{position:absolute;bottom:-4px;border-radius:50%;background:#ffaa50e6;animation:ambFloat linear infinite}@keyframes ambFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:var(--op, .06)}25%{transform:translateY(-22%) translate(6px)}50%{transform:translateY(-50%) translate(-4px) scale(.85);opacity:var(--op, .06)}75%{transform:translateY(-74%) translate(7px) scale(.7)}to{transform:translateY(-105%) translate(0) scale(.4);opacity:0}}.game-hud{position:relative;z-index:5;flex-shrink:0;background:linear-gradient(180deg,#000000b8,#0000)}.hud-scores{display:flex;align-items:flex-start;padding:.55rem .85rem .2rem;gap:.4rem}.hud-side{flex:1;display:flex;flex-direction:column}.hud-player-side{align-items:flex-start}.hud-cpu-side{align-items:flex-end}.hud-pname{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#ffffffc7;margin-bottom:.05rem}.hud-runs{font-size:2.8rem;font-weight:900;line-height:1;color:#fff;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.hud-runs.hud-target{color:#fc0;text-shadow:0 0 22px rgba(255,204,0,.45)}.hud-runs.score-pop{animation:scorePop .42s cubic-bezier(.175,.885,.32,1.275)}.hud-wkt{font-size:.58rem;font-weight:600;color:#ffffff4d;margin-top:.08rem;letter-spacing:.3px}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:.18rem;min-width:62px}.hud-inn-pill{background:#ff6b002e;color:#ff8c28e6;border:1px solid rgba(255,107,0,.38);font-size:.56rem;font-weight:800;padding:.1rem .48rem;border-radius:20px;letter-spacing:.6px}.hud-vs{font-size:.65rem;font-weight:700;color:#fff3}.hud-overs-pill{font-size:.56rem;font-weight:600;color:#ffffff61;background:#ffffff0f;padding:.08rem .38rem;border-radius:10px}.hud-over-strip{display:flex;align-items:center;justify-content:center;gap:.28rem;padding:.12rem .85rem .42rem}.over-ball{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;font-size:.62rem;font-weight:900;flex-shrink:0;transition:transform .15s}.over-ball:last-child{transform:scale(1.14)}.ball-w{background:var(--red);color:#fff;box-shadow:0 0 8px var(--red-glow)}.ball-6{background:var(--accent);color:#000;box-shadow:0 0 8px var(--accent-glow)}.ball-4{background:var(--green);color:#000;box-shadow:0 0 6px #00e67666}.ball-run{background:#ffffff24;color:var(--text)}.ball-dot{background:#ffffff0d;color:#ffffff59}.ball-empty{background:#ffffff08;color:#ffffff26;border:1px dashed rgba(255,255,255,.1)}.hud-pb-badge{font-size:.52rem;font-weight:700;color:var(--accent);opacity:.7;margin-left:.3rem}.chase-banner{display:flex;align-items:center;gap:.38rem;flex-shrink:0;padding:.32rem .85rem;background:linear-gradient(135deg,#e539352e,#ff6b0014);border-bottom:1px solid rgba(255,107,0,.22);position:relative;z-index:5;animation:chasePulse 2.2s ease-in-out infinite}.chase-banner svg{color:var(--accent);flex-shrink:0}.chase-need{font-size:1.05rem;font-weight:900;color:#fc0;line-height:1;font-variant-numeric:tabular-nums}.chase-sep{font-size:.72rem;font-weight:600;color:#fff6}.chase-dot{color:#ffffff2e;font-size:.8rem}.chase-balls{font-size:.72rem;font-weight:700;color:#ffffff8c;font-variant-numeric:tabular-nums}.chase-balls.rr-ok{color:#4ade80}.chase-balls.rr-tight{color:#fbbf24}.chase-balls.rr-hard{color:#f87171}@keyframes chasePulse{0%,to{border-bottom-color:#ff6b0038}50%{border-bottom-color:#ff6b0085}}.reconnecting-banner{display:flex;align-items:center;gap:.42rem;padding:.28rem .85rem;background:#fbbf241f;border-bottom:1px solid rgba(251,191,36,.25);font-size:.72rem;font-weight:700;color:#fbbf24;position:relative;z-index:5;animation:reconnectPulse 1.4s ease-in-out infinite}.reconnecting-banner svg{flex-shrink:0}.reconnecting-seconds{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.7}@keyframes reconnectPulse{0%,to{opacity:1}50%{opacity:.6}}.chase-banner.chase-urgent{background:linear-gradient(135deg,#e5393547,#ff6b0024);animation:chaseUrgent .5s ease-in-out infinite}.chase-urgent-tag{margin-left:auto;font-size:.5rem;font-weight:900;letter-spacing:1px;color:var(--red);text-transform:uppercase;animation:urgentBlink .6s ease-in-out infinite}@keyframes chaseUrgent{0%,to{border-bottom-color:#e5393566}50%{border-bottom-color:#e53935d9}}@keyframes urgentBlink{0%,to{opacity:1}50%{opacity:.2}}.arena{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;transition:box-shadow .3s}.arena.anticipating{animation:glowPulse .75s ease-in-out infinite}.arena.pressure-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(229,57,53,.13),transparent 70%);pointer-events:none;z-index:0;animation:pressurePulse 1.1s ease-in-out infinite}@keyframes pressurePulse{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.arena.pressure-mode:before{animation:none}}.floaters-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:20}.run-floater{position:absolute;font-size:2.6rem;font-weight:900;letter-spacing:2px;text-shadow:0 3px 14px rgba(0,0,0,.75);animation:floatUp .95s ease-out forwards;pointer-events:none}.floater-wicket{color:var(--red);text-shadow:0 0 26px rgba(229,57,53,.6),0 3px 14px rgba(0,0,0,.75)}.floater-boundary{color:var(--accent)}.floater-run{color:#fff}.floater-six{color:gold;font-size:3.2rem;text-shadow:0 0 40px rgba(255,200,0,.85),0 0 14px rgba(255,255,255,.5),0 3px 14px rgba(0,0,0,.75);animation:floatUp 1.1s ease-out forwards}.floater-four{color:#29b6f6;text-shadow:0 0 28px rgba(0,176,255,.7),0 3px 14px rgba(0,0,0,.75)}.result-flash{position:absolute;left:0;right:0;top:44%;transform:translateY(-50%);z-index:25;pointer-events:none;text-align:center;font-size:3.6rem;font-weight:900;letter-spacing:5px;text-transform:uppercase;line-height:1;opacity:0}.result-flash.rf-on{animation:rfPop .38s cubic-bezier(.34,1.56,.64,1) forwards}.result-flash.wicket{color:var(--red);font-size:4rem;text-shadow:0 0 60px var(--red-glow),0 0 20px var(--red-glow),0 4px 18px rgba(0,0,0,.9)}.result-flash.runs{color:#fff;text-shadow:0 0 40px rgba(255,255,255,.55),0 4px 18px rgba(0,0,0,.9)}.result-flash.six{color:gold;font-size:5rem;text-shadow:0 0 80px rgba(255,200,0,.9),0 0 30px rgba(255,200,0,.7),0 0 6px rgba(255,255,255,.6),0 5px 20px rgba(0,0,0,.9);animation:rfPopSix .42s cubic-bezier(.22,1.6,.36,1) forwards}@keyframes rfPopSix{0%{opacity:0;transform:translateY(-50%) scale(.2) rotate(8deg);letter-spacing:2px}40%{opacity:1;transform:translateY(-50%) scale(1.25) rotate(-3deg);letter-spacing:7px}70%{transform:translateY(-50%) scale(.97) rotate(1deg);letter-spacing:5px}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0);letter-spacing:5px}}@keyframes rfPop{0%{opacity:0;transform:translateY(-50%) scale(.35) rotate(-4deg)}55%{opacity:1;transform:translateY(-50%) scale(1.1)}78%{transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.arena-row{display:flex;align-items:center;justify-content:center;width:100%;padding:0 .5rem;gap:.4rem;position:relative;z-index:2}.arena-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative}.arena-center{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ball-arc-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18;display:flex;align-items:center;justify-content:center}.ball-arc-ball{position:absolute;filter:drop-shadow(0 0 12px rgba(255,107,0,.9)) drop-shadow(0 0 4px rgba(255,200,0,.6))}.ball-arc-incoming .ball-arc-ball{animation:ballArcIn .58s cubic-bezier(.25,.46,.45,.94) forwards}.ball-arc-outgoing .ball-arc-ball{animation:ballArcOut .58s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes ballArcIn{0%{transform:translate(95px,4px) scale(.65);opacity:.7}25%{opacity:1}50%{transform:translate(10px,-34px) scale(1.05)}to{transform:translate(-95px,4px) scale(.7);opacity:.4}}@keyframes ballArcOut{0%{transform:translate(-95px,4px) scale(.65);opacity:.7}25%{opacity:1}50%{transform:translate(-10px,-34px) scale(1.05)}to{transform:translate(95px,4px) scale(.7);opacity:.4}}.arena-avatar{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff0f,#0006);border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 28px #0000008c,0 6px 28px #00000080;transition:border-color .3s,box-shadow .3s}.arena-avatar.av-out{border-color:var(--red);box-shadow:0 0 32px var(--red-glow),0 0 60px #e539352e,inset 0 0 16px #e539351a;animation:avOutPulse .5s ease-out}@keyframes avOutPulse{0%{transform:scale(1.06)}50%{transform:scale(.96)}to{transform:scale(1)}}.arena-avatar.av-batting{border-color:#4ade8073;box-shadow:inset 0 0 28px #0000008c,0 0 28px #4ade8047,0 6px 28px #00000080}.arena-avatar.av-bowling{border-color:#ff6b0073;box-shadow:inset 0 0 28px #0000008c,0 0 28px #ff6b0040,0 6px 28px #00000080}.arena-avatar.av-suspense{border-color:#fbbf2499;box-shadow:inset 0 0 28px #0000008c,0 0 36px #fbbf2466,0 6px 28px #00000080;animation:avSuspense .65s ease-in-out infinite}@keyframes avSuspense{0%,to{box-shadow:inset 0 0 28px #0000008c,0 0 28px #fbbf244d}50%{box-shadow:inset 0 0 28px #0000008c,0 0 55px #fbbf2499,0 0 90px #fbbf2433}}.arena-avatar.av-locked{border-color:#4ade8099;box-shadow:inset 0 0 28px #0000008c,0 0 32px #4ade8066;animation:avLocked 1.2s ease-in-out infinite}@keyframes avLocked{0%,to{box-shadow:inset 0 0 28px #0000008c,0 0 24px #4ade8059}50%{box-shadow:inset 0 0 28px #0000008c,0 0 44px #4ade8099}}.avatar-aura-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;pointer-events:none;border:1.5px solid transparent;transition:border-color .3s,box-shadow .3s}.av-batting .avatar-aura-ring{border-color:#4ade802e;animation:auraOrbit 3s linear infinite;background:conic-gradient(from 0deg,rgba(74,222,128,.22),transparent 40%,transparent 60%,rgba(74,222,128,.12),transparent 80%)}.av-bowling .avatar-aura-ring{border-color:#ff6b002e;animation:auraOrbit 2.4s linear infinite reverse;background:conic-gradient(from 0deg,rgba(255,107,0,.22),transparent 40%,transparent 60%,rgba(255,107,0,.12),transparent 80%)}.av-suspense .avatar-aura-ring{border-color:#fbbf244d;animation:auraOrbit .9s linear infinite;background:conic-gradient(from 0deg,rgba(251,191,36,.4),transparent 30%,transparent 70%,rgba(251,191,36,.2),transparent 90%)}.av-locked .avatar-aura-ring{border-color:#4ade804d;animation:auraOrbit 1.4s linear infinite;background:conic-gradient(from 0deg,rgba(74,222,128,.5),transparent 25%,transparent 75%,rgba(74,222,128,.2),transparent 90%)}@keyframes auraOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;pointer-events:none}.avatar-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(1) brightness(.95);pointer-events:none}.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;color:#ffffff6b;background:radial-gradient(circle at 50% 38%,#ffffff14,#00000059)}.avatar-fallback.avatar-cpu{color:#ff8c28eb;background:radial-gradient(circle at 50% 38%,#ff6b0029,#0006)}.player-card{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;max-width:154px;padding:.7rem .55rem .8rem;border-radius:20px;position:relative;background:linear-gradient(170deg,#ffffff0f,#ffffff04 52%,#0000002e);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff0d;transition:border-color .3s,box-shadow .3s,transform .2s}.player-card.pc-bat{border-color:#4ade8052;box-shadow:0 10px 30px #00000073,0 0 26px #4ade801a,inset 0 1px #ffffff0d}.player-card.pc-bowl{border-color:#ff6b0052;box-shadow:0 10px 30px #00000073,0 0 26px #ff6b001a,inset 0 1px #ffffff0d}.player-card.pc-suspense{animation:cardSuspense .85s ease-in-out infinite}@keyframes cardSuspense{0%,to{border-color:#fbbf2480;box-shadow:0 10px 30px #00000073,0 0 24px #fbbf2438}50%{border-color:#fbbf24e6;box-shadow:0 10px 30px #00000073,0 0 46px #fbbf2480}}.player-card.pc-out{border-color:var(--red);box-shadow:0 10px 30px #00000073,0 0 36px #e5393566}.player-card.pc-locked{border-color:#4ade808c;box-shadow:0 10px 30px #00000073,0 0 26px #4ade804d}.player-card .arena-avatar{width:64px;height:64px;margin-bottom:.5rem}.frame-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid transparent;pointer-events:none;z-index:3}.frame-ring-gold{animation:frameGoldPulse 2.5s ease-in-out infinite;box-shadow:0 0 8px #ffd24a50}@keyframes frameGoldPulse{0%,to{box-shadow:0 0 8px #ffd24a50,0 0 14px #ffd24a20}50%{box-shadow:0 0 18px #ffd24a,0 0 32px #ffd24a60}}.role-badge{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;z-index:4;font-size:.5rem;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:.16rem .5rem;border-radius:20px;white-space:nowrap;border:1.5px solid}.role-badge.rb-bat{color:#4ade80;border-color:#4ade8099;background:#08180ff5;box-shadow:0 0 12px #4ade804d}.role-badge.rb-bowl{color:#ff8c3c;border-color:#ff6b0099;background:#1a0e06f5;box-shadow:0 0 12px #ff6b004d}.pc-name{font-size:.82rem;font-weight:800;letter-spacing:.2px;color:#ffffffe0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-plate{width:100%;border-radius:14px;padding:.32rem .4rem .42rem;display:flex;flex-direction:column;align-items:center;gap:.02rem;position:relative;background:linear-gradient(165deg,#080e18f0,#040910f5);border:1.5px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d,inset 0 0 18px #00000080;transition:border-color .25s,box-shadow .25s}.pick-plate.pp-bat{border-color:#4ade8040}.pick-plate.pp-bowl{border-color:#ff6b0040}.pick-plate.pp-filled.pp-bat{border-color:#4ade80b3;box-shadow:inset 0 1px #ffffff0d,0 0 20px #4ade8061}.pick-plate.pp-filled.pp-bowl{border-color:#ff6b00b3;box-shadow:inset 0 1px #ffffff0d,0 0 20px #ff6b0061}.pick-plate.pp-filled{animation:chipPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chipPopIn{0%{transform:scale(.86)}55%{transform:scale(1.08)}to{transform:scale(1)}}.pick-plate.pp-locked{border-color:#4ade8099;box-shadow:inset 0 1px #ffffff0d,0 0 18px #4ade804d}.pick-plate .hand-num{font-size:2.4rem;text-shadow:none}.pick-plate .hand-num.locked-indicator,.pick-plate .locked-check{font-size:1.9rem}.wicket-pips{display:flex;gap:3px;align-items:flex-end;margin-top:.05rem}.wicket-pip{width:3px;height:13px;border-radius:1.5px;background:#ffffffbf;box-shadow:0 0 5px #ffffff40;transition:background .25s,opacity .25s,box-shadow .25s}.wicket-pip.pip-fallen{background:#e539358c;box-shadow:0 0 5px #e539354d;opacity:.45}.pips-warning .wicket-pip:not(.pip-fallen){background:#ff6b00d9;box-shadow:0 0 6px #ff6b008c}.pips-danger .wicket-pip:not(.pip-fallen){background:#e53935f2;box-shadow:0 0 8px #e53935b3;animation:pipDanger .75s ease-in-out infinite}@keyframes pipDanger{0%,to{opacity:1}50%{opacity:.45}}.hand-num{position:relative;z-index:2;font-size:2.9rem;font-weight:900;color:var(--accent);line-height:1;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 22px rgba(0,0,0,.55)}.hand-num.revealed{animation:handReveal .44s cubic-bezier(.34,1.56,.64,1)}.hand-num.scanning{animation:slotScan .08s steps(1) infinite}@keyframes slotScan{0%{transform:scale(1.08) translateY(-2px)}50%{transform:scale(.94) translateY(2px)}to{transform:scale(1.08) translateY(-2px)}}@keyframes handReveal{0%{transform:scale(.25) rotate(-18deg);opacity:0}40%{transform:scale(1.45) rotate(7deg);opacity:1}65%{transform:scale(.88) rotate(-3deg)}82%{transform:scale(1.06) rotate(1deg)}to{transform:scale(1) rotate(0)}}.locked-indicator{color:#4ade80;display:flex;align-items:center;justify-content:center}.locked-check{font-size:2.4rem;font-weight:900;line-height:1}.arena-role{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.8px}.opp-picked{color:#4ade80;font-weight:800;font-size:.72rem;letter-spacing:.5px}.arena-pname{font-size:.78rem;font-weight:600;color:#ffffff73;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ball-anim{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 70%,transparent)) drop-shadow(0 0 6px rgba(255,107,0,.4));animation:ballHover 2.2s ease-in-out infinite,ballSpin 6s linear infinite;transform-origin:center}@keyframes ballHover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ballSpin{0%{filter:drop-shadow(0 0 18px rgba(255,107,0,.65)) drop-shadow(0 0 6px rgba(255,107,0,.4))}50%{filter:drop-shadow(0 0 28px rgba(255,150,0,.85)) drop-shadow(0 2px 10px rgba(255,107,0,.5))}to{filter:drop-shadow(0 0 18px rgba(255,107,0,.65)) drop-shadow(0 0 6px rgba(255,107,0,.4))}}.vs-label{font-size:.54rem;font-weight:900;color:#ffffff26;letter-spacing:2px;margin-top:.28rem;text-transform:uppercase}.emote-bubble{position:absolute;left:50%;top:-14px;z-index:30;font-size:2rem;line-height:1;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));animation:emotePop 2.6s ease-out forwards}@keyframes emotePop{0%{opacity:0;transform:translate(-50%,14px) scale(.3)}10%{opacity:1;transform:translate(-50%,-10px) scale(1.3)}20%{transform:translate(-50%,-18px) scale(1)}82%{opacity:1;transform:translate(-50%,-18px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.85)}}.emote-control{position:absolute;bottom:.5rem;right:.7rem;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.emote-toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0000008c;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .15s,color .2s,border-color .2s}.emote-control.open .emote-toggle{color:var(--accent);border-color:var(--accent);transform:scale(1.08)}.emote-tray{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.22rem;max-width:calc(100vw - 1.5rem);padding:.38rem .45rem;background:#0a121ee0;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 30px #000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:emoteTrayIn .18s ease-out}@keyframes emoteTrayIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.emote-opt{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.55rem;line-height:1;background:#ffffff0a;border:none;cursor:pointer;transition:transform .12s,background .15s}.emote-opt:hover,.emote-opt:active{transform:scale(1.22);background:#ffffff1a}.game-bottom{flex-shrink:0;display:flex;flex-direction:column}.commentary-ticker{display:flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.3rem .85rem;background:#00000080;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.ticker-live{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#ef4444;box-shadow:0 0 8px #ef4444b3;animation:tickerBlink 1.2s ease-in-out infinite}@keyframes tickerBlink{0%,to{opacity:1}50%{opacity:.25}}.ticker-text{font-size:.68rem;font-weight:600;color:#ffffff6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:tickerIn .28s ease-out}@keyframes tickerIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.picker-area{padding:.85rem .5rem .7rem;flex-shrink:0;position:relative}.timing-flash{position:absolute;top:-1.6rem;left:50%;transform:translate(-50%);font-size:.82rem;font-weight:900;letter-spacing:.07em;pointer-events:none;white-space:nowrap;animation:timingPop .72s ease-out forwards;z-index:20}.timing-flash-perfect{color:gold;text-shadow:0 0 10px rgba(255,215,0,.65)}.timing-flash-good{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.5)}@keyframes timingPop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.75)}18%{opacity:1;transform:translate(-50%) translateY(-3px) scale(1.18)}55%{opacity:1;transform:translate(-50%) translateY(-8px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.95)}}@media (prefers-reduced-motion: reduce){.timing-flash{animation:none;opacity:0}}.picker-label{text-align:center;font-size:.72rem;color:#ffffff59;margin-bottom:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.number-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.32rem}.num-btn[data-num="1"]{--nc: #818cf8;--ng: rgba(129,140,248,.45)}.num-btn[data-num="2"]{--nc: #22d3ee;--ng: rgba(34,211,238,.45)}.num-btn[data-num="3"]{--nc: #4ade80;--ng: rgba(74,222,128,.45)}.num-btn[data-num="4"]{--nc: #60a5fa;--ng: rgba(96,165,250,.45)}.num-btn[data-num="5"]{--nc: #fbbf24;--ng: rgba(251,191,36,.45)}.num-btn[data-num="6"]{--nc: #FF6B00;--ng: rgba(255,107,0,.5)}.num-btn{aspect-ratio:1;background:linear-gradient(160deg,color-mix(in srgb,var(--nc, #fff) 11%,rgba(18,28,42,.95)),#0a121eeb);border:1.5px solid color-mix(in srgb,var(--nc, rgba(255,255,255,.1)) 28%,rgba(255,255,255,.06));border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 1px #ffffff14 inset,0 4px 12px #00000059;transition:transform .13s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.num-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 45%)}.num-btn:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--nc, transparent);opacity:.7;box-shadow:0 0 7px var(--ng, transparent)}@media (hover: hover) and (pointer: fine){.num-btn:hover:not(.disabled){border-color:var(--nc, var(--primary));box-shadow:0 0 18px var(--ng, var(--primary-glow));transform:scale(1.05)}}.num-btn:active:not(.disabled){transform:scale(.86);filter:brightness(.82)}.num-btn:focus,.num-btn:focus-visible{outline:none}.num-btn.bounce{animation:buttonBounce .32s cubic-bezier(.175,.885,.32,1.275) forwards}.num-btn.selected{background:linear-gradient(160deg,color-mix(in srgb,var(--nc, var(--primary)) 30%,rgba(12,22,36,.85)),color-mix(in srgb,var(--nc, var(--primary)) 10%,rgba(8,15,26,.95)));border-color:var(--nc, var(--primary));box-shadow:0 0 24px var(--ng, var(--primary-glow)),inset 0 0 10px #ffffff0a}.num-btn.selected .num-val{color:var(--nc, #fff);text-shadow:0 0 20px var(--ng)}.num-btn.disabled{opacity:.25;pointer-events:none}.num-btn.dimmed{opacity:.18;pointer-events:none}.num-btn.selected-player{pointer-events:none;background:linear-gradient(160deg,#ff7a20,#ff4500);border-color:#ff6b00e6;box-shadow:0 0 28px #ff6b00b3,0 1px #ffffff26 inset}.num-btn.selected-player .num-val{color:#fff;text-shadow:0 0 12px rgba(255,220,80,.8)}.num-btn.selected-cpu{pointer-events:none;background:linear-gradient(160deg,#e53935,#b71c1c);border-color:#e53935d9;box-shadow:0 0 24px #e53935a6,0 1px #ffffff1a inset}.num-btn.selected-cpu .num-val{color:#fff}.num-btn.selected-cpu:after{background:#e53935}.num-btn.num-match{pointer-events:none;background:linear-gradient(160deg,#b71c1c,#7f0000);border-color:#b71c1ce6;box-shadow:0 0 36px #b71c1ce6,0 0 60px #e5393566;animation:wicketMatchPulse .42s ease-out}.num-btn.num-match .num-val{color:#fff}@keyframes wicketMatchPulse{0%{transform:scale(.84)}55%{transform:scale(1.12)}to{transform:scale(1)}}.num-btn.ready{animation:btnBreath 2.8s ease-in-out infinite;animation-delay:calc(var(--n, 0) * .12s)}.num-btn[data-num="1"].ready{animation-delay:0s}.num-btn[data-num="2"].ready{animation-delay:.08s}.num-btn[data-num="3"].ready{animation-delay:.16s}.num-btn[data-num="4"].ready{animation-delay:.24s}.num-btn[data-num="5"].ready{animation-delay:.32s}.num-btn[data-num="6"].ready{animation-delay:.4s}@keyframes btnBreath{0%,to{transform:scale(1)}50%{transform:scale(1.032);box-shadow:0 0 14px var(--ng, rgba(255,255,255,.15))}}.num-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.num-btn.rippling .num-ripple{animation:numRipple .55s cubic-bezier(.22,.8,.36,1) forwards;border:2px solid var(--nc, #fff)}@keyframes numRipple{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.8);opacity:0}}.picker-label-active{animation:labelPulse 2s ease-in-out infinite;color:#fff9!important}@keyframes labelPulse{0%,to{opacity:.7}50%{opacity:1}}.num-val{font-size:1.72rem;font-weight:900;color:#fff;line-height:1;position:relative;z-index:1}.near-miss-tag{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);z-index:28;pointer-events:none;font-size:1.35rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#fc0;text-shadow:0 0 30px rgba(255,204,0,.75),0 2px 8px rgba(0,0,0,.8);animation:nearMissIn 1.6s ease-out forwards;white-space:nowrap}@keyframes nearMissIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.92)}}.combo-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;font-size:.62rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fbbf24;padding:.2rem .7rem;background:linear-gradient(135deg,#fbbf2438,#ff6b0024);border:1px solid rgba(251,191,36,.4);border-radius:20px;box-shadow:0 0 18px #fbbf2459;animation:comboBadgeIn .32s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.combo-badge.combo-fire{color:var(--accent);border-color:#ff6b008c;animation:comboBadgeIn .32s cubic-bezier(.34,1.56,.64,1),comboFire .5s ease-in-out infinite}@keyframes comboBadgeIn{0%{transform:translate(-50%) scale(.4) translateY(-6px);opacity:0}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}.combo-badge:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(ellipse 120% 120% at 50% 50%,rgba(255,107,0,.55),transparent 65%);pointer-events:none;z-index:-1;animation:comboFire .5s ease-in-out infinite}@keyframes comboFire{0%,to{opacity:.35}50%{opacity:1}}.ball-enter{animation:ballDotIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes ballDotIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}#screen-break{overflow:hidden;background:radial-gradient(ellipse 100% 55% at 50% -8%,rgba(255,204,0,.1) 0%,transparent 58%),radial-gradient(ellipse at center,#0B1622,var(--bg))}.brk-glow-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 65% 42% at 50% 44%,rgba(255,204,0,.1) 0%,transparent 62%)}.brk-motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.brk-mote{position:absolute;bottom:-14px;border-radius:50%;background:var(--accent);opacity:0;box-shadow:0 0 8px var(--accent-glow);animation-name:brkMoteRise;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes brkMoteRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.7}80%{opacity:.45}to{transform:translateY(-80vh) scale(.4);opacity:0}}.brk-wrap{position:relative;z-index:1;height:100%;width:100%;max-width:440px;margin:0 auto;padding:1.5rem 1.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem}.screen.active .brk-wrap>*{opacity:0;animation:riseIn .5s ease-out forwards}.screen.active .brk-wrap>*:nth-child(1){animation-delay:.06s}.screen.active .brk-wrap>*:nth-child(2){animation-delay:.18s}.screen.active .brk-wrap>*:nth-child(3){animation-delay:.32s}.screen.active .brk-wrap>*:nth-child(4){animation-delay:.5s}.screen.active .brk-wrap>*:nth-child(5){animation-delay:.64s}.brk-phase{display:flex;align-items:center;gap:.7rem;width:100%;max-width:300px}.brk-phase-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.brk-phase-text{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.brk-phase-text svg{opacity:.9}.brk-board{width:100%;background:linear-gradient(165deg,var(--surface2) 0%,var(--surface) 72%);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem 1.05rem;box-shadow:var(--shadow-sm)}.brk-board-top{display:flex;align-items:center;justify-content:space-between}.brk-batter{display:flex;flex-direction:column;gap:.12rem;text-align:left;min-width:0}.brk-batter-name{font-size:.98rem;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12ch}.brk-batter-tag{font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.brk-overs{font-size:1.15rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.brk-overs span{font-size:.64rem;font-weight:600;color:var(--text-muted)}.brk-board-score{display:flex;align-items:baseline;justify-content:center;margin-top:.3rem}.brk-score-runs{font-size:3rem;font-weight:900;line-height:1;color:var(--text);letter-spacing:-1px;font-variant-numeric:tabular-nums}.brk-score-wkts{font-size:1.55rem;font-weight:800;color:var(--text-muted)}.brk-pips{display:flex;gap:5px;justify-content:center;margin-top:.6rem}.brk-pip{width:16px;height:5px;border-radius:3px;background:#ffffff1f}.brk-pip.alive{background:var(--green);box-shadow:0 0 6px #00e67680}.brk-target{display:flex;justify-content:center;padding:.1rem 0}.brk-target-ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:166px;height:166px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.16) 0%,rgba(255,204,0,.03) 56%,transparent 72%);border:2px solid rgba(255,204,0,.45);animation:brkTargetPulse 2.4s ease-in-out infinite}.brk-target-ring:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1.5px dashed rgba(255,204,0,.28);animation:spin 16s linear infinite}@keyframes brkTargetPulse{0%,to{box-shadow:0 0 36px #ffcc0038,inset 0 0 26px #ffcc0012}50%{box-shadow:0 0 62px #ffcc006b,inset 0 0 36px #ffcc001f}}.brk-target-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.64rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);opacity:.85}.brk-target-num{font-size:3.6rem;font-weight:900;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;margin:.1rem 0;text-shadow:0 0 18px var(--accent-glow),0 0 38px rgba(255,204,0,.3)}.brk-target-sub{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.brk-equation{font-size:.96rem;font-weight:600;color:var(--text-muted);text-align:center;line-height:1.4}.brk-equation strong{font-weight:900}.brk-equation.chasing strong{color:var(--green)}.brk-equation.defending strong{color:var(--accent)}.brk-cta{width:100%;max-width:320px;margin-top:.15rem}.brk-cta-arrow{margin-left:-.1rem;transition:transform .2s ease}.brk-cta:hover .brk-cta-arrow{transform:translate(4px)}.screen.active .brk-wrap>.brk-cta{animation:riseIn .5s ease-out .64s forwards,ctaBreathe 2.8s ease-in-out 1.25s infinite}#screen-result{overflow:hidden}.res-win{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(255,180,0,.12) 0%,transparent 60%),radial-gradient(ellipse at center,#14110A,var(--bg))}.res-tie{background:radial-gradient(ellipse 120% 70% at 50% -10%,rgba(192,200,216,.1) 0%,transparent 60%),radial-gradient(ellipse at center,#0D1320,var(--bg))}.res-lose{background:radial-gradient(ellipse at center,#0D0E16,var(--bg))}.result-rays{position:absolute;left:50%;top:16%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.5;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,204,0,.1) 0deg,rgba(255,204,0,.1) 7deg,transparent 7deg,transparent 22deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 42%);mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 42%);animation:raySpin 26s linear infinite}.res-tie .result-rays{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(192,200,216,.08) 0deg,rgba(192,200,216,.08) 7deg,transparent 7deg,transparent 22deg)}@keyframes raySpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.result-glow-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.res-win .result-glow-bg{background:radial-gradient(ellipse 90% 55% at 50% 18%,rgba(255,204,0,.16) 0%,transparent 65%)}.res-lose .result-glow-bg{background:radial-gradient(ellipse 90% 55% at 50% 18%,rgba(255,60,60,.1) 0%,transparent 65%)}.result-wrapper{position:relative;z-index:1;text-align:center;padding:max(env(safe-area-inset-top,0px),1.4rem) 1.25rem max(env(safe-area-inset-bottom,0px),1.4rem);max-width:460px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:.85rem}@keyframes riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.screen.active .result-wrapper>*{opacity:0;animation:riseIn .42s cubic-bezier(.22,1,.36,1) forwards}.screen.active .result-wrapper>*:nth-child(1){animation-delay:.04s}.screen.active .result-wrapper>*:nth-child(2){animation-delay:.14s}.screen.active .result-wrapper>*:nth-child(3){animation-delay:.24s}.screen.active .result-wrapper>*:nth-child(4){animation-delay:.34s}.screen.active .result-wrapper>*:nth-child(5){animation-delay:.44s}.screen.active .result-wrapper>*:nth-child(6){animation-delay:.54s}.result-hero{display:flex;flex-direction:column;align-items:center;gap:.42rem}.result-trophy-stage{position:relative;display:flex;align-items:center;justify-content:center}.result-trophy-burst{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--accent);pointer-events:none;animation:trophyBurst .85s cubic-bezier(.22,1,.36,1) .35s both}.res-tie .result-trophy-burst{border-color:var(--text-muted)}@keyframes trophyBurst{0%{opacity:.8;transform:translate(-50%,-50%) scale(.5);border-width:4px}to{opacity:0;transform:translate(-50%,-50%) scale(2.4);border-width:0}}.result-icon-ring{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;margin-bottom:.2rem}.res-win .result-icon-ring{background:radial-gradient(circle,rgba(255,204,0,.15) 0%,transparent 70%);border:2px solid rgba(255,204,0,.4);color:var(--accent);box-shadow:0 0 36px #ffcc0047,0 0 72px #ffcc001a;animation:ringPulse 2.4s ease-in-out infinite}.res-lose .result-icon-ring{background:radial-gradient(circle,rgba(255,60,60,.12) 0%,transparent 70%);border:2px solid rgba(255,60,60,.35);color:var(--red);box-shadow:0 0 28px #ff3c3c2e}.res-tie .result-icon-ring{background:#ffffff0a;border:2px solid rgba(255,255,255,.14);color:var(--text-muted)}.result-icon-ring svg{animation:elasticIn .7s cubic-bezier(.175,.885,.32,1.275) both}@keyframes ringPulse{0%,to{box-shadow:0 0 30px #ffcc0038,0 0 60px #ffcc0014}50%{box-shadow:0 0 52px #ffcc0070,0 0 96px #ffcc0029}}.result-ribbon{position:relative;overflow:hidden;padding:.4rem 1.6rem;border-radius:8px;border:1px solid transparent;animation:ribbonStamp .55s cubic-bezier(.34,1.56,.64,1) .22s both}.result-ribbon-text{position:relative;z-index:1;font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:3px;display:block}.result-ribbon:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-160%) skew(-18deg);z-index:2;animation:ribbonShine 3.2s ease-in-out 1s infinite}.res-win .result-ribbon{background:linear-gradient(135deg,#ffcc0029,#ff6b0014);border-color:#fc06;box-shadow:0 0 26px #ffcc002e}.res-win .result-ribbon-text{background:linear-gradient(135deg,#ffe45c,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 14px rgba(255,204,0,.4))}.res-lose .result-ribbon{background:#e5393514;border-color:#e539354d}.res-lose .result-ribbon-text{color:var(--red)}.res-lose .result-ribbon:after{display:none}.res-tie .result-ribbon{background:#ffffff0d;border-color:var(--border)}.res-tie .result-ribbon-text{color:var(--text)}@keyframes ribbonStamp{0%{opacity:0;transform:scale(1.6);letter-spacing:12px;filter:blur(3px)}to{opacity:1;transform:scale(1);letter-spacing:3px;filter:blur(0)}}@keyframes ribbonShine{0%,to{transform:translate(-160%) skew(-18deg)}35%,65%{transform:translate(220%) skew(-18deg)}}.res-lose .result-ribbon.ribbon-agonizing{background:#fb923c1a;border-color:#fb923c66;box-shadow:0 0 20px #fb923c26}.res-lose .result-ribbon.ribbon-agonizing .result-ribbon-text{background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(249,115,22,.35))}.res-win .result-ribbon.ribbon-clutch{background:linear-gradient(135deg,#fbbf242e,#f59e0b14);border-color:#fbbf2480;box-shadow:0 0 26px #fbbf2438}.res-win .result-ribbon.ribbon-clutch .result-ribbon-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-pulse{animation:ctaPulse 1.1s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 0 #f9731680}50%{box-shadow:0 0 0 8px #f9731600}}@media (prefers-reduced-motion: reduce){.cta-pulse{animation:none}}.result-detail{font-size:.86rem;color:var(--text-muted);font-weight:600;background:#ffffff0d;border:1px solid var(--border);border-radius:20px;padding:.26rem 1rem}.result-rewards{width:100%;display:flex;gap:.55rem;justify-content:center;align-items:stretch}.reward-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .75rem;border-radius:24px;font-size:1.1rem;font-weight:900;font-variant-numeric:tabular-nums;border:1.5px solid;letter-spacing:-.3px;animation:chipPop .45s cubic-bezier(.34,1.56,.64,1) both}.trophy-chip.chip-win{color:var(--accent);border-color:#ffcc0073;background:#ffcc001a;box-shadow:0 0 16px #ffcc002e}.trophy-chip.chip-lose{color:var(--red);border-color:#ff3c3c66;background:#ff3c3c14}.trophy-chip.chip-tie{color:var(--text-muted);border-color:var(--border);background:#ffffff0a}.coin-chip{color:var(--primary);border-color:#ff6b0073;background:#ff6b0017;box-shadow:0 0 13px #ff6b002e;animation-delay:.1s}@keyframes chipPop{0%{transform:scale(.5) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.new-pb-banner{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffcc002e,#ff6b001f);border:1px solid rgba(255,204,0,.4);border-radius:24px;padding:.38rem 1.1rem;font-size:.78rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;animation:shimmer 2s linear infinite;background-size:200% auto}.rdc{position:relative;width:100%;display:flex;align-items:stretch;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.rdc.rdc-pw{border-color:#00e6764d;box-shadow:0 0 28px #00e6761f,var(--shadow-sm)}.rdc.rdc-ow{border-color:#e5393538}.rdc.rdc-tie{border-color:#ffcc0040;box-shadow:0 0 22px #ffcc001a,var(--shadow-sm)}.rdc:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 8%,var(--border) 28%,var(--border) 72%,transparent 92%)}.rdc-side{flex:1;min-width:0;background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);display:flex;flex-direction:column;align-items:center;padding:1rem .6rem .85rem;gap:.22rem}.rdc-s-win{background:linear-gradient(180deg,#00e67621,#00e6760a),linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%)}.rdc-s-lose{opacity:.4;filter:saturate(.4) brightness(.85)}.rdc-aw{position:relative;flex-shrink:0;width:48px;height:48px;overflow:visible}.rdc-aw-img{width:100%;height:100%;border-radius:12px;background:var(--surface3);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px #00000080}.rdc-s-win .rdc-aw-img{border-color:#00e67699;box-shadow:0 0 14px #00e67659}.rdc.rdc-tie .rdc-aw-img{border-color:#fc06}.rdc-avatar-img{width:100%;height:100%;object-fit:cover}.rdc-ai{font-size:1.2rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;line-height:1}.rdc-ai-cpu{color:var(--text-dim)}.rdc-crown{position:absolute;top:-5px;right:-5px;color:var(--accent);filter:drop-shadow(0 1px 5px rgba(255,204,0,.8));animation:crownPop .5s cubic-bezier(.34,1.56,.64,1) .55s both}@keyframes crownPop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.rdc-name{font-size:.76rem;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.06rem}.rdc-s-win .rdc-name{color:var(--green)}.rdc-score{display:flex;align-items:baseline;gap:2px}.rdc-runs{font-size:2.8rem;font-weight:900;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-1px}.rdc-wkts{font-size:1.05rem;font-weight:700;color:var(--text-dim)}.rdc-s-win .rdc-runs{color:var(--green);text-shadow:0 0 22px rgba(0,230,118,.42)}.rdc.rdc-tie .rdc-runs{color:var(--accent);text-shadow:0 0 18px rgba(255,204,0,.3)}.rdc-stats{display:flex;gap:.28rem;width:100%;margin-top:.15rem}.rdc-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:#ffffff0a;border-radius:var(--radius-xs);padding:.3rem .1rem}.rdc-sv{font-size:.9rem;font-weight:800;color:var(--text);line-height:1}.rdc-sl{font-size:.52rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.rdc-vs-col{flex:0 0 0;width:0;overflow:visible;display:flex;align-items:center;justify-content:center;z-index:2}.rdc-vs{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;letter-spacing:.5px;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);box-shadow:0 2px 10px #00000080,inset 0 1px #ffffff0f;animation:vsPop .45s cubic-bezier(.34,1.56,.64,1) .4s both}@keyframes vsPop{0%{transform:scale(0) rotate(-90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.result-ctas{display:flex;flex-direction:column;gap:.55rem;width:100%}.result-play-again{width:100%;height:58px;padding:0 1.5rem;border:none;border-radius:16px;background:linear-gradient(180deg,#ff8030,#ff4200);color:#fff;font-size:1rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 1.5px #ffffff52 inset,0 6px #a32800,0 10px 28px #c8370080;transform:translateY(0);transition:transform 80ms ease-in,box-shadow 80ms ease-in}.result-play-again:active{animation:none;transform:translateY(5px);box-shadow:0 1px #ffffff2e inset,0 1px #a32800,0 3px 10px #c837004d;filter:none}.res-win .result-play-again{animation:winCtaPulse 2.4s ease-in-out infinite}@keyframes winCtaPulse{0%,to{box-shadow:0 1.5px #ffffff52 inset,0 6px #a32800,0 10px 28px #c8370080}50%{box-shadow:0 1.5px #ffffff52 inset,0 6px #a32800,0 10px 42px #ffa500ad,0 0 26px #ff5a0059}}.result-secondary-row{display:flex;gap:.48rem}.result-share-btn{flex:1;height:50px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1rem;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#0f3020,#081c12);color:var(--green);font-family:Poppins,sans-serif;font-size:.84rem;font-weight:800;letter-spacing:.4px;box-shadow:0 1.5px #00e67633 inset,0 4px #021a09,0 7px 18px #00000080;transform:translateY(0);transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.result-share-btn:active{transform:translateY(3px);box-shadow:0 1px #00e6761f inset,0 1px #021a09,0 2px 8px #00000059;filter:none}.result-home-btn{flex:1;height:50px;padding:0;border:none;border-radius:14px;background:linear-gradient(180deg,#1c2030,#111520);color:#fff9;font-size:.84rem;font-weight:700;letter-spacing:.2px;box-shadow:0 1.5px #ffffff1a inset,0 4px #000000a6,0 7px 16px #00000073;transform:translateY(0);transition:transform 80ms ease-in,box-shadow 80ms ease-in}.result-home-btn:hover{color:#fffc;filter:none;box-shadow:0 1.5px #ffffff24 inset,0 4px #000000a6,0 7px 20px #00000080}.result-home-btn:active{transform:translateY(3px);box-shadow:0 1px #ffffff12 inset,0 1px #000000a6,0 2px 6px #00000059;filter:none}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.confetti-piece{position:absolute;top:-10px;animation:confettiFall linear forwards}.confetti-burst{position:absolute;animation:confettiBurst ease-out forwards}@keyframes confettiBurst{0%{transform:translate(0) scale(0);opacity:1}55%{transform:translate(var(--dx-mid),var(--dy-mid)) scale(1);opacity:1}to{transform:translate(var(--dx-end),var(--dy-end)) scale(.4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(18deg)}}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(var(--coin-end, 1800deg))}}@keyframes coinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.25)}85%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes ballThrow{0%{transform:translate(-22px) scale(.75)}55%{transform:translate(6px) scale(1.15)}to{transform:translate(0) scale(1)}}@keyframes flashRed{0%,to{background:#e539351a}50%{background:#e5393547}}@keyframes flashGreen{0%,to{background:transparent}50%{background:#00e67614}}@keyframes wicketEntrance{0%{transform:scale(.6) rotate(-4deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .4s ease}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes screenShake{0%,to{transform:translate(0) rotate(0)}12%{transform:translate(-7px,3px) rotate(-.6deg)}25%{transform:translate(6px,-5px) rotate(.5deg)}37%{transform:translate(-5px,6px) rotate(-.4deg)}50%{transform:translate(7px,-3px) rotate(.5deg)}62%{transform:translate(-4px,5px) rotate(-.3deg)}75%{transform:translate(5px,-4px) rotate(.4deg)}87%{transform:translate(-3px,2px) rotate(-.2deg)}}@keyframes scorePop{0%{transform:scale(1);color:var(--accent)}35%{transform:scale(1.55);color:#fff}60%{transform:scale(.9)}80%{transform:scale(1.1);color:var(--accent)}to{transform:scale(1);color:var(--accent)}}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}12%{transform:translateY(-12px) scale(1.4);opacity:1}80%{transform:translateY(-80px) scale(1.1);opacity:1}to{transform:translateY(-110px) scale(1);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ff6b0000}50%{box-shadow:0 0 40px 4px #ff6b0059,inset 0 0 30px #ff6b0014}}@keyframes elasticIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.18);opacity:1}72%{transform:scale(.9)}86%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonBounce{0%{transform:scale(.87)}45%{transform:scale(1.12)}68%{transform:scale(.96)}84%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.online-how-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.online-how-row{display:flex;align-items:flex-start;gap:.7rem;font-size:.8rem;color:var(--text-muted);line-height:1.45}.online-how-row svg{color:var(--primary);flex-shrink:0;margin-top:1px}.setup-note{font-size:.76rem;color:var(--text-dim);font-style:italic;line-height:1.5;padding:.6rem 0}#screen-matchmaking{background:#06080f;overflow:hidden}.mm-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 95% 50% at 50% -8%,color-mix(in srgb,var(--mm-arena-color, #00D4FF) 34%,transparent) 0%,transparent 62%),radial-gradient(circle at 0% 58%,color-mix(in srgb,var(--mm-arena-color, #00D4FF) 16%,transparent) 0%,transparent 42%),radial-gradient(circle at 100% 58%,rgba(255,70,90,.12) 0%,transparent 42%),radial-gradient(ellipse 120% 70% at 50% 120%,rgba(0,0,0,.55) 0%,transparent 55%),#06080f}.mm-bg-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.mm-mote{position:absolute;bottom:-12px;border-radius:50%;background:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 80%,#fff);opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 70%,transparent);animation-name:mmMoteRise;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes mmMoteRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.55}85%{opacity:.3}to{transform:translateY(-82vh) scale(.4);opacity:0}}.mm-shell{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:460px;margin:0 auto;width:100%;padding:calc(.85rem + env(safe-area-inset-top)) 1.05rem calc(1rem + env(safe-area-inset-bottom))}.mm-topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:.5rem}.mm-arena-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;background:#0c121ef2;border:1px solid color-mix(in srgb,var(--mm-arena-color, #00D4FF) 40%,transparent);font-size:.74rem;font-weight:800;color:var(--text);box-shadow:0 0 18px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 16%,transparent)}.mm-arena-flag{font-size:1rem;line-height:1}.mm-arena-name{letter-spacing:.2px}.mm-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;width:100%}.mm-faceoff{position:relative;width:100%;display:flex;align-items:stretch;justify-content:center}.mm-side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.3rem .6rem 1.1rem;border-radius:22px;background:linear-gradient(165deg,#141c32eb,#080b18e6);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 44px #00000080,inset 0 1px #ffffff0d}.mm-side-you{border-top-right-radius:8px;border-bottom-right-radius:8px}.mm-side-foe{border-top-left-radius:8px;border-bottom-left-radius:8px}.mm-side-you{border-color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 42%,rgba(255,255,255,.08));background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--mm-arena-color, #00D4FF) 16%,transparent),transparent 70%),linear-gradient(165deg,#141c32eb,#080b18e6);box-shadow:0 16px 44px #00000080,0 0 30px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 18%,transparent),inset 0 1px #ffffff12}#screen-matchmaking.screen.active .mm-side-you{animation:mmSideInL .52s cubic-bezier(.22,1,.36,1) both}#screen-matchmaking.screen.active .mm-side-foe{animation:mmSideInR .52s cubic-bezier(.22,1,.36,1) both}@keyframes mmSideInL{0%{opacity:0;transform:translate(-26px) scale(.95)}to{opacity:1;transform:none}}@keyframes mmSideInR{0%{opacity:0;transform:translate(26px) scale(.95)}to{opacity:1;transform:none}}.mm-side-tag{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.mm-side-you .mm-side-tag{color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 80%,#fff)}.mm-portrait{position:relative;width:108px;height:108px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mm-portrait-inner{position:relative;width:88px;height:88px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000008c;border:3px solid rgba(255,255,255,.12)}.mm-side-you .mm-portrait-inner{border-color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 78%,transparent)}.mm-portrait-img{width:100%;height:100%;object-fit:cover}.mm-portrait-init{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:1px}.mm-portrait-icon{display:flex}.mm-portrait-fled{color:#ff3d5a}.mm-portrait-nosignal{color:var(--text-muted);opacity:.7}.mm-portrait-halo{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--mm-arena-color, #00D4FF) 30%,transparent) 0%,transparent 70%);animation:mmHaloPulse 2.6s ease-in-out infinite}@keyframes mmHaloPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.mm-side-name{font-size:.98rem;font-weight:800;color:var(--text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-side-meta{display:inline-flex;align-items:center;gap:.25rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.mm-side-ready{font-size:.62rem;font-weight:800;color:#00e676;text-transform:uppercase;letter-spacing:.6px;animation:mmReadyIn .3s ease-out both}@keyframes mmReadyIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mm-side-scan{color:color-mix(in srgb,var(--foe-color, #00D4FF) 75%,#fff);opacity:.85}.mm-side-fled{border-color:#ff3d5a59}.mm-side-nosignal{opacity:.8}.mm-side-locked{border-color:#00e67666;box-shadow:0 16px 44px #00000080,0 0 30px #00e6762e,inset 0 1px #ffffff0f}.mm-side-locked .mm-portrait-inner{border-color:#00e676;animation:mmLockSnap .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes mmLockSnap{0%{transform:scale(1.18)}60%{transform:scale(.94)}to{transform:scale(1)}}.mm-side-scanning .mm-portrait-inner{background:color-mix(in srgb,var(--foe-color, #00D4FF) 26%,rgba(0,0,0,.6));border-color:color-mix(in srgb,var(--foe-color, #00D4FF) 72%,transparent);transition:background .12s ease,border-color .12s ease}.mm-side-scanning .mm-portrait{animation:mmFoeGlow 2s ease-in-out infinite}@keyframes mmFoeGlow{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--foe-color, #00D4FF) 30%,transparent))}50%{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--foe-color, #00D4FF) 60%,transparent))}}.mm-portrait-scroller{animation:mmPortraitPop .13s ease-out both;border-radius:50%}@keyframes mmPortraitPop{0%{opacity:0;transform:scale(.82);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.mm-side-scanning .mm-portrait-init{color:var(--foe-color, #00D4FF);animation:mmInitPop .12s ease-out both}@keyframes mmInitPop{0%{opacity:.15;transform:scale(1.3);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.mm-side-name-roll{animation:mmNameRoll .12s ease-out both}@keyframes mmNameRoll{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mm-scan-sweep{position:absolute;left:0;right:0;height:3px;top:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foe-color, #00D4FF) 90%,#fff),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--foe-color, #00D4FF) 70%,transparent);animation:mmScanSweep 1.3s linear infinite;opacity:.85;pointer-events:none}@keyframes mmScanSweep{0%{top:6%}to{top:92%}}.mm-dots{display:inline-flex;gap:3px;margin-left:2px}.mm-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:mmDot 1.2s ease-in-out infinite}.mm-dots span:nth-child(2){animation-delay:.18s}.mm-dots span:nth-child(3){animation-delay:.36s}@keyframes mmDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.mm-presence{display:inline-flex;align-items:center;gap:.32rem;padding:.34rem .62rem;border-radius:20px;background:#0c121ef2;border:1px solid rgba(255,255,255,.08);font-size:.64rem;font-weight:700;color:var(--text-muted)}.mm-presence-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#00e676;box-shadow:0 0 8px #00e676b3;animation:mmPresencePulse 1.8s ease-in-out infinite}@keyframes mmPresencePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}.mm-presence-count{color:#00e676;font-weight:800}.mm-presence-label{color:var(--text-muted)}.mm-seam{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:54px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.mm-seam-beam{position:absolute;top:6%;bottom:6%;left:50%;width:2px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--mm-arena-color, #00D4FF) 90%,#fff) 50%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 70%,transparent)}.mm-seam-pulse .mm-seam-beam{animation:mmBeamPulse 2s ease-in-out infinite}@keyframes mmBeamPulse{0%,to{opacity:.5}50%{opacity:1}}.mm-vs{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#080c18fa 60%,#080c18e6);border:2px solid color-mix(in srgb,var(--mm-arena-color, #00D4FF) 60%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 35%,transparent),0 0 48px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 12%,transparent),inset 0 1px #ffffff14}.mm-seam-pulse .mm-vs{animation:mmVsBreathe 2.5s ease-in-out infinite}@keyframes mmVsBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.mm-vs-glyph{display:flex;margin-bottom:-3px;opacity:.85;color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 85%,#fff)}.mm-vs-text{font-size:.92rem;font-weight:900;letter-spacing:1px;line-height:1;color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 92%,#fff);text-shadow:0 0 14px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 80%,transparent)}.mm-seam-flash .mm-vs{border-color:gold;box-shadow:0 0 28px #ffd7008c,0 0 60px #ffd70033;animation:mmVsStamp .5s cubic-bezier(.34,1.56,.64,1)}.mm-seam-flash .mm-vs-text,.mm-seam-flash .mm-vs-glyph{color:gold;text-shadow:0 0 18px rgba(255,215,0,.8)}.mm-seam-flash .mm-seam-beam{background:linear-gradient(180deg,transparent,#FFD700 50%,transparent);box-shadow:0 0 20px #ffd70099}@keyframes mmVsStamp{0%{transform:scale(1.6)}55%{transform:scale(.9)}to{transform:scale(1)}}.mm-seam-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:gold;box-shadow:0 0 8px gold;animation:mmSpark .6s ease-out forwards}.mm-seam-spark-1{animation-delay:0s;--dx: -26px;--dy: -22px}.mm-seam-spark-2{animation-delay:.05s;--dx: 26px;--dy: -20px}.mm-seam-spark-3{animation-delay:.1s;--dx: -24px;--dy: 22px}.mm-seam-spark-4{animation-delay:.15s;--dx: 24px;--dy: 20px}@keyframes mmSpark{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(.3)}}.mm-status{font-size:.88rem;font-weight:700;color:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 90%,#fff);text-align:center;min-height:1.2em;text-shadow:0 0 20px color-mix(in srgb,var(--mm-arena-color, #00D4FF) 60%,transparent);animation:mmStatusIn .4s ease}@keyframes mmStatusIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mm-headline{font-size:1.35rem;font-weight:900;color:var(--text);text-align:center;line-height:1.2;animation:mmHeadlineIn .45s cubic-bezier(.34,1.56,.64,1) both}.mm-headline-found{background:linear-gradient(135deg,gold,#ff9100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mm-headline-warn{color:#ff3d5a}.mm-headline-win{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mm-forfeit-rewards{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-top:.75rem}.mm-forfeit-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .72rem;border-radius:20px;font-size:.85rem;font-weight:800;background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.mm-forfeit-chip-coin{background:#ffcc0026;color:#fc0;border-color:#ffcc004d}@keyframes mmHeadlineIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-sub{font-size:.82rem;color:var(--text-muted);text-align:center;margin-top:.35rem;line-height:1.45}.mm-recovery-msg{text-align:center}.mm-status-zone{min-height:2.4rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mm-footer{flex-shrink:0;width:100%;display:flex;flex-direction:column;gap:.7rem}.mm-search-controls{display:flex;align-items:center;gap:.7rem}.mm-search-controls .mm-btn-ghost{flex:1;margin-top:0}.mm-toss-prep{width:100%;text-align:center;animation:mmStatusIn .35s ease}.mm-toss-text{font-size:.82rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem}.mm-toss-dots{display:inline-flex;gap:3px}.mm-toss-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-muted);animation:dotPulse 1.2s ease-in-out infinite}.mm-toss-dots span:nth-child(2){animation-delay:.2s}.mm-toss-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.mm-toss-bar{width:100%;height:3px;margin-top:.5rem;background:#ffffff14;border-radius:2px;overflow:hidden}.mm-toss-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#00d4ff,gold);animation:mmTossBarFill 1s ease-out forwards}@keyframes mmTossBarFill{to{width:100%}}.mm-stakes{width:100%;padding:.6rem .9rem;background:#0f1520eb;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;transition:box-shadow .35s,border-color .35s}.mm-stakes-glow{border-color:#ffd70066;box-shadow:0 0 24px #ffd7002e,inset 0 1px #ffffff0f;animation:mmStakesGlow .8s ease-out}@keyframes mmStakesGlow{0%{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 36px #ffd7004d}to{box-shadow:0 0 24px #ffd7002e}}.mm-stakes-label{font-size:.6rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.mm-stakes-rewards{display:inline-flex;align-items:center;gap:.55rem}.mm-stakes-win{display:inline-flex;align-items:center;gap:.28rem;font-size:.92rem;font-weight:900;color:gold;font-variant-numeric:tabular-nums}.mm-stakes-coin{color:var(--accent)}.mm-stakes-rules{font-size:.66rem;font-weight:700;color:var(--text-muted);padding-left:.55rem;border-left:1px solid rgba(255,255,255,.1)}.mm-timer{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.mm-timer-track{fill:none;stroke:#ffffff14;stroke-width:3.5}.mm-timer-progress{fill:none;stroke:color-mix(in srgb,var(--mm-arena-color, #00D4FF) 90%,#fff);stroke-width:3.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke .3s linear,stroke-dashoffset .9s linear}.mm-timer-num{position:absolute;font-size:.82rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--text)}.mm-timer-urgent .mm-timer-progress{stroke:#ff9100}.mm-timer-urgent{animation:mmTimerUrgent 1s ease-in-out infinite}@keyframes mmTimerUrgent{0%,to{filter:drop-shadow(0 0 4px rgba(255,145,0,.3))}50%{filter:drop-shadow(0 0 12px rgba(255,145,0,.55))}}.mm-btn-ghost{width:100%;padding:.75rem 1rem;margin-top:.25rem;background:linear-gradient(180deg,#e03030,#b01010);border:none;border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700;color:#fff;box-shadow:0 1.5px #fff3 inset,0 4px #6b0000,0 7px 16px #b4000061;transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent}.mm-btn-ghost:active{transform:translateY(4px);box-shadow:0 1px #ffffff1f inset,0 1px #6b0000,0 2px 6px #b4000038;filter:none}.mm-actions{width:100%;display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem}.mm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.9rem 1rem;background:linear-gradient(180deg,#ff8030,#ff4200);border:none;border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:700;color:#fff;box-shadow:0 1.5px #ffffff4d inset,0 5px #a32800,0 8px 22px #c8370073;transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent;animation:ctaBreathe 2.8s ease-in-out infinite}.mm-btn-primary:active{transform:translateY(4px);animation:none;box-shadow:0 1px #ffffff26 inset,0 1px #a32800,0 2px 8px #c8370040;filter:none}.mm-btn-secondary{width:100%;padding:.75rem 1rem;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1.5px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;color:var(--text-muted);box-shadow:0 1.5px #ffffff1a inset,0 4px #0000008c,0 6px 14px #00000061;transition:transform 80ms ease-in,box-shadow 80ms ease-in,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.mm-btn-secondary:active{transform:translateY(3px);box-shadow:0 1px #ffffff0f inset,0 1px #0000008c,0 2px 6px #00000047;filter:none;border-color:#ffffff40;color:var(--text)}.toss-countdown{margin-top:.8rem;font-size:.82rem;font-weight:700;color:var(--text-muted);letter-spacing:.3px}.picker-label-row{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.pick-timer{font-size:.78rem;font-weight:800;color:var(--text-muted);background:var(--surface2);border-radius:12px;padding:.15rem .55rem;min-width:2.4rem;text-align:center}.pick-timer-ring{display:flex;justify-content:center;align-items:center;height:58px;margin:-8px 0 2px;position:relative;z-index:3}.circ-timer{position:relative;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));animation:ringIn .32s cubic-bezier(.34,1.56,.64,1)}@keyframes ringIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.circ-track{stroke:#ffffff1a}.circ-progress{transition:stroke .3s linear}.circ-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.circ-timer.critical{animation:ringPulse .5s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(229,57,53,.4))}50%{transform:scale(1.12);filter:drop-shadow(0 0 14px rgba(229,57,53,.7))}}.toss-waiting-msg{text-align:center;padding:1rem}.toss-waiting-msg p{color:var(--text-muted);font-size:1rem;margin-top:.8rem}.toss-waiting-dots{display:flex;justify-content:center;gap:6px;margin-bottom:.5rem}.toss-waiting-dots span{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:dotPulse 1.2s ease-in-out infinite}.toss-waiting-dots span:nth-child(2){animation-delay:.2s}.toss-waiting-dots span:nth-child(3){animation-delay:.4s}.break-waiting{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:.7rem 1.2rem;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.break-waiting-declined{color:#ff6b6b;border-color:#ff6b6b59;background:#ff6b6b14}.rematch-bubble{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-end;background:#fff;border-radius:14px 14px 4px;padding:.35rem .65rem .35rem .45rem;animation:bubblePop .42s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000002e}.rematch-bubble-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#333}.rematch-bubble-msg{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;color:#111}@keyframes bubblePop{0%{transform:scale(.3) translateY(8px);opacity:0}70%{transform:scale(1.06) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.picked-indicator{color:var(--green);font-weight:700;letter-spacing:.3px;animation:fadeIn .3s forwards}@media (max-width: 480px){.hud-runs{font-size:2.3rem}.arena-avatar{width:76px;height:76px}.hand-num{font-size:2.4rem}.number-grid{gap:.3rem}.num-val{font-size:1.45rem}.logo-title{font-size:2.2rem}.result-ribbon-text{font-size:2.1rem;letter-spacing:2px}.duel-score{font-size:2.1rem}.duel-stat-val{font-size:.92rem}}@media (min-height: 700px){.arena-avatar{width:96px;height:96px}.hand-num{font-size:3.2rem}.num-val{font-size:1.85rem}.picker-area{padding:1.1rem .85rem 1rem}}@media (max-height: 500px) and (orientation: landscape){.arena{min-height:0}.arena-avatar{width:64px;height:64px}.hand-num{font-size:2rem}.hud-runs{font-size:1.8rem}.duel-score{font-size:1.9rem}}.home-friends-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:.6rem;font-weight:800;border-radius:10px;border:2px solid var(--bg)}#screen-friends{background:radial-gradient(ellipse at 50% -10%,#0d1a2e 0%,var(--bg) 60%);display:flex;flex-direction:column}.fr-header{display:flex;align-items:flex-start;gap:.5rem;padding:calc(.8rem + env(safe-area-inset-top)) 1rem .4rem}.fr-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:.22rem}.fr-title-wrap h2{font-size:1.25rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.3px}.fr-online-pill{display:inline-flex;align-items:center;gap:.32rem;font-size:.67rem;font-weight:700;color:var(--green);background:#00e6761a;border:1px solid rgba(0,230,118,.25);border-radius:20px;padding:.14rem .55rem;width:fit-content}.fr-online-dot-live{width:6px;height:6px;border-radius:50%;background:var(--green);animation:frDotPing 1.8s ease-in-out infinite}@keyframes frDotPing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.fr-tabs{position:relative;display:flex;padding:3px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:.4rem 1rem .55rem}.fr-tab-slider{position:absolute;top:3px;bottom:3px;width:calc(33.333% - 2px);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:calc(var(--radius-sm) - 4px);box-shadow:0 2px 12px var(--primary-glow);transition:transform .26s cubic-bezier(.4,0,.2,1);pointer-events:none}.fr-tab{flex:1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.28rem;padding:.52rem .3rem;border:none;border-radius:calc(var(--radius-sm) - 4px);background:transparent;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:.76rem;font-weight:700;cursor:pointer;transition:color .22s;-webkit-tap-highlight-color:transparent}.fr-tab.active{color:#fff}.fr-tab:active{opacity:.8}.fr-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;font-size:.58rem;font-weight:800;border-radius:9px}.fr-body{flex:1;overflow-y:auto;padding:0 1rem calc(1.5rem + env(safe-area-inset-bottom));max-width:460px;width:100%;margin:0 auto}.fr-push-banner{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;margin-bottom:.75rem;background:linear-gradient(135deg,#ff6b001f,#ff6b000a);border:1px solid rgba(255,107,0,.22);border-radius:var(--radius-sm)}.fr-push-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.fr-push-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.fr-push-text strong{font-size:.8rem;color:var(--text);font-weight:700}.fr-push-text span{font-size:.7rem;color:var(--text-muted)}.fr-push-enable{flex-shrink:0;padding:.38rem .8rem;border-radius:20px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px var(--primary-glow);-webkit-tap-highlight-color:transparent}.fr-push-enable:active{transform:scale(.94)}.fr-push-dismiss{flex-shrink:0;display:flex;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;-webkit-tap-highlight-color:transparent}.fr-section-label{font-size:.64rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin:.8rem .1rem .35rem}.fr-list{display:flex;flex-direction:column;gap:.45rem}.fr-card{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-sm);overflow:hidden;animation:frCardIn .3s cubic-bezier(.34,1.4,.64,1) both;transition:border-left-color .3s}.fr-card-tap{display:flex;align-items:center;flex:1;min-width:0;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:opacity .15s}.fr-card-tap:active{opacity:.7}.fr-card-online{border-left-color:var(--green);background:linear-gradient(105deg,rgba(0,230,118,.06) 0%,var(--surface) 48%)}.fr-card-incoming{border-left-color:var(--primary);background:linear-gradient(105deg,rgba(255,107,0,.07) 0%,var(--surface) 48%)}@keyframes frCardIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.fr-avatar-wrap{position:relative;flex-shrink:0;padding:.65rem 0 .65rem .85rem}.fr-avatar-ring{position:relative;width:46px;height:46px;border-radius:50%}.fr-avatar-ring.fr-online{box-shadow:0 0 0 2px var(--green),0 0 10px #00e67666;animation:frRingGlow 2.2s ease-in-out infinite}@keyframes frRingGlow{0%,to{box-shadow:0 0 0 2px var(--green),0 0 8px #00e67659}50%{box-shadow:0 0 0 2px var(--green),0 0 18px #00e676a6}}.fr-avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--surface3),var(--surface2));color:var(--text);font-size:.88rem;font-weight:800}.fr-avatar-img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block}.fr-presence-dot{position:absolute;bottom:.65rem;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);border:2.5px solid var(--surface)}.fr-presence-dot.online{background:var(--green);box-shadow:0 0 7px var(--green)}.fr-card-info{flex:1;min-width:0;padding:.65rem .5rem;display:flex;flex-direction:column;gap:.1rem}.fr-card-name{font-size:.9rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-card-status{font-size:.7rem;color:var(--text-muted)}.fr-card-status.online{color:var(--green)}.fr-card-uid{font-family:monospace;font-size:.65rem;color:var(--text-dim)}.fr-card-actions{display:flex;align-items:center;gap:.4rem;padding-right:.75rem;flex-shrink:0}.fr-duel-btn{display:flex;align-items:center;gap:.3rem;padding:.42rem .85rem;border-radius:20px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.4px;cursor:pointer;box-shadow:0 2px 14px var(--primary-glow);-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .15s}.fr-duel-btn:active{transform:scale(.91);box-shadow:0 1px 6px var(--primary-glow)}.fr-add-btn{display:flex;align-items:center;gap:.3rem;padding:.42rem .8rem;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:var(--surface3);color:var(--text);font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s}.fr-add-btn:active{transform:scale(.94)}.fr-add-btn:disabled{opacity:.45}.fr-accept-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--green);color:#042;cursor:pointer;box-shadow:0 2px 10px #00e67666;-webkit-tap-highlight-color:transparent;transition:transform .1s}.fr-accept-btn:active{transform:scale(.9)}.fr-accept-btn:disabled{opacity:.45}.fr-remove-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,border-color .15s,color .15s}.fr-remove-btn:active{transform:scale(.9);color:var(--red);border-color:#e5393580}.fr-remove-btn:disabled{opacity:.45}.fr-pending-badge{font-size:.7rem;font-weight:700;color:var(--text-dim);padding:.38rem .7rem;border:1px dashed var(--border);border-radius:20px;white-space:nowrap}.fr-search{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);padding:0 .8rem;margin-bottom:.8rem;transition:border-color .2s,box-shadow .2s}.fr-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b001a}.fr-search-icon{color:var(--text-dim);flex-shrink:0}.fr-search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:Poppins,sans-serif;font-size:.9rem;padding:.72rem 0}.fr-search-input::placeholder{color:var(--text-dim)}.fr-search-clear{display:flex;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;-webkit-tap-highlight-color:transparent}.fr-search-hint{font-size:.78rem;color:var(--text-dim);text-align:center;padding:.5rem 0 .3rem}.fr-empty{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;padding:2.5rem 1.5rem}.fr-empty-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text-dim);border:2px solid var(--border);margin-bottom:.15rem}.fr-empty-title{font-size:1rem;font-weight:800;color:var(--text-muted);margin:0}.fr-empty-sub{font-size:.8rem;color:var(--text-dim);max-width:240px;margin:0}.fr-empty .btn{margin-top:.4rem}.challenge-popup{max-width:320px}.challenge-popup-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto .8rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 6px 24px var(--primary-glow)}.challenge-popup-title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0 0 .3rem}.challenge-popup-title strong{color:var(--primary)}.challenge-popup-arena{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0 0 1.1rem}.challenge-popup-actions{display:flex;gap:.6rem}.challenge-popup-actions .btn{flex:1}.challenge-spin{animation:challengeSpin 1.4s linear infinite}@keyframes challengeSpin{to{transform:rotate(360deg)}}.challenge-arena-sheet{width:100%;max-width:460px;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,#111a2e 0%,var(--bg) 70%);animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.challenge-arena-head{display:flex;align-items:center;justify-content:space-between;padding:calc(.9rem + env(safe-area-inset-top)) 1.1rem .5rem;font-size:.95rem;color:var(--text-muted)}.challenge-arena-head-inner{display:flex;flex-direction:column;gap:.05rem}.challenge-arena-vs{font-size:.72rem;color:var(--text-dim);letter-spacing:.2px}.challenge-arena-head strong{color:var(--text);font-size:1rem}.challenge-arena-sheet .league-stage{padding:0 1.1rem 1.5rem}.coin-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;color:#fff;line-height:1;background:#0c111cd9;border:1px solid rgba(255,255,255,.08);border-radius:22px;cursor:pointer;padding:.28rem .3rem .28rem .5rem;box-shadow:0 4px 10px #0006,inset 0 1.5px #ffffff0f;transition:all .2s cubic-bezier(.4,0,.2,1)}.coin-chip:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000080,inset 0 1.5px #ffffff1a}.coin-chip:active{transform:scale(.95)}.coin-chip.trophy-chip{border-color:color-mix(in srgb,var(--tier-color, #CD7F32) 40%,transparent);box-shadow:0 4px 10px #0006,0 0 8px color-mix(in srgb,var(--tier-color, #CD7F32) 15%,transparent),inset 0 1.5px #ffffff0f;color:var(--tier-color, #CD7F32);padding-right:.6rem}.coin-chip:not(.trophy-chip):not(.gem-chip):not(.friends-chip){border-color:#ffcc0059;box-shadow:0 4px 10px #0006,0 0 8px #ffcc0014,inset 0 1.5px #ffffff0f;color:var(--accent)}.coin-chip.gem-chip{border-color:#26c6da66;box-shadow:0 4px 10px #0006,0 0 8px #26c6da1f,inset 0 1.5px #ffffff0f;color:#4dd0e1}.coin-chip.friends-chip{border-color:#42a5f566;box-shadow:0 4px 10px #0006,0 0 8px #42a5f529,inset 0 1.5px #ffffff0f;color:#42a5f5}.coin-chip-icon{flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.coin-chip-val{font-variant-numeric:tabular-nums;letter-spacing:-.3px}.coin-chip-plus{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;font-weight:950;font-size:.72rem;line-height:1;color:#000;border:1px solid rgba(255,255,255,.2);margin-left:.15rem;transition:all .15s ease;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff4d}.coin-chip-plus:not(.gem-plus):not(.friends-plus){background:linear-gradient(135deg,#ffea00,#ff9100);text-shadow:0 .5px 0 rgba(255,255,255,.5)}.coin-chip-plus.gem-plus{background:linear-gradient(135deg,#00e676,#00c853);color:#fff;text-shadow:0 -.5px 0 rgba(0,0,0,.3)}.coin-chip-plus.friends-plus{background:linear-gradient(135deg,#42a5f5,#1565c0);color:#fff;text-shadow:0 -.5px 0 rgba(0,0,0,.3)}.coin-chip:hover .coin-chip-plus{transform:scale(1.12)}.coin-chip:active .coin-chip-plus{transform:scale(.95)}.coin-chip-bump{animation:coinBump .45s cubic-bezier(.34,1.56,.64,1)}@keyframes coinBump{0%{transform:scale(1)}40%{transform:scale(1.18);box-shadow:0 0 16px var(--accent-glow)}to{transform:scale(1)}}.profile-header-coin{margin-left:auto}.trophy-chip-icon{flex:none}#screen-leaderboard{display:flex;flex-direction:column}.lb-header{justify-content:space-between}.lb-header-title{display:flex;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:800;letter-spacing:.04em;color:var(--text)}.lb-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,transform .1s;flex-shrink:0}.lb-refresh-btn:hover{background:#ffffff1a;color:var(--text)}.lb-refresh-btn:active{transform:scale(.88)}.lb-refresh-btn:disabled{opacity:.4}@keyframes lbSpin{to{transform:rotate(360deg)}}.lb-spin{animation:lbSpin .7s linear infinite}.lb-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;position:relative}.lb-ambient-bg{position:absolute;top:0;left:50%;translate:-50% 0;width:320px;height:260px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,204,0,.12) 0%,rgba(255,107,0,.06) 50%,transparent 75%)}.lb-loading-wrap{padding:1rem 1rem 0}@keyframes lbShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lb-skel-circle,.lb-skel-bar,.lb-skel-pos{background:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 50%,var(--surface2) 100%);background-size:200% 100%;animation:lbShimmer 1.4s ease-in-out infinite;border-radius:8px}.lb-skel-circle{border-radius:50%;flex-shrink:0}.lb-skel-pos{width:28px;height:14px;border-radius:6px;flex-shrink:0}.lb-skel-podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:1.2rem;padding:1.5rem 0 1rem}.lb-skel-podium-col{display:flex;flex-direction:column;align-items:center;gap:.6rem}.lb-skel-divider{height:1px;background:var(--border);margin:1rem 0}.lb-skel-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.lb-skel-lines{flex:1}.lb-skel-bar{flex-shrink:0}.lb-empty-state{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:4rem 2rem;text-align:center;position:relative;z-index:1}.lb-empty-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);margin-bottom:.5rem}.lb-empty-title{font-size:1rem;font-weight:700;color:var(--text)}.lb-empty-sub{font-size:.82rem;color:var(--text-muted);line-height:1.5}.lb-podium-section{position:relative;z-index:1;padding:1.2rem 1rem 0;max-width:420px;margin:0 auto;width:100%}.lb-podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:.6rem}.lb-podium-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .4rem .65rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);cursor:pointer;position:relative;overflow:hidden;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0a;opacity:0;transform:translateY(28px) scale(.92)}.lb-podium-card:active{transform:scale(.94)}.lb-podium-rank-1{border-color:#ffd7004d;box-shadow:0 4px 32px #00000080,0 0 0 1px #ffd7002e,0 0 40px #ffd7001a;background:linear-gradient(180deg,rgba(255,215,0,.12) 0%,var(--surface2) 35%,var(--surface) 100%);z-index:2}.lb-podium-rank-2{border-color:#c0c8d833;box-shadow:0 4px 20px #0006,0 0 20px #c0c8d814}.lb-podium-rank-3{border-color:#cd7f3233;box-shadow:0 4px 20px #0006,0 0 20px #cd7f3214}.lb-podium-mine{border-color:#ff6b0080!important;box-shadow:0 4px 24px #0006,0 0 20px #ff6b0026!important}.lb-entered .lb-podium-card{animation:lbPodiumIn .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--pm-delay, 0ms)}@keyframes lbPodiumIn{0%{opacity:0;transform:translateY(28px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-entered .lb-podium-rank-1{animation:lbPodiumIn .5s cubic-bezier(.34,1.56,.64,1) both,lbFloat 3s ease-in-out .65s infinite}@keyframes lbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lb-podium-rank-1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,215,0,.08) 50%,transparent 70%);animation:lbSheen 4s ease-in-out 1s infinite}@keyframes lbSheen{0%,to{opacity:0;transform:translate(-100%)}40%{opacity:1}60%{opacity:1;transform:translate(120%)}61%{opacity:0}}.lb-podium-rank-badge{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .5rem;border-radius:20px;font-size:.6rem;font-weight:900;letter-spacing:.06em;color:#000;line-height:1;margin-bottom:.1rem}.lb-podium-av-wrap{position:relative;display:inline-flex}.lb-podium-pulse-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid;animation:lbPulseRing 2.2s ease-out infinite}@keyframes lbPulseRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.lb-av-img{object-fit:cover;display:block}.lb-av-text{display:inline-flex;align-items:center;justify-content:center;background:var(--surface3);font-weight:800;color:var(--text)}.lb-podium-name{font-size:.72rem;font-weight:700;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%}.lb-podium-tro{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:900;font-variant-numeric:tabular-nums}.lb-tier-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:20px;font-size:.6rem;font-weight:800;letter-spacing:.05em;border:1px solid;line-height:1.6;white-space:nowrap;flex-shrink:0}.lb-podium-bases{display:flex;align-items:flex-end;gap:.6rem}.lb-podium-base{flex:1;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.4rem;transition:height .4s cubic-bezier(.22,1,.36,1)}.lb-podium-base-label{font-size:.58rem;font-weight:900;letter-spacing:.08em;line-height:1}.lb-podium-slot-empty{flex:1}.lb-list-divider{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem .6rem;position:relative;z-index:1}.lb-divider-line{flex:1;height:1px;background:var(--border)}.lb-divider-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--text-dim)}.lb-list{display:flex;flex-direction:column;padding:0 .75rem;position:relative;z-index:1}.lb-row{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:12px;margin-bottom:.3rem;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:background .12s,transform .1s,box-shadow .15s;opacity:0;transform:translate(20px)}.lb-entered .lb-row{animation:lbRowIn .38s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--row-delay, 0ms)}@keyframes lbRowIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lb-row:active{transform:scale(.97);background:color-mix(in srgb,var(--surface) 80%,var(--primary) 20%)}.lb-row-mine{border-color:#ff6b0073!important;background:linear-gradient(90deg,rgba(255,107,0,.07) 0%,var(--surface) 60%)!important;box-shadow:0 0 16px #ff6b001a}.lb-row-mine:active{background:#ff6b0024!important}.lb-row-pos{min-width:1.8rem;font-size:.8rem;font-weight:900;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.lb-row-center{flex:1;min-width:0;display:flex;align-items:center;gap:.45rem;overflow:hidden}.lb-row-name{font-size:.85rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.lb-row-tro{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.lb-me-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:.65rem;padding:.65rem 1.1rem calc(.65rem + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#ff6b002e,#ffcc0017);border-top:1px solid rgba(255,107,0,.4);box-shadow:0 -4px 24px #0006}.lb-me-pos{font-size:1rem;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums;min-width:2.2rem}.lb-me-you{font-size:.82rem;font-weight:800;color:var(--text);background:#ff6b0033;border:1px solid rgba(255,107,0,.35);border-radius:20px;padding:.12rem .5rem;flex-shrink:0}.lb-me-bar .lb-tier-badge{font-size:.62rem}.lb-me-tro{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto}.shop-balances{margin-left:auto;display:flex;gap:.5rem}.shop-bal{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-size:.82rem;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:.28rem .6rem}.shop-tabs{display:flex;gap:.4rem;padding:.6rem 1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.shop-tab{flex:none;padding:.45rem .9rem;border-radius:20px;font-size:.82rem;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s}.shop-tab.on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 12px var(--primary-glow)}.shop-body{padding:1rem;max-width:600px;margin:0 auto;width:100%}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media (min-width: 480px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .6rem .7rem;border-radius:16px;background:var(--surface);border:1px solid var(--rar, var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--rar) 20%,transparent),inset 0 -30px 36px -28px var(--rar)}.shop-card-tag{position:absolute;top:-7px;right:8px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.5px;padding:.18rem .5rem;border-radius:20px}.shop-rar{font-size:.6rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.shop-prev{height:56px;display:flex;align-items:center;justify-content:center}.shop-frame-prev{width:40px;height:40px;border-radius:50%;border:3px solid;background:var(--surface3)}.shop-cel-prev{display:inline-flex;gap:3px;align-items:flex-end;height:34px}.shop-cel-prev span{width:6px;border-radius:2px}.shop-cel-prev span:nth-child(1){height:14px}.shop-cel-prev span:nth-child(2){height:24px}.shop-cel-prev span:nth-child(3){height:34px}.shop-cel-prev span:nth-child(4){height:22px}.shop-cel-prev span:nth-child(5){height:16px}.shop-card-name{font-size:.82rem;font-weight:700}.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;width:100%;padding:.45rem;border-radius:10px;font-size:.8rem;font-weight:800;cursor:pointer;border:none;margin-top:.15rem;transition:transform 80ms ease-in,box-shadow 80ms ease-in;-webkit-tap-highlight-color:transparent}.shop-btn:active{filter:none}.shop-btn-buy{background:linear-gradient(180deg,#ff8030,#ff4200);color:#fff;box-shadow:0 1px #ffffff40 inset,0 3px #a32800,0 5px 12px #c8370066}.shop-btn-buy:active{transform:translateY(2px);box-shadow:0 1px #ffffff1f inset,0 1px #a32800,0 2px 5px #c8370038}.shop-btn-equip{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);color:var(--text);border:1px solid rgba(255,107,0,.6);box-shadow:0 1px #ffffff1a inset,0 3px #00000080,0 5px 10px #00000047}.shop-btn-equip:active{transform:translateY(2px);box-shadow:0 1px #ffffff0f inset,0 1px #00000080,0 2px 4px #00000038}.shop-btn-equipped{background:linear-gradient(180deg,#00e6762e,#00b4501a);color:var(--green);box-shadow:0 1px #00e67633 inset,0 3px #003714b3,0 5px 10px #00000047}.shop-btn-equipped:active{transform:translateY(2px);box-shadow:0 1px #00e6761a inset,0 1px #003714b3,0 2px 4px #00000038}.shop-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000c7;border-radius:16px;color:var(--green);font-weight:900;font-size:.95rem;z-index:2;animation:fadeIn .15s}.shop-shake{animation:shopShake .42s}@keyframes shopShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shop-section-label{font-size:.8rem;color:var(--text-muted);font-weight:700;margin:0 0 .7rem;text-align:center}.gem-pack .wallet-pack-coins{color:#4dd0e1}.shop-fineprint{font-size:.7rem;color:var(--text-dim);text-align:center;margin-top:1rem;line-height:1.5}.shop-chests{display:flex;flex-direction:column;gap:.8rem}.chest-card{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border-radius:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--rar) 40%,var(--border));box-shadow:inset 0 -40px 50px -40px var(--rar)}.chest-ico{flex:none;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rar) 60%,transparent))}.chest-info{flex:1;display:flex;flex-direction:column;gap:.4rem}.chest-name{font-weight:800;font-size:.95rem}.chest-odds{display:flex;flex-wrap:wrap;gap:.5rem}.chest-odd{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;color:var(--text-muted)}.chest-odd i{width:8px;height:8px;border-radius:50%;display:inline-block}.chest-open-btn{width:auto;padding:.5rem .9rem;flex:none}.cr-overlay .cw-rays{background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rar) 18%,transparent) 0deg 7deg,transparent 7deg 15deg)}.cr-chest{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--accent);z-index:2;filter:drop-shadow(0 0 26px var(--accent-glow))}.cr-shaking{animation:crShake .5s ease-in-out infinite}@keyframes crShake{0%,to{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-4deg) scale(1.02)}75%{transform:rotate(4deg) scale(1.06)}}.cr-reveal{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;text-align:center;animation:cwPop .5s cubic-bezier(.34,1.56,.64,1)}.cr-rar{font-size:1.1rem;font-weight:900;letter-spacing:3px}.cr-item{height:96px;display:flex;align-items:center;justify-content:center;animation:crFloat 2.4s ease-in-out infinite}@keyframes crFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cr-name{font-size:1.4rem;font-weight:900;color:var(--text)}.cr-new{display:inline-flex;align-items:center;gap:.35rem;color:var(--green);font-weight:700;font-size:.85rem}.cr-dupe{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:700;font-size:.85rem}.cr-frame{width:70px;height:70px;border-radius:50%;border:5px solid;display:inline-block;background:var(--surface3)}.cr-cel{display:inline-flex;gap:5px;align-items:flex-end;height:60px}.cr-cel span{width:10px;border-radius:3px}.cr-cel span:nth-child(1){height:24px}.cr-cel span:nth-child(2){height:44px}.cr-cel span:nth-child(3){height:60px}.cr-cel span:nth-child(4){height:40px}.cr-cel span:nth-child(5){height:28px}.cr-hint{font-size:.8rem;color:var(--text-muted);margin-top:.4rem}.pass-content{padding:1rem;max-width:560px;margin:0 auto;width:100%}.pass-hero{background:linear-gradient(135deg,#ff6b002e,#7c4dff24);border:1px solid rgba(255,107,0,.3);border-radius:16px;padding:.9rem 1rem}.pass-hero-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.pass-season-name{font-weight:900;font-size:1rem}.pass-countdown{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--accent);white-space:nowrap}.pass-xpbar{height:9px;border-radius:20px;background:#0006;overflow:hidden}.pass-xpfill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .5s ease}.pass-xptext{font-size:.72rem;color:var(--text-muted);margin-top:.4rem;font-weight:600}.pass-unlock{width:100%;margin-top:.8rem;padding:.7rem;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:800;font-size:.9rem;color:#1a1200;background:linear-gradient(135deg,#ffd24a,#ffa000);box-shadow:0 4px 18px #ffb00066}.pass-track-head{display:grid;grid-template-columns:44px 1fr 1fr;gap:.5rem;margin:1rem 0 .4rem;font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.pass-prem-head{color:#ffd24a;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.pass-track{display:flex;flex-direction:column;gap:.45rem}.pass-row{display:grid;grid-template-columns:44px 1fr 1fr;gap:.5rem;align-items:stretch}.pass-tiernum{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:10px}.pass-row.reached .pass-tiernum{color:var(--accent);border-color:#fc06}.pass-cell{display:flex;align-items:center;justify-content:center;gap:.2rem;min-height:52px;border-radius:10px;font-weight:800;font-size:.85rem;position:relative}.pass-rw{display:inline-flex;align-items:center;gap:.25rem}.pass-locked{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);opacity:.7}.pass-prem-locked{border-color:#ffd24a40}.pass-lock-ico{position:absolute;top:5px;right:6px;opacity:.7}.pass-claimable{border:none;cursor:pointer;color:var(--text);background:#00e67624;box-shadow:inset 0 0 0 1.5px var(--green);animation:passPulse 1.6s ease-in-out infinite}.pass-claimable.premium{background:#ffd24a29;box-shadow:inset 0 0 0 1.5px #ffd24a}@keyframes passPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.pass-claimed{background:#00e67612;color:var(--text-muted);border:1px solid rgba(0,230,118,.2);opacity:.72;position:relative}.pass-claimed-chk{position:absolute;top:3px;right:3px;width:15px;height:15px;border-radius:50%;background:#00c88c;color:#fff;display:grid;place-items:center}@keyframes passCellFlash{0%{box-shadow:0 0 #ffd00000}20%{box-shadow:0 0 0 5px #ffd00052,0 0 20px #ffb40059}65%{box-shadow:0 0 0 2px #ffd0001a}to{box-shadow:none}}.pass-cell.pass-bursting{animation:passCellFlash .65s ease-out forwards}@keyframes passRewardPop{0%{transform:scale(1)}35%{transform:scale(1.38)}65%{transform:scale(.92)}to{transform:scale(1)}}.pass-cell.pass-bursting .pass-rw{animation:passRewardPop .45s cubic-bezier(.34,1.56,.64,1) forwards}.pass-cell.pass-bursting .pass-claimed-chk{animation:questCheckIn .42s cubic-bezier(.34,1.56,.64,1) forwards}.pass-burst{position:absolute;left:50%;top:50%;pointer-events:none;z-index:10}.pass-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe566,#ff9500);box-shadow:0 0 5px #ffaf00bf;animation:questPtcl .52s ease-out var(--delay, 0ms) both}.home-banners-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.home-pass-banner{display:flex;align-items:center;gap:.8rem;width:100%;padding:.75rem 1rem;border-radius:16px;cursor:pointer;text-align:left;min-height:74px;box-sizing:border-box;background:linear-gradient(135deg,#ffb00026,#7c4dff1f);border:1px solid rgba(255,176,0,.25);box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff0d;color:var(--text);transition:all .25s ease;position:relative;overflow:hidden}.home-pass-banner:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skew(-25deg);animation:cardShimmer 5s ease-in-out infinite}.home-pass-banner:hover{transform:translateY(-1.5px);border-color:#ffb00066;box-shadow:0 8px 24px #ffb0001a,0 8px 24px #7c4dff1a}.home-pass-banner:active{transform:scale(.97)}.home-pass-ico{font-size:1.55rem;flex:none;animation:crownBob 2s ease-in-out infinite;filter:drop-shadow(0 2px 5px rgba(255,176,0,.4))}@keyframes crownBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(4deg)}}.home-pass-txt{flex:1;display:flex;flex-direction:column;gap:.1rem}.home-pass-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.home-pass-txt strong{font-size:.92rem;font-weight:800;letter-spacing:.2px}.home-pass-tier-badge{font-size:.58rem;background:linear-gradient(135deg,#ffea00,#ff9100);color:#000;font-weight:900;border-radius:10px;padding:.12rem .45rem;box-shadow:0 2px 5px #ff91004d;line-height:1}.home-pass-progress-wrap{width:100%;height:6px;background:#00000059;border-radius:3px;margin:.2rem 0 .15rem;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.home-pass-progress-bar{height:100%;background:linear-gradient(90deg,gold,#e040fb);border-radius:3px;box-shadow:0 0 6px #e040fb80}.home-pass-txt small{font-size:.7rem;color:var(--text-muted);font-weight:600}.home-quest-banner{display:flex;align-items:center;gap:.8rem;width:100%;padding:.75rem 1rem;border-radius:16px;cursor:pointer;text-align:left;min-height:74px;box-sizing:border-box;background:linear-gradient(135deg,#00c88c24,#008cff1a);border:1px solid rgba(0,200,140,.22);box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff0d;color:var(--text);transition:all .25s ease;position:relative}.home-quest-banner:hover{transform:translateY(-1.5px);border-color:#00c88c66}.home-quest-banner:active{transform:scale(.97)}.home-quest-ico{font-size:1.5rem;flex:none;filter:drop-shadow(0 2px 5px rgba(0,200,140,.4))}.home-quest-txt{flex:1;display:flex;flex-direction:column;gap:.1rem}.home-quest-txt strong{font-size:.92rem;font-weight:800}.home-quest-txt small{font-size:.7rem;color:var(--text-muted);font-weight:600}.home-quest-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#f44336;color:#fff;font-size:.72rem;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px #f4433680;animation:questBadgePulse 1.4s ease-in-out infinite}@keyframes questBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.quests-content{padding:.5rem 1rem 1.5rem;overflow-y:auto}.quests-resetbar{display:flex;align-items:center;gap:5px;justify-content:center;font-size:.72rem;color:var(--text-muted);font-weight:700;margin:.2rem 0 .9rem;text-transform:uppercase;letter-spacing:.5px}.quest-list{display:flex;flex-direction:column;gap:.6rem}.quest-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}.quest-card.quest-ready{border-color:#00c88c80;box-shadow:0 0 16px #00c88c2e}.quest-card.quest-done{opacity:.6}.quest-ico{font-size:1.5rem;flex:none;width:34px;text-align:center}.quest-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.quest-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.quest-label{font-size:.85rem;font-weight:700}.quest-reward{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:800;color:var(--primary);flex:none}.quest-xp{font-size:.62rem;font-weight:900;color:#e040fb;background:#e040fb1f;border-radius:8px;padding:.1rem .35rem}.quest-bar{width:100%;height:6px;background:#00000059;border-radius:3px;overflow:hidden}.quest-fill{height:100%;background:linear-gradient(90deg,#00c88c,#00b0ff);border-radius:3px;transition:width .4s ease}.quest-prog{font-size:.66rem;color:var(--text-muted);font-weight:700}.quest-action{flex:none;display:grid;place-items:center;min-width:56px}.quest-claim{padding:.4rem .7rem;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#00c88c,#00a86b);color:#fff;font-size:.75rem;font-weight:800;box-shadow:0 3px 10px #00c88c59;animation:questBadgePulse 1.4s ease-in-out infinite}.quest-claim:disabled{opacity:.6;cursor:default;animation:none}.quest-claimed{color:#00c88c;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}.quest-claimed-reward{display:inline-flex;align-items:center;gap:2px;font-size:.66rem;font-weight:800;color:var(--text-muted)}.quest-pct{font-size:.78rem;font-weight:800;color:var(--text-muted)}.quests-foot{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:1rem;line-height:1.4}.quest-card{position:relative}@keyframes questCardFlash{0%{box-shadow:0 0 #ffd00000;border-color:#00c88c80}20%{box-shadow:0 0 0 6px #ffd00047,0 0 28px #ffb40059;border-color:gold}65%{box-shadow:0 0 0 3px #ffd0001a;border-color:#ffc80040}to{box-shadow:none;border-color:transparent}}.quest-card.quest-bursting{animation:questCardFlash .65s ease-out forwards}@keyframes questRewardPop{0%{transform:scale(1) translateY(0)}35%{transform:scale(1.42) translateY(-4px)}65%{transform:scale(.9) translateY(0)}to{transform:scale(1) translateY(0)}}.quest-card.quest-bursting .quest-reward{animation:questRewardPop .48s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes questCheckIn{0%{transform:scale(0) rotate(-30deg);opacity:0}55%{transform:scale(1.3) rotate(6deg);opacity:1}78%{transform:scale(.88) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}.quest-card.quest-bursting .quest-claimed{animation:questCheckIn .42s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes questPtcl{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.quest-burst{position:absolute;right:42px;top:50%;pointer-events:none;z-index:10}.quest-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe566,#ff9500);box-shadow:0 0 6px #ffaf00bf;animation:questPtcl .56s ease-out var(--delay, 0ms) both}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:flex-end;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@media (min-width: 520px){.sheet-overlay{align-items:center;padding:1.5rem}}.sheet-close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer}.wallet-sheet,.daily-modal{position:relative;width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;padding:1.6rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));box-shadow:0 -10px 50px #0009;animation:sheetUp .32s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@media (min-width: 520px){.wallet-sheet,.daily-modal{border-radius:22px}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.wallet-balance{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.3rem 0 .1rem}.wallet-balance-val{font-size:2.1rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}.wallet-balance-lbl{font-size:.85rem;color:var(--text-muted);align-self:flex-end;margin-bottom:.5rem}.wallet-flash{display:flex;align-items:center;justify-content:center;gap:.25rem;height:1.5rem;color:var(--green);font-weight:800;font-size:.95rem;animation:flashUp 1.6s ease-out}@keyframes flashUp{0%{opacity:0;transform:translateY(6px)}15%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.wallet-regen-card{position:relative;width:100%;text-align:left;display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;margin:.7rem 0 .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent}.wallet-regen-card:disabled{cursor:default}.wallet-regen-card.ready{cursor:pointer;border-color:#ffcc0080;background:linear-gradient(135deg,rgba(255,204,0,.14),var(--surface2) 70%);box-shadow:0 0 #fc00;animation:regenReadyPulse 1.8s ease-in-out infinite}.wallet-regen-card.ready:active{transform:scale(.98)}@keyframes regenReadyPulse{0%,to{box-shadow:0 0 #fc00}50%{box-shadow:0 0 20px #ffcc004d}}.wallet-regen-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;flex:none;background:#ffcc0024;color:var(--accent)}.wallet-regen-card:not(.ready) .wallet-regen-ico{background:#5a7a9a29;color:var(--text-muted)}.wallet-regen-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.wallet-regen-row{display:flex;align-items:center;justify-content:space-between}.wallet-regen-row strong{font-size:.86rem;font-weight:800}.wallet-regen-amt{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:800;color:var(--accent)}.wallet-regen-timer{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.wallet-regen-track{height:6px;border-radius:4px;overflow:hidden;background:#ffffff14}.wallet-regen-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#FF9A00,var(--accent));box-shadow:0 0 10px #ffcc0073;transition:width .9s linear}.wallet-regen-card.ready .wallet-regen-fill{background:linear-gradient(90deg,var(--accent),#FFE680)}.wallet-regen-sub{font-size:.68rem;color:var(--text-muted)}.wallet-regen-card.ready .wallet-regen-sub{color:var(--accent);font-weight:600}.wallet-regen-collect{display:inline-flex;align-items:center;gap:.3rem;flex:none;padding:.4rem .7rem;border-radius:9px;background:linear-gradient(135deg,var(--accent),#FF9A00);color:#1a1206;font-size:.78rem;font-weight:800;box-shadow:0 3px 12px #ffcc0059}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.1rem}.wallet-action{position:relative;display:flex;align-items:center;gap:.55rem;text-align:left;padding:.7rem;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .15s ease}.wallet-action:active{transform:scale(.97)}.wallet-action-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex:none}.wallet-action-ico.daily{background:#ffcc0024;color:var(--accent)}.wallet-action-ico.ad{background:#00e67624;color:var(--green)}.wallet-action-txt{display:flex;flex-direction:column;line-height:1.25}.wallet-action-txt strong{font-size:.82rem}.wallet-action-txt small{font-size:.7rem;color:var(--text-muted)}.wallet-action-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red-glow);animation:pulseDot 1.4s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.wallet-shop-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0 0 .5rem}.wallet-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.wallet-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.95rem .4rem .6rem;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid rgba(255,204,0,.18);color:var(--text);cursor:pointer;transition:transform .15s ease}.wallet-pack:active{transform:scale(.96)}.wallet-pack-coins{font-size:.9rem;font-weight:800;color:var(--accent)}.wallet-pack-price{font-size:.72rem;font-weight:700;color:var(--green);background:#00e6761a;padding:.12rem .5rem;border-radius:10px}.wallet-pack-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.52rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:var(--primary);color:#fff;padding:.12rem .4rem;border-radius:8px}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .25s ease-out}.reward-card{position:relative;width:100%;max-width:320px;text-align:center;background:radial-gradient(circle at 50% 0%,#2a2410 0%,var(--surface) 70%);border:1px solid rgba(255,204,0,.3);border-radius:var(--radius);padding:2.4rem 1.5rem 1.6rem;box-shadow:0 20px 60px #0009,0 0 40px #ffcc0026;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.reward-coins{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none}.reward-coin{position:absolute;top:-10px;opacity:0;animation:coinDrop 1.7s ease-in infinite}.reward-coin-0{left:12%;animation-delay:0s}.reward-coin-1{left:26%;animation-delay:.25s}.reward-coin-2{left:40%;animation-delay:.1s}.reward-coin-3{left:52%;animation-delay:.4s}.reward-coin-4{left:66%;animation-delay:.18s}.reward-coin-5{left:78%;animation-delay:.32s}.reward-coin-6{left:88%;animation-delay:.5s}@keyframes coinDrop{0%{transform:translateY(-20px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(78px) rotate(220deg);opacity:0}}.reward-title{font-size:1.4rem;font-weight:800;margin:.3rem 0 .2rem}.reward-sub{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.reward-amount{display:inline-flex;align-items:center;gap:.4rem;font-size:1.8rem;font-weight:900;color:var(--accent);margin-bottom:1.2rem}.reward-btn{width:100%}.reward-collecting .reward-amount{animation:coinBump .5s ease-out}.daily-title{text-align:center;font-size:1.3rem;font-weight:800;margin:.2rem 0 .1rem}.daily-sub{text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:1.1rem}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.2rem}.daily-tile{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .3rem;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border)}.daily-tile-big{border-color:#ffcc004d}.daily-tile-active{border-color:var(--accent);background:#ffcc001a;animation:tilePulse 1.5s ease-in-out infinite}@keyframes tilePulse{0%,to{box-shadow:0 0 #fc06}50%{box-shadow:0 0 14px 2px #ffcc0059}}.daily-tile-got{opacity:.5}.daily-day{font-size:.58rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.daily-amt{font-size:.78rem;font-weight:800;color:var(--accent)}.daily-check{color:var(--green)}.daily-claim{width:100%}.challenge-popup-stake{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:800;color:var(--accent);margin:.1rem 0 .6rem}.match-found-pot{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.8rem;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.match-found-pot-stakes{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;color:var(--text-muted)}.match-found-pot-win{display:inline-flex;align-items:center;gap:.35rem;font-size:1.05rem;font-weight:800;color:var(--accent)}.pot-payout{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem;margin:.2rem 0 .5rem;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.cw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10005;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 42%,#2e2408f7,#070a12fa 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .25s ease-out;cursor:pointer}.cw-rays{position:absolute;top:42%;left:50%;width:160vmax;height:160vmax;transform:translate(-50%,-50%);pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,204,0,.09) 0deg 7deg,transparent 7deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 62%);mask-image:radial-gradient(circle,#000 30%,transparent 62%);animation:cwSpin 16s linear infinite}@keyframes cwSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.cw-hud-row{position:absolute;top:calc(1.8rem + env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.75rem;z-index:4}.cw-balance{display:flex;align-items:center;gap:.4rem;font-weight:900;font-size:1.2rem;color:var(--accent);font-variant-numeric:tabular-nums;background:#00000073;border:1.5px solid rgba(255,204,0,.45);border-radius:30px;padding:.45rem 1rem;box-shadow:0 0 22px #ffcc0040}.cw-coin-balance{border-color:#ffcc004d;box-shadow:0 0 16px #ffcc0026}.cw-balance-live{animation:cwBalancePulse .35s ease-in-out infinite}@keyframes cwBalancePulse{0%,to{transform:scale(1)}50%{transform:scale(1.07);box-shadow:0 0 34px #ffcc0080}}.cw-center{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.cw-center-ready{animation:cwInvite 1.5s ease-in-out infinite}@keyframes cwInvite{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.cw-title{font-size:1.5rem;font-weight:800;letter-spacing:4px;color:var(--text);opacity:.9;margin-bottom:.5rem;animation:cwPop .5s cubic-bezier(.34,1.56,.64,1)}.cw-amount{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:3.1rem;font-weight:900;color:var(--accent);text-shadow:0 0 34px var(--accent-glow);animation:cwPop .55s cubic-bezier(.34,1.56,.64,1)}.cw-sub{margin-top:.5rem;font-size:.82rem;color:var(--text-muted)}@keyframes cwPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.cw-reward-coins{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:1.3rem;font-weight:800;color:var(--accent);text-shadow:0 0 18px var(--accent-glow);animation:cwPop .6s cubic-bezier(.34,1.56,.64,1)}.cw-tier-up{margin-top:.9rem;font-size:1.05rem;font-weight:900;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));padding:.45rem 1rem;border-radius:30px;box-shadow:0 4px 22px var(--primary-glow);animation:cwPop .7s cubic-bezier(.34,1.56,.64,1)}.cw-coins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.cw-coin{position:absolute;left:50%;top:42%;opacity:0;filter:drop-shadow(0 0 7px var(--accent-glow));animation:cwCoinFly 1s cubic-bezier(.45,0,.25,1) forwards}@keyframes cwCoinFly{0%{opacity:0;transform:translate(calc(-50% + var(--sx))) scale(.45) rotate(0)}15%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(calc(-50% + min(36vw,175px)),-29vh) scale(.6) rotate(340deg)}}.wallet-sheet .cw-coin{animation-name:cwCoinFlyWallet}@keyframes cwCoinFlyWallet{0%{opacity:0;transform:translate(calc(-50% + var(--sx))) scale(.45) rotate(0)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-115px) scale(.55) rotate(320deg)}}.cw-coin-hud{animation-name:cwCoinFlyHUD;animation-duration:1.35s;animation-timing-function:ease-out}@keyframes cwCoinFlyHUD{0%{opacity:0;transform:translate(calc(-50% + var(--sx) * .25)) scale(.35) rotate(0)}20%{opacity:1;transform:translate(calc(-50% + var(--sx)),-65px) scale(1.05) rotate(110deg)}78%{opacity:.9;transform:translate(calc(-50% + var(--tx) + var(--sx) * .08),calc(var(--ty) + 6px)) scale(.45) rotate(310deg)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),var(--ty)) scale(.2) rotate(370deg)}}.cw-hint{position:absolute;bottom:calc(3rem + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:.85rem;font-weight:600;color:var(--text-muted);z-index:4;animation:cwHintPulse 1.4s ease-in-out infinite}@keyframes cwHintPulse{0%,to{opacity:.45}50%{opacity:1}}.cw-overlay.cw-lose{background:radial-gradient(circle at 50% 42%,#320c0cf7,#070a12fa 70%)}.cw-lose .cw-rays{background:repeating-conic-gradient(from 0deg,rgba(229,57,53,.08) 0deg 7deg,transparent 7deg 15deg)}.cw-lose .cw-balance{color:var(--red);border-color:#e5393573;box-shadow:0 0 26px #e5393547}.cw-lose .cw-balance-live{animation:cwBalancePulseLose .35s ease-in-out infinite}@keyframes cwBalancePulseLose{0%,to{transform:scale(1)}50%{transform:scale(1.06);box-shadow:0 0 34px #e5393580}}.cw-lose .cw-amount{color:var(--red);text-shadow:0 0 30px var(--red-glow)}.cw-lose .cw-coin{filter:drop-shadow(0 0 6px rgba(229,57,53,.5));animation-name:cwCoinFall;animation-timing-function:cubic-bezier(.55,0,.85,.4)}@keyframes cwCoinFall{0%{opacity:0;transform:translate(-50%,-10vh) scale(.9) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sx)),34vh) scale(.65) rotate(220deg)}}.pot-payout-amt{display:inline-flex;align-items:center;gap:.35rem;font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.pot-payout-lbl{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pot-payout-win .pot-payout-amt{color:var(--accent);text-shadow:0 0 18px var(--accent-glow)}.pot-payout-tie .pot-payout-amt{color:var(--text)}.pot-payout-lose .pot-payout-amt{color:var(--red)}.result-rematch-error{text-align:center;color:var(--red);font-size:.8rem;margin-top:.6rem}.push-banner{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;margin-bottom:.8rem;background:linear-gradient(135deg,#ff6b0024,#ff6b000d);border:1px solid rgba(255,107,0,.28);border-radius:var(--radius-sm);color:var(--primary)}.push-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.push-banner-text strong{font-size:.82rem;color:var(--text);font-weight:700}.push-banner-text span{font-size:.72rem;color:var(--text-muted)}.push-banner-btn{flex-shrink:0;padding:.4rem .85rem;border-radius:20px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.push-banner-btn:active{transform:scale(.94)}.push-banner-x{flex-shrink:0;display:flex;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;-webkit-tap-highlight-color:transparent}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.screen .home-content>*,.screen .setup-content>*,.screen .rules-content>*,.screen .profile-content>*,.screen .toss-wrapper>*,.screen .break-wrapper>*{opacity:0}.screen.active .home-content>*,.screen.active .setup-content>*,.screen.active .rules-content>*,.screen.active .profile-content>*,.screen.active .toss-wrapper>*,.screen.active .break-wrapper>*{animation:riseIn .5s cubic-bezier(.22,1,.36,1) both}.screen.active .toss-wrapper>.toss-title,.screen.active .toss-wrapper>.coin-stage{animation:tossFadeIn .5s ease both}@keyframes tossFadeIn{0%{opacity:0}to{opacity:1}}.screen.active .home-content>*:nth-child(1),.screen.active .setup-content>*:nth-child(1),.screen.active .rules-content>*:nth-child(1),.screen.active .profile-content>*:nth-child(1),.screen.active .toss-wrapper>*:nth-child(1),.screen.active .break-wrapper>*:nth-child(1){animation-delay:.04s}.screen.active .home-content>*:nth-child(2),.screen.active .setup-content>*:nth-child(2),.screen.active .rules-content>*:nth-child(2),.screen.active .profile-content>*:nth-child(2),.screen.active .toss-wrapper>*:nth-child(2),.screen.active .break-wrapper>*:nth-child(2){animation-delay:.12s}.screen.active .home-content>*:nth-child(3),.screen.active .setup-content>*:nth-child(3),.screen.active .rules-content>*:nth-child(3),.screen.active .profile-content>*:nth-child(3),.screen.active .toss-wrapper>*:nth-child(3),.screen.active .break-wrapper>*:nth-child(3){animation-delay:.2s}.screen.active .home-content>*:nth-child(4),.screen.active .setup-content>*:nth-child(4),.screen.active .rules-content>*:nth-child(4),.screen.active .profile-content>*:nth-child(4),.screen.active .toss-wrapper>*:nth-child(4),.screen.active .break-wrapper>*:nth-child(4){animation-delay:.28s}.screen.active .home-content>*:nth-child(5),.screen.active .setup-content>*:nth-child(5),.screen.active .rules-content>*:nth-child(5),.screen.active .profile-content>*:nth-child(5){animation-delay:.36s}.screen.active .home-content>*:nth-child(n+6),.screen.active .setup-content>*:nth-child(n+6),.screen.active .rules-content>*:nth-child(n+6),.screen.active .profile-content>*:nth-child(n+6){animation-delay:.44s}.screen.active .rules-content>*{animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.opt-btn.active,.setting-opt.active{animation:optionPop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes optionPop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.opt-btn.active{box-shadow:0 0 14px #ff6b0040}.break-icon{animation:spin 3.5s linear infinite;color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow))}.screen.active .profile-avatar{animation:elasticIn .6s cubic-bezier(.34,1.56,.64,1) both}.screen.active .stat-card{animation:riseIn .45s cubic-bezier(.22,1,.36,1) both}.screen.active .stat-card:nth-child(1){animation-delay:.3s}.screen.active .stat-card:nth-child(2){animation-delay:.37s}.screen.active .stat-card:nth-child(3){animation-delay:.44s}.screen.active .stat-card:nth-child(4){animation-delay:.51s}.screen.active .stat-card:nth-child(5){animation-delay:.58s}@media (prefers-reduced-motion: reduce){.screen{transition-duration:.15s!important}.screen .home-content>*,.screen .setup-content>*,.screen .rules-content>*,.screen .profile-content>*,.screen .toss-wrapper>*,.screen .break-wrapper>*{animation:none!important;opacity:1!important}.game-inner.freeze,.game-inner.shake-six,.game-inner.shake-four,.game-inner.shake-wicket,.game-inner.screen-shake{animation:none!important;transform:none!important}.impact-fx,.amb-particle,.ball-arc-wrap,.edge-flash{display:none!important}.run-floater{animation-duration:.01ms!important}.num-btn{transition:border-color .15s,box-shadow .15s}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;height:var(--app-height, 100dvh);z-index:99999;background:linear-gradient(to bottom,#070a1273,#070a12e6),url(/stadium_bg.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transition:opacity .4s ease,transform .4s ease}.splash.splash-exit{opacity:0;transform:scale(1.04);pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:splashIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes splashIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-icon-container{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.splash-logo-img{width:125px;height:125px;border-radius:28px;background:transparent;display:block;z-index:2;filter:drop-shadow(0 6px 20px rgba(255,107,0,.55)) drop-shadow(0 2px 8px rgba(0,0,0,.55));animation:logoEntry .65s cubic-bezier(.34,1.56,.64,1) .15s both,logoFloat 3.2s ease-in-out .8s infinite}@keyframes logoEntry{0%{transform:scale(.35) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.splash-logo-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,190,0,.65) 0%,rgba(255,107,0,.3) 48%,transparent 72%);filter:blur(18px);z-index:1;animation:glowHeartbeat 2.6s ease-in-out infinite}@keyframes glowHeartbeat{0%,to{transform:scale(.88);opacity:.7}38%{transform:scale(1.1);opacity:1}52%{transform:scale(1.03);opacity:.88}}.splash-pulse-ring{position:absolute;border-radius:50%;width:170px;height:170px;border:1.5px solid rgba(255,160,0,.55);z-index:1;pointer-events:none}.splash-pulse-1{animation:radarPing 2.8s ease-out infinite}.splash-pulse-2{animation:radarPing 2.8s ease-out 1.4s infinite}@keyframes radarPing{0%{transform:scale(.82);opacity:.8}to{transform:scale(1.72);opacity:0}}.splash-ring-outer{position:absolute;width:248px;height:248px;z-index:1;animation:ringSpin 5.5s linear infinite;filter:drop-shadow(0 0 10px rgba(255,180,0,.85))}.splash-ring-inner{position:absolute;width:216px;height:216px;z-index:1;animation:ringSpin 9s linear infinite reverse;filter:drop-shadow(0 0 5px rgba(0,200,140,.55))}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-title{font-size:3.2rem;font-weight:900;line-height:1;color:#fff;letter-spacing:-1px;text-shadow:0 4px 16px rgba(0,0,0,.6);margin-top:1rem}.splash-title .highlight{background:linear-gradient(135deg,#ff6b00,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-sub{font-size:.82rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#8fa2c4;margin-top:.35rem;text-shadow:0 2px 4px rgba(0,0,0,.4)}.splash-loader-area{position:absolute;bottom:calc(4.5rem + env(safe-area-inset-bottom));left:10%;right:10%;display:flex;flex-direction:column;align-items:center;gap:1rem}.splash-loader-container{position:relative;width:100%;max-width:380px}.splash-loader{position:relative;width:100%;height:12px;border-radius:99px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 4px #00000080;overflow:visible}.splash-loader-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,#00f2fe,#00e676);box-shadow:0 0 10px #00f2feb3;animation:splashLoad 4.6s cubic-bezier(.4,0,.2,1) forwards}@keyframes splashLoad{0%{width:0%}to{width:100%}}.splash-loader-character-track{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.splash-loader-character-wrapper{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;animation:characterMove 4.6s cubic-bezier(.4,0,.2,1) forwards}@keyframes characterMove{0%{left:0%}to{left:100%}}.splash-bat-char{position:relative;width:24px;height:48px;display:flex;flex-direction:column;align-items:center;animation:batWiggle .4s ease-in-out infinite alternate;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));transform-origin:bottom center;z-index:10}@keyframes batWiggle{0%{transform:rotate(-8deg) translateY(-2px)}to{transform:rotate(8deg) translateY(2px)}}.splash-bat-handle{width:4px;height:14px;background:#00e676;border-radius:2px;border:1px solid rgba(0,0,0,.2)}.splash-bat-body{width:10px;height:30px;background:linear-gradient(to bottom,#ff8c00,#e65100);border-radius:4px;border:1.5px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.splash-bat-eyes{display:flex;gap:3px}.splash-bat-eyes .eye{width:2px;height:2px;background:#fff;border-radius:50%}.splash-bat-smile{width:4px;height:2px;border-bottom:1px solid #fff;border-radius:0 0 4px 4px}.splash-loader-coin{position:absolute;width:8px;height:8px;background:gold;border:1px solid #FFA500;border-radius:50%;box-shadow:0 0 6px #ffd700e6}.coin-1{left:-20px;top:12px;animation:coinFloat1 1.2s ease-in-out infinite}.coin-2{left:-12px;top:-14px;animation:coinFloat2 1s ease-in-out infinite}.coin-3{left:-28px;top:-4px;animation:coinFloat1 1.5s ease-in-out infinite}@keyframes coinFloat1{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}@keyframes coinFloat2{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(6px) scale(.9)}}.splash-loader-confetti{position:absolute;font-size:8px;pointer-events:none}.confetti-1{left:-15px;top:-8px;animation:confettiBounce .8s ease-in-out infinite alternate}.confetti-2{left:-24px;top:8px;animation:confettiBounce .9s ease-in-out infinite alternate-reverse}@keyframes confettiBounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(45deg)}}.splash-tip{font-size:.8rem;font-weight:600;color:#a2b6d4;opacity:.85;text-align:center;max-width:320px;line-height:1.4;margin-top:.25rem}.splash-loading-text{font-size:.72rem;font-weight:700;letter-spacing:1.5px;color:#ffffff73;text-transform:uppercase;margin-top:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.splash-sparkle{color:#fc0;font-size:.85rem;animation:sparklePulse 1s ease-in-out infinite alternate;display:inline-block;margin-left:2px}@keyframes sparklePulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.landscape-blocker{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;text-align:center}@media (orientation: landscape) and (max-width: 1199px){.landscape-blocker{display:flex}}.landscape-blocker-icon{font-size:3rem;animation:rotateHint 2s ease-in-out infinite}.landscape-blocker p{font-size:1rem;font-weight:600;color:var(--text-muted);line-height:1.5}@keyframes rotateHint{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-90deg)}}@keyframes ppFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ppSlideUp{0%{transform:translateY(60%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes ppAvatarPop{0%{transform:scale(.25) rotate(-14deg);opacity:0}55%{transform:scale(1.18) rotate(4deg);opacity:1}75%{transform:scale(.93) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ppRingLockOn{0%{transform:scale(1.55);opacity:0;border-width:1px}55%{transform:scale(.94);opacity:1;border-width:4px}to{transform:scale(1);opacity:1;border-width:3px}}@keyframes ppRingGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--tier-color, #CD7F32) 22%,transparent),0 0 12px color-mix(in srgb,var(--tier-color, #CD7F32) 38%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--tier-color, #CD7F32) 42%,transparent),0 0 30px color-mix(in srgb,var(--tier-color, #CD7F32) 68%,transparent)}}@keyframes ppFadeUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ppStatPop{0%{transform:scale(.55) translateY(10px);opacity:0}60%{transform:scale(1.1) translateY(-3px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes ppValLand{0%{transform:scale(1)}45%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes ppBtnShimmer{0%{transform:translate(-120%) skew(-18deg);opacity:.7}40%{transform:translate(220%) skew(-18deg);opacity:.7}to{transform:translate(220%) skew(-18deg);opacity:0}}@keyframes ppBarPulse{0%{filter:brightness(1) drop-shadow(0 0 0px currentColor)}50%{filter:brightness(1.35) drop-shadow(0 0 6px currentColor)}to{filter:brightness(1)}}@keyframes spin{to{transform:rotate(360deg)}}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;animation:ppFadeIn .18s ease}.pp-sheet{position:relative;width:100%;max-width:480px;background:#0f1117;border-radius:26px 26px 0 0;border-top:1px solid rgba(255,255,255,.08);padding:0 0 calc(env(safe-area-inset-bottom) + 1.25rem);animation:ppSlideUp .36s cubic-bezier(.34,1.2,.64,1);overflow:hidden}.pp-drag-handle{width:36px;height:4px;border-radius:2px;background:#ffffff24;margin:.65rem auto 0}.pp-close{position:absolute;top:.85rem;right:.85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#ffffff73;cursor:pointer;transition:background .15s,color .15s;z-index:2}.pp-close:hover{background:#ffffff1f;color:#fff}.pp-loading,.pp-error{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:4rem 1rem;color:#fff6}.pp-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);animation:spin .65s linear infinite}.pp-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:.9rem 1.25rem .65rem;gap:0}.pp-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:18px 18px}.pp-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:ppFadeIn .5s ease .1s both}.pp-avatar-wrap{position:relative;width:72px;height:72px;flex-shrink:0;margin-bottom:.45rem;z-index:1;animation:ppAvatarPop .48s cubic-bezier(.34,1.56,.64,1) .08s both}.pp-avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover}.pp-avatar-initials{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:900;background:linear-gradient(135deg,#1c1f2e,#2c3050);color:#fff;letter-spacing:-1px;border:2px solid rgba(255,255,255,.07)}.pp-tier-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;pointer-events:none;border:3px solid var(--tier-color, #CD7F32);animation:ppRingLockOn .5s cubic-bezier(.34,1.56,.64,1) .1s both,ppRingGlow 2.8s ease-in-out .65s infinite}.pp-player-name{font-size:1.18rem;font-weight:900;color:#fff;letter-spacing:-.5px;text-align:center;line-height:1.15;z-index:1;animation:ppFadeUp .32s cubic-bezier(.22,1,.36,1) .18s both}.pp-tier-badge{display:inline-flex;align-items:center;gap:.28rem;font-size:.67rem;font-weight:800;padding:.18rem .6rem;border-radius:20px;border:1px solid;letter-spacing:.5px;margin-top:.22rem;z-index:1;animation:ppFadeUp .32s cubic-bezier(.22,1,.36,1) .24s both}.pp-uid{font-size:.63rem;color:#ffffff47;font-family:monospace;letter-spacing:.3px;margin-top:.18rem;z-index:1;animation:ppFadeUp .28s ease .3s both}.pp-trophy-row{display:flex;align-items:stretch;margin:.65rem 1rem 0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;animation:ppFadeUp .36s cubic-bezier(.34,1.3,.64,1) .28s both}.pp-trophy-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;flex:1;padding:.65rem .5rem}.pp-trophy-val{font-size:1.5rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.8px;animation:ppValLand .36s cubic-bezier(.34,1.56,.64,1) 1s both}.pp-trophy-best{color:#b08cff}.pp-trophy-sub{font-size:.6rem;font-weight:700;color:#ffffff61;text-transform:uppercase;letter-spacing:.5px}.pp-trophy-divider{width:1px;background:#ffffff12;align-self:stretch;flex-shrink:0}.pp-section{padding:.5rem 1rem 0;animation:ppFadeUp .34s cubic-bezier(.22,1,.36,1) .34s both}.pp-winrate{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.6rem .9rem}.pp-winrate-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.42rem}.pp-winrate-label{display:flex;align-items:center;gap:.5rem;font-size:.67rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.pp-winrate-label .pp-emoji-icon{font-size:.9rem}.pp-winrate-pct{font-size:.9rem;font-weight:900;transition:color .5s}.pp-winrate-track{height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.pp-winrate-fill{height:100%;border-radius:4px;transition:width .95s cubic-bezier(.22,1,.36,1),background .5s;animation:ppBarPulse .6s ease 1.1s both}.pp-emoji-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;font-size:1.3rem;filter:drop-shadow(0 2px 5px rgba(0,0,0,.55))}.pp-emoji-icon-lg{font-size:2rem;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.pp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem 1rem 0}.pp-stat-cell{display:flex;flex-direction:column;align-items:center;gap:.22rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.6rem .3rem;animation:ppStatPop .4s cubic-bezier(.34,1.56,.64,1) both;transition:transform .12s,background .12s}.pp-stat-cell:active{transform:scale(.94);background:#ffffff12}.pp-stat-value{font-size:1.05rem;font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.2px}.pp-stat-label{font-size:.58rem;font-weight:700;color:#ffffff5c;text-transform:uppercase;letter-spacing:.4px;text-align:center}.pp-actions{display:flex;gap:.55rem;padding:.65rem 1rem 0;justify-content:stretch;flex-wrap:wrap;animation:ppFadeUp .34s ease .65s both}.pp-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.2rem;border-radius:13px;flex:1;font-size:.86rem;font-weight:800;letter-spacing:.4px;border:none;cursor:pointer;min-height:44px;transition:transform .1s,box-shadow .15s,opacity .15s}.pp-btn:active{transform:scale(.96);box-shadow:none!important}.pp-btn:disabled{opacity:.45;cursor:not-allowed}.pp-btn-duel{background:linear-gradient(130deg,var(--primary) 0%,#a855f7 100%);color:#fff;box-shadow:0 5px 20px color-mix(in srgb,var(--primary) 40%,transparent)}.pp-btn-duel:after{content:"";position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);animation:ppBtnShimmer 2.2s ease 1s both}.pp-btn-add{background:linear-gradient(130deg,#22c55e,#16a34a);color:#fff;box-shadow:0 5px 18px #22c55e4d}.pp-btn-ghost{background:#ffffff0f;color:#ffffff85;border:1px solid rgba(255,255,255,.1)}.pp-self-label{font-size:.8rem;color:#ffffff52;text-align:center;padding:.5rem;width:100%}.tutorial-coach{position:fixed;bottom:220px;left:16px;right:16px;z-index:500;display:flex;flex-direction:column;align-items:center;gap:10px;animation:tcSlideIn .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes tcSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tc-card{display:flex;align-items:flex-start;gap:12px;background:#080a14f7;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0a inset;width:100%;max-width:400px}.tc-icon{flex-shrink:0;margin-top:2px}.tc-body{flex:1}.tc-heading{font-size:.82rem;font-weight:800;letter-spacing:.04em;color:#fff;margin:0 0 4px;text-transform:uppercase}.tc-text{font-size:.88rem;font-weight:500;color:#ffffffc7;margin:0;line-height:1.45}.tc-btn{width:100%;max-width:400px;font-size:.93rem}.tc-arrow{color:#ffffff59;animation:tcBounce 1.4s ease-in-out infinite}@keyframes tcBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion: reduce){.tutorial-coach,.tc-arrow{animation:none}}
