@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/exo2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/exo2-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--arena-bg: #0e1d36;--arena-deep: #061224;--arena-mid: #122040;--arena-light: #1a5adc;--arena-glow: #2864e6;--panel: linear-gradient(180deg, #1a5adc 0%, #0e2a5c 100%);--panel-strong: rgba(6, 18, 36, .96);--panel-glass: rgba(255, 255, 255, .1);--panel-glass-strong: rgba(255, 255, 255, .18);--line: rgba(255, 255, 255, .22);--line-strong: rgba(255, 255, 255, .38);--text: #ffffff;--muted: rgba(255, 255, 255, .55);--muted-strong: rgba(255, 255, 255, .75);--teq: #e06414;--teq-bright: #f08232;--teq-deep: #ae4e10;--teq-glow: rgba(224, 100, 20, .55);--gold: #f5c518;--gold-dim: rgba(245, 197, 24, .6);--mint: #68edb0;--hud-glass: rgba(6, 18, 36, .44);--hud-glass-line: rgba(255, 255, 255, .15);--hud-blur: blur(10px);--lip: 0 5px 0 rgba(4, 16, 34, .85), 0 12px 22px rgba(0, 0, 0, .45);--lip-press: 0 1px 0 rgba(4, 16, 34, .85), 0 4px 10px rgba(0, 0, 0, .4);--shadow-card: 0 4px 16px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .16);--shadow-card-press: 0 1px 4px rgba(0, 0, 0, .2);--shadow-cta: 0 12px 40px rgba(224, 100, 20, .52), 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 2px rgba(255, 175, 55, .28), inset 0 1px 0 rgba(255, 195, 90, .42);--shadow-cta-press: 0 3px 14px rgba(224, 100, 20, .5), 0 1px 4px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}#menu-screen,.settings-rows,.legal-content-card,.standings-shell .standings-rows,#emote-picker,.champions-scroll,.career-list,#result-screen,#restore-screen,#season-screen,.tutorial-card,.screen:not(.hidden):not(#hud):not(#intro-clip){touch-action:pan-y}html,body{width:100%;height:100%;overflow:hidden;overflow-x:hidden;background:var(--ink);font-family:"Exo 2",Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui-root{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overflow-x:hidden;pointer-events:none}.screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse at 50% 20%,rgba(25,90,220,.24) 0%,transparent 62%),radial-gradient(ellipse at 40% 5%,rgba(40,100,230,.14) 0%,transparent 55%),radial-gradient(ellipse at 60% 5%,rgba(40,100,230,.14) 0%,transparent 55%),radial-gradient(ellipse at 50% 58%,rgba(60,130,255,.1) 0%,transparent 40%),linear-gradient(180deg,#14396b,#0e1d36 45%,#061224);pointer-events:auto;color:var(--text);z-index:10}@keyframes arena-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes horizon-glow{0%,to{opacity:.45}50%{opacity:1}}@keyframes particle-ascend{0%{transform:translateY(0) translate(0);opacity:.16}30%{opacity:.1;transform:translateY(-20vh) translate(5px)}70%{opacity:.03;transform:translateY(-46vh) translate(-3px)}to{transform:translateY(-65vh) translate(5px);opacity:0}}.arena-environment{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.title-screen:before,.title-screen:after,.title-screen .arena-light,.title-screen .horizon-arc,.title-screen .teq-table,.title-screen .vignette,.title-screen .particle{content:"";position:absolute;pointer-events:none}.title-screen .arena-light{animation:arena-breathe var(--dur, 10s) ease-in-out infinite var(--delay, 0s)}.title-screen .arena-light:nth-child(1){--dur: 12s;--delay: 0s;top:-10%;left:50%;transform:translate(-50%);width:140%;height:80%;background:radial-gradient(ellipse at 50% 20%,rgba(25,90,220,.24) 0%,transparent 62%)}.title-screen .arena-light:nth-child(2){--dur: 9s;--delay: 1.2s;top:-20%;left:-30%;width:75%;height:80%;background:radial-gradient(ellipse at 40% 5%,rgba(40,100,230,.14) 0%,transparent 55%)}.title-screen .arena-light:nth-child(3){--dur: 11s;--delay: .5s;top:-20%;right:-30%;width:75%;height:80%;background:radial-gradient(ellipse at 60% 5%,rgba(40,100,230,.14) 0%,transparent 55%)}.title-screen .horizon-arc{top:58%;left:0;width:100%;height:44px;overflow:visible}.title-screen .horizon-arc-line,.title-screen .horizon-arc-bloom{position:absolute;inset:0;fill:none}.title-screen .horizon-arc-line{stroke:#3c82ff2e;stroke-width:.7;animation:horizon-glow 12s ease-in-out infinite}.title-screen .horizon-arc-bloom{stroke:#5096ff0f;stroke-width:8;animation:horizon-glow 12s ease-in-out infinite 1.4s}.title-screen .teq-table{bottom:0;left:50%;transform:translate(-50%);width:130%;height:28%}.title-screen .teq-table:before{content:"";position:absolute;inset:0;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#122040,#0c1830)}.title-screen .teq-table:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,rgba(80,140,255,.4) 30%,rgba(140,190,255,.5) 50%,rgba(80,140,255,.4) 70%,transparent)}.title-screen .teq-table .center-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(180deg,#e07520,#e0752040)}.title-screen .vignette{inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(6,18,36,.72) 100%)}.title-screen .vignette-left{top:0;left:0;bottom:0;width:10%;background:linear-gradient(90deg,rgba(6,18,36,.58) 0%,transparent 100%)}.title-screen .vignette-right{top:0;right:0;bottom:0;width:10%;background:linear-gradient(270deg,rgba(6,18,36,.58) 0%,transparent 100%)}.title-screen .particle{position:absolute;bottom:30%;width:var(--size);height:var(--size);border-radius:50%;background:#fff;animation:particle-ascend var(--dur) linear infinite var(--delay);animation-fill-mode:both}#menu-backdrop{position:fixed;inset:0;z-index:9;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,rgba(25,90,220,.24) 0%,transparent 62%),radial-gradient(ellipse at 40% 5%,rgba(40,100,230,.14) 0%,transparent 55%),radial-gradient(ellipse at 60% 5%,rgba(40,100,230,.14) 0%,transparent 55%),radial-gradient(ellipse at 50% 58%,rgba(60,130,255,.1) 0%,transparent 40%),linear-gradient(180deg,#14396b,#0e1d36 45%,#061224)}#menu-backdrop.hidden{display:none}.screen.transparent{background:none;pointer-events:none}.screen.hidden{display:none}.screen:not(.hidden):not(#hud):not(#intro-clip){animation:screen-in .22s cubic-bezier(.22,.8,.3,1)}@keyframes screen-in{0%{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:none}}#intro-clip{z-index:11;gap:0;padding:0;background:#06101c center / cover no-repeat;animation:intro-clip-in .26s ease-out both}#intro-clip video{width:100%;height:100%;object-fit:contain}#intro-clip .intro-clip-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));background:#0a1423b3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;z-index:15;backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;transition:background .18s ease,transform .18s ease}#intro-clip .intro-clip-skip:hover{background:#193255e6;transform:scale(1.05)}#intro-clip .intro-clip-skip:active{transform:scale(.96)}.intro-progress{position:absolute;left:50%;bottom:max(30px,env(safe-area-inset-bottom));width:min(76%,420px);transform:translate(-50%);opacity:0;transition:opacity .26s ease-out;pointer-events:none;text-align:center}.intro-progress.visible{opacity:1}.intro-progress-label{margin-bottom:10px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.75)}.intro-progress-track{height:14px;border:3px solid rgba(255,255,255,.85);border-radius:999px;background:#0714268c;overflow:hidden}.intro-progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--teq));box-shadow:0 0 14px #ff6a13d9;transition:width .2s ease-out}@keyframes intro-clip-in{0%{opacity:0}to{opacity:1}}.logo{font-size:clamp(48px,10vw,96px);font-weight:950;letter-spacing:-.065em;color:var(--text);-webkit-text-stroke:3px rgba(4,20,44,.85);paint-order:stroke fill;text-shadow:0 5px 0 rgba(4,20,44,.45),0 12px 30px rgba(0,0,0,.55)}.logo.small{font-size:clamp(34px,7vw,64px)}.subtitle{font-size:clamp(14px,2.5vw,20px);letter-spacing:.5em;text-transform:uppercase;opacity:.7;margin-top:-14px}.loading-text{font-size:15px;opacity:.75}.big-btn,#btn-play{pointer-events:auto;position:relative;width:clamp(200px,54vw,280px);height:58px;border-radius:29px;border:2px solid rgba(255,180,60,.42);outline:none;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;background:linear-gradient(152deg,#f08232,#cc6014 55%,#a84c0e);box-shadow:0 12px 40px #e0641485,0 4px 16px #00000080,0 0 0 2px #ffaf3747,inset 0 1px #ffc35a6b;font-family:"Exo 2",sans-serif;font-weight:800;font-size:clamp(1.1rem,4vw,1.35rem);letter-spacing:.26em;color:#fff;text-transform:uppercase;text-shadow:none;display:inline-flex;align-items:center;justify-content:center;padding:0;transform:scale(1) translateY(0);transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out,background .1s ease}.big-btn .btn-shine-top,.big-btn:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:#ffda787a;border-radius:1px;pointer-events:none}.big-btn .btn-shine-radial,.big-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,210,110,.14) 0%,transparent 60%);pointer-events:none}.big-btn>.btn-text,.big-btn>span{position:relative;z-index:1;padding-left:.26em}.big-btn:hover,#btn-play:hover{filter:brightness(1.04)}.big-btn:active,#btn-play:active{transform:scale(.96) translateY(1px);background:linear-gradient(152deg,#f09848,#d06518 55%,#ae4e10);box-shadow:0 3px 14px #e0641480,0 1px 4px #0000008c;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background 60ms ease}@keyframes cta-attract-pulse{0%,to{box-shadow:0 8px 36px #e0641473,0 2px 10px #0000008c,0 0 0 2px #ffaf3747,inset 0 1px #ffc35a61}50%{box-shadow:0 14px 52px #e06414b8,0 2px 10px #0000008c,0 0 0 2px #ffaf3773,inset 0 1px #ffc35a61,0 0 0 10px #e0641417}}.big-btn.play-attract,#btn-play.play-attract{animation:cta-attract-pulse 2.8s ease-in-out infinite}.screen-reveal{animation:screen-reveal .54s linear both!important;transform-origin:var(--ox, 50%) var(--oy, 50%)}.screen-collapse{animation:screen-collapse .38s cubic-bezier(.5,0,1,.65) both!important;transform-origin:var(--ox, 50%) var(--oy, 50%);pointer-events:none!important}@keyframes screen-reveal{0%{clip-path:circle(0% at var(--ox, 50%) var(--oy, 50%));transform:scale(.72)}52%{clip-path:circle(128% at var(--ox, 50%) var(--oy, 50%));transform:scale(1.06)}78%{clip-path:circle(146% at var(--ox, 50%) var(--oy, 50%));transform:scale(.985)}to{clip-path:circle(150% at var(--ox, 50%) var(--oy, 50%));transform:scale(1)}}@keyframes screen-collapse{0%{clip-path:circle(150% at var(--ox, 50%) var(--oy, 50%));transform:scale(1)}14%{clip-path:circle(148% at var(--ox, 50%) var(--oy, 50%));transform:scale(1.025)}to{clip-path:circle(0% at var(--ox, 50%) var(--oy, 50%));transform:scale(.68)}}.big-btn.alt{border-color:#ffffffbf;background:linear-gradient(180deg,#3a7fcd,#1d4d8f);text-shadow:0 2px 0 rgba(2,18,40,.6);box-shadow:var(--lip)}.big-btn.alt:active{box-shadow:var(--lip-press)}.ghost-btn{pointer-events:auto;margin-top:4px;min-height:44px;padding:0 26px;border:1px solid rgba(160,200,245,.4);border-radius:999px;background:#081a348c;color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.ghost-btn:hover{border-color:#c8e2ffb3;background:#0e2648b3;color:var(--text)}button:focus-visible,button.pad-focus{outline:3px solid rgba(255,255,255,.9);outline-offset:4px}.stat-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:20px;background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.24);box-shadow:var(--shadow-card);font-family:"Exo 2",sans-serif;font-weight:700;font-size:clamp(.62rem,2vw,.68rem);letter-spacing:.04em;color:#fff;white-space:nowrap}.stat-pill.rank{padding:6px 14px;color:#d2e4ffe6}.stat-pill svg{flex-shrink:0}.nav-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:"Exo 2",sans-serif;font-weight:600;font-size:clamp(.52rem,1.8vw,.58rem);letter-spacing:.08em;color:#ffffffd1;text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-card);transition:transform .13s ease-out,opacity .13s ease,background .1s ease,box-shadow .13s ease}.nav-pill:active{transform:scale(.92);opacity:.65;background:#ffffff2e;box-shadow:var(--shadow-card-press);transition:transform 80ms ease-out,opacity 80ms ease,background 60ms ease,box-shadow 80ms ease}.footnote{font-size:13px;letter-spacing:.2em;opacity:.5;text-transform:uppercase}.title-screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;overflow-x:hidden}.title-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100vw;height:100%;overflow-x:hidden;padding:env(safe-area-inset-top,16px) 20px env(safe-area-inset-bottom,24px);box-sizing:border-box}.stats-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 6px;margin-top:68px}.logo-lockup{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-icon{width:clamp(78px,11vh,98px);height:clamp(78px,11vh,98px);border-radius:22%;object-fit:cover;box-shadow:0 14px 44px #000000a6,0 0 0 2px #ffffff24,0 0 0 5px #ffffff0d}.logo-tagline{font-family:"Exo 2",sans-serif;font-weight:300;font-size:clamp(.55rem,1.8vw,.62rem);letter-spacing:.16em;color:#ffffff6b;margin:0;font-style:italic;text-align:center}@keyframes logo-reveal{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.logo-entrance{animation:logo-reveal .7s ease-out both}.logo-tagline-entrance{animation:logo-reveal .7s ease-out .28s both}.title-gap-lg{height:22px}.title-gap-sm{height:14px}.nav-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%}.nav-pill{padding:7px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:"Exo 2",sans-serif;font-weight:600;font-size:clamp(.52rem,1.8vw,.58rem);letter-spacing:.08em;color:#ffffffd1;text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-card);transition:transform .13s ease-out,opacity .13s ease,background .1s ease,box-shadow .13s ease}.nav-pill:hover{background:#ffffff24;border-color:#ffffff4d}.nav-pill:active{transform:scale(.92);opacity:.65;background:#ffffff2e;box-shadow:0 1px 4px #0003;transition:transform 80ms ease-out,opacity 80ms ease,background 60ms ease,box-shadow 80ms ease}.brand-orb,.menu-brand-orb{display:inline-block;flex:0 0 auto;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 96% 48%,var(--teq) 0 34%,transparent 35%),radial-gradient(circle at 38% 104%,var(--teq) 0 26%,transparent 27%),radial-gradient(circle at 34% 28%,#fff 0 12%,#f0f2f4 45%,#d3d8db 78%,#aab1b6);box-shadow:inset -6px -8px 14px #00000038,0 6px 18px #0006}.brand-orb{width:clamp(44px,6vw,68px);height:clamp(44px,6vw,68px)}.brand-kicker{margin-bottom:2px;color:var(--muted);font-size:clamp(10px,1.2vw,13px);font-weight:850;letter-spacing:.24em}.title-tagline{margin:18px 0 34px;color:var(--muted);font-size:clamp(15px,2.2vw,19px);font-weight:500}.select-title{font-size:clamp(15px,2.6vw,22px);font-weight:900;letter-spacing:.16em;text-shadow:0 2px 14px rgba(0,0,0,.7)}.viewer-select{--viewer-accent-soft: rgba(255, 140, 40, .2);--viewer-accent-glow: rgba(105, 170, 255, .42);background:none;pointer-events:none;justify-content:stretch;padding:0;overflow:hidden}.select-shell{position:relative;width:100%;max-width:480px;height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top,16px) + 12px) 20px calc(env(safe-area-inset-bottom,20px) + 12px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden}.select-top{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;flex-shrink:0;pointer-events:auto;z-index:2}.select-bar{display:flex;width:100%;align-items:center;justify-content:space-between}.select-back,.menu-back{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:"Exo 2",sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.08em;color:#ffffffd1;text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 12px #00000040,inset 0 1px #ffffff29;transform:scale(1);transition:transform .13s cubic-bezier(.34,1.56,.64,1),opacity .13s ease,background .1s ease,box-shadow .13s ease}.select-back:hover,.menu-back:hover{background:#ffffff24;border-color:#ffffff52}.select-back:active,.menu-back:active{transform:scale(.92);opacity:.65;background:#ffffff2e;box-shadow:0 1px 4px #0003}.select-back[hidden]{visibility:hidden}.select-brand,.menu-brand{display:inline-flex;align-items:center;gap:8px;color:#ffffffc2;font-family:"Exo 2",sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.03em}.select-mode-label{font-weight:300;font-size:.62rem;color:#fff6;letter-spacing:.12em;text-transform:uppercase}.menu-brand-icon{width:26px;height:26px;border-radius:22%;object-fit:cover;opacity:.85;box-shadow:0 2px 8px #0006}.select-title{font-family:"Exo 2",sans-serif;font-weight:900;font-size:clamp(1.2rem,5.5vw,1.6rem);color:#fff;text-transform:uppercase;line-height:1.05;margin:4px 0 2px;letter-spacing:-.01em}.tabs{display:flex;gap:8px;width:100%}.tab-btn{flex:1;padding:9px 0;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:"Exo 2",sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.12em;color:#ffffff73;text-transform:uppercase;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:none;transition:all .18s ease}.tab-btn:hover{background:#ffffff14;color:#ffffffbf}.tab-btn.active,.viewer-select .tab-btn.active{border:1px solid rgba(255,160,60,.5);background:linear-gradient(135deg,#f08232,#cc5a0e);color:#fff;box-shadow:0 4px 16px #f082324d}.select-stage{position:relative;width:100%;min-height:120px;flex:1;margin:4px 0 0;background:none;border:none;display:flex;align-items:center;justify-content:center;pointer-events:none}.venue-card{width:100%;height:100%;object-fit:cover;border-radius:18px;pointer-events:none}.player-profile{position:relative;flex-shrink:0;margin:10px 0 0;padding:12px 16px;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);pointer-events:auto;z-index:2;box-shadow:0 10px 28px #00000059}.player-profile.hidden{display:none}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.profile-stat{display:flex;align-items:center;gap:6px}.profile-stat-label{font-size:.56rem;font-weight:300;letter-spacing:.08em;color:#fff6;text-transform:uppercase;width:52px;flex-shrink:0}.profile-meter{flex:1;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.profile-meter i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#f08232,#e04010);transition:width .3s ease}.profile-stat strong{font-size:.6rem;font-weight:700;color:#fff;width:20px;text-align:right;flex-shrink:0}.profile-shift{font-size:.55rem;font-weight:600;width:20px;flex-shrink:0}.profile-shift.up{color:#4ccc7a}.profile-shift.down{color:#e85858}.profile-traits{display:flex;gap:20px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.profile-traits span{font-size:.56rem;font-weight:300;color:#ffffff61;text-transform:uppercase;letter-spacing:.08em}.profile-traits span b,.profile-traits span span{color:#ffffffbf;font-weight:600}.select-bottom{display:flex;flex-direction:column;gap:10px;width:100%;flex-shrink:0;margin-top:10px;pointer-events:auto;z-index:2}.browse{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.arrow-btn{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:0 3px 12px #0000004d;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transform:scale(1);transition:transform .13s cubic-bezier(.34,1.56,.64,1),background .1s ease;font-size:1.15rem;color:#ffffffbf;line-height:1}.arrow-btn:hover{background:#ffffff24;color:#fff}.arrow-btn:active{transform:scale(.88);background:#ffffff2e;box-shadow:none}.item-label{min-width:140px;text-align:center;flex:0 0 auto}#item-name{font-family:"Exo 2",sans-serif;font-weight:800;font-size:clamp(.95rem,4.2vw,1.25rem);letter-spacing:.14em;color:#fff;text-transform:uppercase}#item-status{font-size:11px;letter-spacing:.14em;color:var(--muted);animation:pulse 1.2s ease-in-out infinite}#item-status.hidden{display:none}#item-lock{margin-top:3px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.13em}#item-lock.hidden{display:none}.profile-synergies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.profile-synergies:empty{display:none}.synergy-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;animation:pop-in .24s cubic-bezier(.17,.89,.32,1.28) both}.synergy-tag.ball{background:#ffaf372e;border:1px solid rgba(255,195,80,.55);color:#ffc24a;box-shadow:0 0 10px #ffaf3740}.synergy-tag.venue{background:#50b4ff2e;border:1px solid rgba(120,205,255,.55);color:#70ccff;box-shadow:0 0 10px #50b4ff40}.unlock-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ff9436,#e05012);border:1px solid rgba(255,215,130,.6);font-family:"Exo 2",sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#fff;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px #e65a1473;transition:transform .12s ease,filter .12s ease}.unlock-btn:hover{filter:brightness(1.1);transform:scale(1.04)}.unlock-btn:active{transform:scale(.96)}.unlock-btn.hidden{display:none}.profile-prompt-card{max-width:360px}.profile-input-wrap{width:100%;margin:12px 0 6px;display:flex;flex-direction:column;gap:6px}.profile-input{width:100%;height:46px;padding:0 14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fff;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;outline:none;box-sizing:border-box;text-align:center}.profile-input:focus{border-color:var(--orange, #f08232);background:#ffffff1f;box-shadow:0 0 12px #f0823259}.profile-prompt-error{color:#ff6b6b;font-size:.75rem;font-weight:600;text-align:center}.profile-prompt-error.hidden{display:none}.viewer-select.browsing-locked #item-name{color:var(--muted);opacity:.75}.viewer-select .big-btn,#btn-start{width:100%;height:52px;border-radius:16px;background:linear-gradient(135deg,#f08232,#cc5a0e);border:1px solid rgba(255,160,60,.35);font-family:"Exo 2",sans-serif;font-weight:900;font-size:1rem;letter-spacing:.14em;color:#fff;text-transform:uppercase;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 32px #f0823273,inset 0 1px #ffc86447;transform:scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out}.viewer-select .big-btn:hover,#btn-start:hover{filter:brightness(1.05)}.viewer-select .big-btn:active,#btn-start:active{transform:scale(.975) translateY(1px);background:linear-gradient(135deg,#d97020,#b84e0c);box-shadow:0 4px 16px #f082324d}.viewer-select .big-btn:disabled,#btn-start:disabled{filter:grayscale(.7);opacity:.45;cursor:not-allowed;box-shadow:none}.venue-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;pointer-events:auto}.venue-strip.hidden{display:none}.venue-chip{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0a122080;color:var(--muted);font-family:inherit;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.venue-chip.on{border-color:#ffd696e6;background:linear-gradient(180deg,#ff9c2e,#ef6405);color:#fff}.venue-chip.locked{--padlock: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2016'%3E%3Cpath%20d='M3%207.5V4.6a3%203%200%200%201%206%200v2.9'%20fill='none'%20stroke='%23000'%20stroke-width='1.7'/%3E%3Crect%20x='1'%20y='7'%20width='10'%20height='8.4'%20rx='1.6'%20fill='%23000'/%3E%3C/svg%3E");border-color:#ffd69666;color:#ffd696d9}.venue-chip.locked:after{content:"";display:inline-block;width:9px;height:12px;margin-left:7px;vertical-align:-1px;background-color:currentColor;-webkit-mask:var(--padlock) center / contain no-repeat;mask:var(--padlock) center / contain no-repeat}.venue-chip.pending{opacity:.55}.venue-chip:disabled{cursor:default}.setting-action{margin-top:0;padding:0 18px;white-space:nowrap}.viewer-select .big-btn{pointer-events:auto}#menu-screen{overflow:auto;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.menu-shell{position:relative;display:flex;width:min(680px,100%);height:100%;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));flex-direction:column}.menu-header{display:flex;min-height:38px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.menu-heading{margin:0 0 16px;flex-shrink:0}.menu-heading h1{font-family:"Exo 2",sans-serif;color:#fff;font-size:clamp(1.55rem,6vw,2rem);font-weight:900;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase}.menu-heading p{max-width:510px;margin-top:4px;font-family:"Exo 2",sans-serif;font-weight:300;font-style:italic;font-size:.7rem;letter-spacing:.06em;color:#fff6;line-height:1.4}.menu-options{display:flex;flex-direction:column;width:100%;gap:14px}.card-sweep{position:absolute;inset:0;pointer-events:none;transform:translateY(-100%);background:linear-gradient(180deg,transparent 0%,rgba(210,95,20,.05) 20%,rgba(235,120,30,.3) 50%,rgba(210,95,20,.05) 80%,transparent 100%);animation:card-sweep .45s ease-in-out forwards}@keyframes card-sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.mode-card,.menu-option{position:relative;display:flex;width:100%;padding:18px 20px;border-radius:18px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000038,inset 0 1px #ffffff12;flex-direction:column;justify-content:center;gap:3px;color:#fff;font:inherit;text-align:left;cursor:pointer;outline:none;overflow:hidden;-webkit-tap-highlight-color:transparent;transform:scale(1);transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s ease,box-shadow .15s ease,background .12s ease}.mode-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}.mode-card:hover,.menu-option:hover{background:#ffffff14;border-color:#ffb43c6b;transform:translateY(-2px);box-shadow:0 8px 26px #00000059,0 0 0 1px #ffb43c40}.mode-card:active,.menu-option:active{transform:scale(.985) translateY(1px);background:#ffffff12;box-shadow:0 2px 8px #0000004d}.mode-card.is-primary,.menu-option.is-primary{border-color:#f0823273;background:linear-gradient(135deg,#f082321f,#ffffff0a);box-shadow:0 6px 24px #e0641438,inset 0 1px #ffc86440}.mode-card strong,.menu-option strong{font-family:"Exo 2",sans-serif;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.mode-card small,.menu-option small{font-family:"Exo 2",sans-serif;color:#ffffff6b;font-size:.68rem;font-weight:300;font-style:italic;letter-spacing:.03em;line-height:1.35}.mode-card.is-primary small,.menu-option.is-primary small{color:#ffdcbebf}#menu-screen.menu-mode-grid .menu-options{display:flex;flex-direction:column;gap:14px}#score{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:clamp(13px,2.2vw,17px);font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,#0e1e3aad,#061224c7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);padding:4px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff26;text-shadow:0 1px 3px rgba(0,0,0,.7);z-index:10}#score b{color:var(--gold);font-size:1.15em;font-weight:900;font-variant-numeric:tabular-nums}#score .serve{color:var(--teq);display:inline-block;width:10px;text-shadow:0 0 8px var(--teq-glow)}#score .sets{color:var(--muted);font-size:.82em;font-weight:500}@media (max-width: 520px){#score{left:max(8px,env(safe-area-inset-left));transform:none;padding:3px 11px;font-size:12px}}.settings-shell{gap:14px;max-height:100%;min-height:0;padding:max(10px,env(safe-area-inset-top)) 16px max(10px,env(safe-area-inset-bottom))}.settings-rows{display:flex;width:min(580px,100%);min-height:0;flex:0 1 auto;margin:0 auto;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f}.setting-text{min-width:0}.setting-label{font-family:"Exo 2",sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff}.setting-hint{margin-top:3px;font-family:"Exo 2",sans-serif;font-weight:300;font-style:italic;font-size:.65rem;letter-spacing:.04em;color:#ffffff61}.setting-warning{margin-top:4px;font-family:"Exo 2",sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.04em;color:#f5c518}.setting-control{flex:0 0 auto}.setting-row.stacked{flex-direction:column;align-items:stretch;gap:10px}.setting-row.stacked .seg{width:100%}.setting-row.stacked .seg-btn{flex:1 1 0;padding:0 8px}.seg{display:flex;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px;gap:3px}.seg-btn{padding:9px 14px;min-height:38px;border-radius:9px;border:none;background:transparent;color:#fff6;font-family:"Exo 2",sans-serif;font-weight:500;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.seg-btn:hover{color:#ffffffbf}.seg-btn.on{background:linear-gradient(135deg,#f08232,#cc5a0e);color:#fff;font-weight:700;box-shadow:0 2px 8px #f0823266}.switch{position:relative;width:50px;height:28px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff1f;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background .22s ease,box-shadow .22s ease,border-color .22s ease;flex-shrink:0}.switch.on{border-color:#f0823280;background:linear-gradient(135deg,#f08232,#cc5a0e);box-shadow:0 2px 10px #f0823273}.switch i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 1px 5px #0000004d;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.switch.on i{transform:translate(22px)}@media (max-height: 500px){.setting-row{padding:8px 12px}.setting-hint{display:none}.settings-rows{gap:7px}}.legal-shell{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%;padding:max(10px,env(safe-area-inset-top)) 16px max(10px,env(safe-area-inset-bottom));box-sizing:border-box}.legal-external-link{margin-top:4px}.legal-external-link a{color:var(--accent, #00d2be);text-decoration:underline;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.legal-content-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:min(840px,100%);margin:0 auto 12px;background:#fff;color:#222;border-radius:14px;padding:24px 22px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 4px 24px #0006;line-height:1.6;font-family:Arial,Helvetica,sans-serif;text-align:left;user-select:text;-webkit-user-select:text}.legal-content-card h1{font-size:1.4rem;color:#111827;margin-top:.6em;margin-bottom:.4em;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.legal-content-card h2{font-size:1.15rem;color:#1f2937;margin-top:1.2em;margin-bottom:.4em;border-bottom:1px solid #f3f4f6;padding-bottom:4px}.legal-content-card h3{font-size:1rem;color:#374151;margin-top:1em;margin-bottom:.3em}.legal-content-card p,.legal-content-card li{color:#4b5563;font-size:.88rem;margin-bottom:.5em}.legal-content-card a{color:#0284c7;text-decoration:underline}.legal-content-card .badge{display:inline-block;padding:3px 8px;border-radius:8px;background:#e6f4ea;color:#137333;font-size:.78rem;font-weight:700;margin-bottom:8px}@media (max-height: 500px){.legal-content-card{padding:14px 16px}}.standings-shell{display:flex;flex-direction:column;height:100%;min-height:0}.standings-shell .standings-rows{display:flex;flex-direction:column;gap:10px;width:min(580px,100%);margin:0 auto 20px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.standings-shell #btn-standings-continue{margin-top:auto;align-self:center;width:min(380px,100%);flex-shrink:0}.standings-rows{display:flex;flex-direction:column;gap:10px;margin:18px 0 26px;max-width:min(560px,90vw)}.standings-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 18px;font-size:clamp(14px,2.4vw,18px);letter-spacing:.05em;text-align:center}.standings-row b{color:var(--teq)}#banner{position:absolute;top:22%;left:50%;transform:translate(-50%);text-align:center;font-size:clamp(22px,5vw,40px);font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.8)}#banner .banner-sub{font-size:.5em;font-weight:600;color:#ff6f2a}#banner.hidden,#hint.hidden,#intro-card.hidden{display:none}#hint{position:absolute;bottom:18%;left:50%;transform:translate(-50%);max-width:min(90vw,640px);text-align:center;font-size:clamp(14px,2.6vw,20px);letter-spacing:.1em;color:#eef1f3;text-shadow:0 2px 10px rgba(0,0,0,.8);animation:pulse 1.2s ease-in-out infinite}#meter{position:absolute;bottom:11%;left:50%;transform:translate(-50%);width:min(220px,40vw);height:10px;border-radius:5px;background:#0000008c;border:1px solid rgba(255,255,255,.35);overflow:hidden}#meter.hidden{display:none}#meter-sweet{position:absolute;top:0;bottom:0;background:#50ff8c59;border-left:1px solid rgba(80,255,140,.8);border-right:1px solid rgba(80,255,140,.8)}#meter-fill{position:absolute;top:0;bottom:0;left:0;background:#f5f7f8;transition:none}#meter-fill.in-sweet{background:#50ff8c}#meter-flash{position:absolute;bottom:14%;left:50%;transform:translate(-50%);font-size:clamp(15px,2.8vw,22px);font-weight:700;letter-spacing:.12em;text-shadow:0 2px 10px rgba(0,0,0,.8)}#meter-flash.hidden{display:none}#meter-flash.perfect{color:#50ff8c}#meter-flash.good{color:#eef1f3}#meter-flash.poor{color:#ff8a7a}#practice-panel{position:absolute;left:max(16px,env(safe-area-inset-left));top:max(68px,calc(env(safe-area-inset-top) + 68px));width:min(280px,calc(100vw - 32px));color:var(--text);background:#061226e0;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 14px;box-shadow:0 12px 36px #00000080,inset 0 1px #ffffff26;pointer-events:auto;z-index:10}#practice-panel.hidden{display:none}.practice-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.practice-title{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--teq-bright);text-shadow:0 0 10px rgba(240,130,50,.4)}.practice-skip-btn{padding:3px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#ffffffd9;font:inherit;font-size:9px;font-weight:900;letter-spacing:.12em;background:#ffffff14;cursor:pointer;pointer-events:auto;transition:background .15s ease,border-color .15s ease,transform .15s ease}.practice-skip-btn:hover{background:#e0641466;border-color:var(--teq-bright);color:#fff;transform:scale(1.04)}.practice-goal{margin-top:6px;font-size:clamp(13px,2.2vw,15px);font-weight:800;line-height:1.3;color:#e2e8f4}.practice-control{margin-top:8px;display:inline-block;padding:4px 10px;border-radius:8px;border:1px solid rgba(0,240,255,.35);background:#00f0ff1f;font-size:11px;font-weight:900;letter-spacing:.12em;color:#a6f0ff;box-shadow:0 0 10px #00f0ff26}@keyframes pulse{50%{opacity:.45}}#end-screen{background:#0c0e10cc;backdrop-filter:blur(8px)}#pause-screen,#dialog-screen{z-index:25;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#040a18b8;backdrop-filter:blur(16px)}.pause-card{width:min(420px,100%);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:clamp(26px,5vw,36px);color:var(--text);text-align:center;background:#061226f0;backdrop-filter:blur(20px);box-shadow:0 28px 90px #0009,inset 0 1px #ffffff26}.pause-card h1{font-size:clamp(34px,6vw,46px);font-weight:950;letter-spacing:-.04em}.pause-actions{display:flex;flex-direction:column;gap:10px;margin-top:clamp(20px,4vh,28px)}.pause-action{display:flex;min-height:54px;padding:13px 20px;border:1px solid rgba(255,255,255,.18);border-radius:999px;align-items:center;justify-content:center;gap:12px;color:var(--text);font:inherit;font-size:14px;font-weight:900;letter-spacing:.08em;background:#ffffff0f;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.pause-action:hover{border-color:#fff6;background:#1a5adc66;transform:translateY(-1px)}.pause-resume{border-color:transparent;background:linear-gradient(180deg,#f08232,#e06414);box-shadow:0 6px 20px #e0641466}.pause-resume:hover{border-color:#ffffff73;background:linear-gradient(180deg,#f59145,#eb6f20);box-shadow:0 8px 26px #e064148c}.pause-action kbd{padding:6px 8px;border:1px solid rgba(255,239,223,.32);border-radius:6px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;background:#2f0f013d}#training-pause{z-index:16;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#0e1c3680,#040812d9 80%),#04070e59;backdrop-filter:blur(12px)}.training-card{width:min(440px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:clamp(24px,4.5vw,34px);color:var(--text);text-align:center;background:#061226f0;box-shadow:0 28px 90px #0009,inset 0 1px #ffffff26;animation:training-card-in .2s cubic-bezier(.2,.9,.3,1) both}.training-progress{color:var(--teq-bright);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.training-title{margin-top:8px;font-size:clamp(28px,5vw,40px);font-weight:950;letter-spacing:.04em;line-height:1.05;background:linear-gradient(180deg,#fff,#b8cbe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.training-action-text{margin-top:16px;color:#dce6f9;font-size:clamp(16px,3vw,20px);font-weight:800;line-height:1.35}.training-control{display:flex;align-items:center;justify-content:center;margin-top:16px}.training-control-text{padding:8px 16px;border:1px solid rgba(0,240,255,.4);border-radius:999px;color:#e6faff;font-family:"Exo 2",ui-monospace,sans-serif;font-size:clamp(12px,2.4vw,14px);font-weight:900;letter-spacing:.1em;background:#00f0ff1f;box-shadow:0 0 16px #00f0ff33,inset 0 1px #fff3}.training-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px;align-items:center}.training-resume{width:min(340px,100%);min-height:50px;padding:12px 22px;border:none;border-radius:999px;color:#fff;font:inherit;font-size:14px;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#f08232,#e06414);box-shadow:0 8px 24px #e0641466,inset 0 1px #ffffff4d;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.training-resume:hover:not(:disabled){transform:translateY(-1px) scale(1.02);filter:brightness(1.1);box-shadow:0 12px 28px #e064148c,inset 0 1px #fff6}.training-resume:disabled{cursor:default;color:#ffffffbf;background:#e8500f80;box-shadow:none}.training-skip{width:min(340px,100%);min-height:44px;padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#ffffffb3;font:inherit;font-size:12px;font-weight:900;letter-spacing:.12em;background:#ffffff0f;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.training-skip:hover{background:#ffffff24;border-color:#fff6;color:#fff;transform:translateY(-1px)}.training-skip.hidden{display:none}#ui-tutorial-screen{z-index:50;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#040a18a6;backdrop-filter:blur(8px)}#ui-tutorial-screen.hidden{display:none}.tutorial-card{width:min(420px,100%);background:#061226f0;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:clamp(22px,4.5vw,30px);box-shadow:0 28px 90px #0009,inset 0 1px #ffffff26;display:flex;flex-direction:column;gap:16px;animation:tutorial-card-in .24s cubic-bezier(.2,.9,.3,1) both}@keyframes tutorial-card-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-top-bar{display:flex;align-items:center;justify-content:space-between}.tutorial-progress-dots{display:flex;align-items:center;gap:6px}.tutorial-progress-dots .dot{width:8px;height:8px;border-radius:999px;background:#ffffff38;transition:all .25s ease}.tutorial-progress-dots .dot.active{width:22px;background:linear-gradient(90deg,#f08232,#e06414);box-shadow:0 0 10px #f0823280}.tutorial-skip-btn{padding:5px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffffb3;font:inherit;font-size:11px;font-weight:900;letter-spacing:.12em;background:#ffffff0f;cursor:pointer;transition:all .15s ease}.tutorial-skip-btn:hover{background:#ffffff26;color:#fff;border-color:#fff6}.tutorial-body{text-align:center;padding:8px 0}.tutorial-badge{font-size:32px;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.tutorial-title{font-size:clamp(20px,3.8vw,26px);font-weight:950;letter-spacing:.03em;line-height:1.15;background:linear-gradient(180deg,#fff,#c4d7f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tutorial-text{margin-top:10px;color:#d6e2f5;font-size:clamp(14px,2.6vw,16px);font-weight:600;line-height:1.45}.tutorial-footer{display:flex;justify-content:center;margin-top:4px}.tutorial-next-btn{width:100%}.ui-tutorial-spotlight{position:relative;z-index:60!important;box-shadow:0 0 0 3px #00f0ff,0 0 25px #00f0ffb3!important;animation:spotlight-pulse 1.5s infinite alternate ease-in-out!important}@keyframes spotlight-pulse{0%{transform:scale(1);box-shadow:0 0 0 3px #00f0ff,0 0 20px #00f0ff80}to{transform:scale(1.03);box-shadow:0 0 0 4px #00f0ff,0 0 35px #00f0ffe6}}@keyframes training-card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 460px){.training-card{border-radius:16px}}.end-btns{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.end-btns.vertical{flex-direction:column;align-items:center}#emote-btn{--emote-top: calc(max(10px, env(safe-area-inset-top)) + 44px) ;pointer-events:auto;position:absolute;top:var(--emote-top);left:max(14px,env(safe-area-inset-left));width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel-strong);font-size:17px;line-height:1;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}#emote-btn.hidden{display:none}#emote-btn{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",EmojiOne Color,sans-serif}#emote-btn:hover{border-color:var(--line-strong);background:var(--panel);transform:translateY(-1px)}#emote-picker{pointer-events:auto;position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 96px);left:max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:5px;max-height:min(62vh,320px);overflow-y:auto;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 34px #0000006b;z-index:6}#emote-picker.hidden{display:none}.emote-chip{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 9px;border:1px solid transparent;border-radius:10px;background:#ffffff0d;color:#f1f3f8;font-family:"Exo 2",sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:left;white-space:nowrap;cursor:pointer}.emote-chip:hover{border-color:var(--line-strong);background:#ffffff1a}.emote-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",EmojiOne Color,sans-serif;font-size:16px;line-height:1}#emote-bubbles{position:absolute;top:max(58px,calc(env(safe-area-inset-top) + 52px));left:0;right:0;pointer-events:none;z-index:5}.emote-bubble{position:absolute;display:flex;align-items:center;gap:7px;max-width:44vw;padding:7px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f1f3f8;font-family:"Exo 2",sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 24px #0006}.emote-bubble.mine{left:50%;transform:translate(-116%)}.emote-bubble.theirs{left:50%;transform:translate(16%)}.emote-bubble.hidden{display:none}.emote-bubble.pop{animation:emote-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes emote-pop{0%{opacity:0}to{opacity:1}}.callout-toast{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;width:min(92vw,420px);padding:9px 10px 9px 14px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000080;animation:callout-in .26s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes callout-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.callout-who{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.callout-name{font-family:"Exo 2",sans-serif;font-size:13px;font-weight:900;letter-spacing:.04em;color:#f1f3f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callout-tier{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.callout-play{flex-shrink:0;min-height:40px;padding:0 16px;border:1px solid rgba(255,160,60,.35);border-radius:12px;background:linear-gradient(135deg,#f08232,#cc5a0e);color:#fff;font-family:"Exo 2",sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em;cursor:pointer}.callout-close{flex-shrink:0;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:19px;line-height:1;cursor:pointer}.callout-close:hover{color:#f1f3f8}#pause-btn{pointer-events:auto;position:absolute;top:max(10px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel-strong);color:#f1f3f8;font-size:14px;font-weight:900;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}#pause-btn:hover{border-color:var(--line-strong);background:var(--panel);transform:translateY(-1px)}#camera-btn{pointer-events:auto;position:absolute;top:max(10px,env(safe-area-inset-top));right:max(68px,calc(env(safe-area-inset-right) + 54px));min-width:102px;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:22px;background:var(--panel-strong);color:#f1f3f8;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}#camera-btn:hover{border-color:var(--line-strong);background:var(--panel);transform:translateY(-1px)}@media (max-width: 460px){#camera-btn{min-width:48px;width:48px;padding:0;font-size:0}#camera-btn:after{content:attr(data-short);font-size:8px;letter-spacing:.04em}}#touch-layer{position:absolute;inset:0;pointer-events:auto;z-index:5;touch-action:none;-webkit-tap-highlight-color:transparent}.joy-base{position:absolute;left:max(82px,calc(env(safe-area-inset-left) + 72px));bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px));width:124px;height:124px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 42%,transparent 43%),#0f12157a;box-shadow:0 8px 26px #0000004d,inset 0 0 0 6px #ffffff06;transform:translate(-50%,50%);pointer-events:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.joy-base.active{border-color:#e8500fd9;background:radial-gradient(circle at 50% 50%,rgba(232,80,15,.14) 0 42%,transparent 43%),#0f12159e;box-shadow:0 8px 26px #0000005c,inset 0 0 0 6px #e8500f0d}.joy-label{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffff94;font-size:9px;font-weight:900;letter-spacing:.16em;line-height:1;transform:translate(-50%,-50%)}.joy-label small{color:#ffffff5c;font-size:7px;font-weight:800;letter-spacing:.18em}.joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:1px solid rgba(255,255,255,.44);background:linear-gradient(145deg,#f46f31fa,#b83c07f2);box-shadow:0 4px 13px #00000061;transition:transform 45ms linear}#strike-btn,#pop-btn{position:absolute;right:max(26px,env(safe-area-inset-right));border-radius:50%;border:1px solid rgba(255,255,255,.2);appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;font-weight:900;color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 18px #00000080;transition:transform .09s ease,filter .09s ease,box-shadow .09s ease}.touch-action-label{font-size:14px;font-weight:950;letter-spacing:.1em;line-height:1}.touch-action-detail{margin-top:5px;color:#ffffffad;font-size:7px;font-weight:800;letter-spacing:.12em;line-height:1}#strike-btn{bottom:max(34px,env(safe-area-inset-bottom));width:102px;height:102px;background:linear-gradient(145deg,#f36b2d,var(--teq-deep))}#strike-btn.pressed{transform:scale(.92);filter:brightness(.94);box-shadow:0 2px 10px #0000006b}#pop-btn{bottom:calc(max(34px,env(safe-area-inset-bottom)) + 122px);width:84px;height:84px;background:linear-gradient(145deg,#4d565efa,#23282dfa)}#pop-btn .touch-action-label{font-size:10px;letter-spacing:.075em}#pop-btn.pressed{transform:scale(.92);filter:brightness(.94);box-shadow:0 2px 10px #0000006b}#touch-portrait-hints{display:none;position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));justify-content:center;gap:8px;padding:0 12px;pointer-events:none;z-index:3}#touch-portrait-hints span{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#12141785;color:#ffffff9e;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}#touch-portrait-hints b{color:var(--teq);font-size:10px;font-weight:950}@media (pointer: coarse){#pause-btn{width:50px;height:50px;touch-action:manipulation}#camera-btn{height:50px;touch-action:manipulation}.big-btn,.menu-option,.pause-action,.tab-btn,.select-back,.arrow-btn{min-height:48px;touch-action:manipulation}}@media (max-width: 680px) and (orientation: landscape){.joy-base{left:max(72px,calc(env(safe-area-inset-left) + 62px));bottom:max(74px,calc(env(safe-area-inset-bottom) + 60px));width:112px;height:112px}.joy-knob{width:48px;height:48px;margin:-24px 0 0 -24px}#strike-btn{right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:90px;height:90px}#pop-btn{right:max(20px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 105px);width:74px;height:74px}#strike-btn .touch-action-label{font-size:12px}#pop-btn .touch-action-label{font-size:9px}}#touch-layer.portrait .joy-base,#touch-layer.portrait #strike-btn,#touch-layer.portrait #pop-btn,#touch-portrait-hints{display:none}@media (max-width: 680px){#menu-screen.menu-mode-grid .menu-options{grid-template-columns:1fr}.menu-heading{margin-top:30px}#menu-screen.menu-mode-grid .menu-option{min-height:84px}}@media (max-width: 460px){.select-title{font-size:17px;letter-spacing:.12em}.menu-heading h1{font-size:36px}.menu-option{padding:13px 16px}}.lobby-radar{position:relative;width:6.5em;height:6.5em;margin:14px 0 6px;flex-shrink:0}.radar-ring{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;opacity:.5}.radar-ring:nth-child(2){inset:18%;opacity:.7}.radar-ring:nth-child(3){inset:36%;border-color:var(--teq);opacity:.45}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(105,170,255,.42) 0deg,rgba(105,170,255,.12) 40deg,transparent 110deg,transparent 360deg);animation:radar-sweep 2.4s linear infinite}.radar-pip{position:absolute;top:26%;left:68%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--teq);box-shadow:0 0 10px var(--teq);animation:radar-pip 2.4s ease-out infinite}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes radar-pip{0%,18%{opacity:0;transform:scale(.4)}26%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(1)}}@keyframes radar-pip-still{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.radar-sweep{animation:none;opacity:.5}.radar-pip{animation:radar-pip-still 2.4s ease-in-out infinite}}.lobby-code{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:clamp(34px,9vw,64px);font-weight:800;letter-spacing:.22em;color:var(--teq);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 24px 12px calc(24px + .22em);margin-top:8px;user-select:all}.code-input{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase;width:min(360px,80vw);padding:12px 16px;color:#fff;background:var(--panel);border:1px solid var(--line);border-radius:14px;outline:none}.code-input:focus{border-color:var(--teq)}.big-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.big-btn:disabled:hover{transform:none;filter:none}.pause-card{display:flex;flex-direction:column;align-items:center;gap:6px}.pause-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-height: 500px){.screen{justify-content:center;justify-content:safe center;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow-y:auto;touch-action:pan-y}.logo{font-size:clamp(26px,9vh,42px)}.logo.small{font-size:clamp(20px,7vh,32px)}.subtitle{margin-top:-6px;font-size:11px;letter-spacing:.35em}.big-btn{padding:11px 36px;font-size:clamp(15px,4.5vh,19px)}.menu-shell{margin:0 auto}.menu-heading{margin:6px 0 8px}.menu-heading h1{font-size:clamp(20px,7vh,32px)}.menu-heading p{margin-top:3px;font-size:12px}.menu-option,#menu-screen.menu-mode-grid .menu-option{min-height:0;padding:9px 14px;gap:2px}.menu-option strong{font-size:14px}.menu-option small{font-size:11px;line-height:1.2}.menu-options{gap:8px}.title-tagline{margin:8px 0 14px;font-size:13px}.brand-orb{width:34px;height:34px}.standings-rows{margin:8px 0 12px;gap:6px}.standings-row{padding:7px 14px;font-size:13px}.lobby-radar{font-size:.62rem;margin:6px 0 2px}#emote-picker{top:calc(max(10px,env(safe-area-inset-top)) + 44px);left:calc(max(14px,env(safe-area-inset-left)) + 52px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:min(560px,calc(100vw - 190px));max-height:none;overflow:visible}.emote-chip{min-height:38px;padding:0 8px 0 7px;gap:5px;font-size:9.5px}.emote-emoji{font-size:13px}.lobby-code{font-size:clamp(26px,11vh,44px);padding:7px 18px 7px calc(18px + .22em);margin-top:0}.code-input{font-size:clamp(22px,9vh,34px);padding:8px 14px}.pause-actions{gap:8px}.viewer-select{padding:0}.select-shell{padding:max(6px,env(safe-area-inset-top)) 14px max(6px,env(safe-area-inset-bottom))}.select-stage{min-height:96px}.viewer-select .big-btn,#btn-start{height:44px;font-size:.9rem}.select-top,.select-bottom{gap:6px}.select-title{font-size:15px;letter-spacing:.1em}.venue-chip{min-height:44px;padding:0 11px;font-size:9px}.player-profile{top:0;width:min(126px,22vw);padding:5px 7px;transform:none}.profile-stats{gap:3px}.profile-stat-label,.profile-stat strong{font-size:7.5px;letter-spacing:.02em}.profile-stat{gap:5px}.profile-stat-label{font-size:8px}.profile-traits{display:none}}@media (max-height: 500px) and (min-width: 560px){.menu-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.menu-back,.select-back{min-height:44px;display:inline-flex;align-items:center}.item-label #item-name{text-shadow:0 2px 12px rgba(0,0,0,.85),0 0 26px rgba(0,0,0,.6)}#intro-card{position:absolute;left:50%;bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;max-width:min(88vw,420px);border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(180deg,#0e1d36a6,#061224c7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 32px #00000073,inset 0 1px #ffffff1f;text-align:center;pointer-events:none;animation:intro-rise .45s ease-out}@keyframes intro-rise{0%{opacity:.35;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.intro-venue{color:var(--gold);font-size:clamp(10px,1.4vw,12px);font-weight:700;letter-spacing:.22em;text-shadow:0 1px 3px rgba(0,0,0,.7)}.intro-vs{display:flex;align-items:center;gap:clamp(8px,1.8vw,14px);font-size:clamp(14px,2.4vw,20px);font-weight:800;letter-spacing:.03em;text-shadow:0 2px 4px rgba(0,0,0,.7)}.intro-vs span{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-vs em{padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,var(--gold) 0%,var(--teq) 100%);color:#fff;font-size:.55em;font-style:normal;font-weight:800;letter-spacing:.08em;box-shadow:0 2px 6px #0000004d}.intro-skip{color:var(--muted);font-size:clamp(8px,1.1vw,10px);font-weight:700;letter-spacing:.2em;opacity:.65;margin-top:2px}@media (max-height: 500px){#intro-card{gap:2px;padding:6px 14px;border-radius:12px;bottom:max(8px,env(safe-area-inset-bottom))}.intro-skip{display:none}}.teq-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:620px}.teq-table{position:absolute;left:50%;bottom:6%;width:min(78vw,560px);height:min(30vh,190px);transform:translate(-50%) rotateX(58deg);transform-style:preserve-3d;opacity:.5}.teq-half{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(180deg,#2a2f36,#171b21);border:2px solid rgba(255,255,255,.22);box-shadow:0 0 40px #00000080}.teq-half.left{left:0;border-radius:10px 0 0 10px;transform-origin:right center;transform:rotateY(7deg)}.teq-half.right{right:0;border-radius:0 10px 10px 0;transform-origin:left center;transform:rotateY(-7deg)}.teq-net{position:absolute;left:50%;top:-6%;width:4px;height:112%;transform:translate(-50%);background:linear-gradient(180deg,transparent,var(--teq) 22%,var(--teq) 78%,transparent);box-shadow:0 0 18px #ff6a13bf}.teq-ball{position:absolute;left:50%;bottom:20%;width:clamp(20px,3.4vw,34px);height:clamp(20px,3.4vw,34px);border-radius:50%;background:radial-gradient(circle at 92% 46%,var(--teq) 0 32%,transparent 33%),radial-gradient(circle at 34% 100%,var(--teq) 0 24%,transparent 25%),radial-gradient(circle at 32% 26%,#fff 0 14%,#eef1f3 46%,#cfd5d9 80%,#a7aeb4);box-shadow:inset -5px -6px 12px #00000040,0 8px 20px #00000073;animation:teq-rally 3.6s cubic-bezier(.45,0,.55,1) infinite alternate,teq-bounce .9s cubic-bezier(.3,0,.7,1) infinite,teq-spin 1.8s linear infinite}.teq-shadow{position:absolute;bottom:17%;left:50%;width:clamp(20px,3.4vw,34px);height:clamp(6px,1vw,10px);border-radius:50%;background:#0006;filter:blur(3px);animation:teq-rally 3.6s cubic-bezier(.45,0,.55,1) infinite alternate,teq-shadow .9s cubic-bezier(.3,0,.7,1) infinite}@keyframes teq-rally{0%{margin-left:min(-30vw,-210px)}to{margin-left:min(30vw,210px)}}@keyframes teq-bounce{0%{translate:-50% 0}50%{translate:-50% min(-16vh,-110px)}to{translate:-50% 0}}@keyframes teq-shadow{0%{transform:translate(-50%) scale(1);opacity:.42}50%{transform:translate(-50%) scale(.55);opacity:.14}to{transform:translate(-50%) scale(1);opacity:.42}}@keyframes teq-spin{0%{rotate:0deg}to{rotate:360deg}}.brand-orb{animation:teq-spin 9s linear infinite}.menu-option{animation:teq-deal .34s cubic-bezier(.2,.9,.3,1.2) both}.menu-option:nth-child(1){animation-delay:.02s}.menu-option:nth-child(2){animation-delay:.06s}.menu-option:nth-child(3){animation-delay:.1s}.menu-option:nth-child(4){animation-delay:.14s}.menu-option:nth-child(5){animation-delay:.18s}.menu-option:nth-child(6){animation-delay:.22s}@keyframes teq-deal{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.teq-loader{position:relative;width:132px;height:54px;margin-top:6px}.teq-loader-ball{position:absolute;left:50%;bottom:10px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 90% 45%,var(--teq) 0 32%,transparent 33%),radial-gradient(circle at 32% 26%,#fff 0 16%,#e9edef 50%,#b9c0c5);animation:teq-loader-hop 1s cubic-bezier(.3,0,.7,1) infinite}.teq-loader-line{position:absolute;left:0;bottom:8px;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--teq),transparent);opacity:.7}@keyframes teq-loader-hop{0%,to{transform:translateY(0) scaleY(.86) scaleX(1.08)}18%{transform:translateY(-6px) scale(1)}50%{transform:translateY(-34px) scale(1)}82%{transform:translateY(-6px) scale(1)}}@media (prefers-reduced-motion: reduce){.teq-ball,.teq-shadow,.brand-orb,.menu-option,.teq-loader-ball,.big-btn[data-menu-primary=true],#btn-play{animation:none}}@media (max-height: 500px){.teq-table{height:26vh;bottom:2%;opacity:.34}.teq-loader{display:none}}.wallet{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:8px;pointer-events:none}.wallet.hidden{display:none}.wallet-chip{display:flex;align-items:center;gap:7px;padding:5px 14px 5px 9px;border:1px solid rgba(160,200,245,.32);border-radius:999px;background:#06162edb;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.wallet-icon{width:15px;height:15px;border-radius:50%;flex:0 0 auto}.wallet-icon.coin{background:radial-gradient(circle at 34% 30%,#ffe08a 0%,var(--gold) 52%,#c98b06 100%)}.wallet-icon.cup{width:13px;height:15px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,var(--gold) 0%,#d59a10 100%);position:relative}.wallet-icon.cup:after{content:"";position:absolute;left:50%;bottom:-3px;width:11px;height:3px;border-radius:2px;transform:translate(-50%);background:#d59a10}.wallet-rank{white-space:nowrap;padding:6px 13px;border-radius:999px;background:#2f7ac957;border:1px solid rgba(160,200,245,.32);color:var(--text);font-size:11px;font-weight:800;letter-spacing:.14em}.title-hub{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.title-hub .ghost-btn{margin-top:0;position:relative}.nav-pill.has-dot,.ghost-btn.has-dot{position:relative}.nav-pill.has-dot:after,.ghost-btn.has-dot:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ff5232;box-shadow:0 0 10px #ff5232,0 0 0 2px #081a34f2;animation:rewardBadgePulse 1.8s ease-in-out infinite;z-index:2}@keyframes rewardBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ff5232,0 0 0 2px #081a34f2}50%{transform:scale(1.3);box-shadow:0 0 14px #ff7a5c,0 0 0 2.5px #081a34f2}}#champions-screen,#challenges-screen{display:flex;flex-direction:column;align-items:stretch;padding:calc(max(10px,env(safe-area-inset-top)) + 46px) 16px 20px;overflow:hidden}#champions-screen.hidden,#challenges-screen.hidden,#result-screen.hidden{display:none}.champions-scroll{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:calc(max(10px,env(safe-area-inset-top)) + 20px) 20px 20px}.champions-scroll::-webkit-scrollbar{display:none}.champions-scroll-content{width:min(720px,100%);margin:0 auto;display:flex;flex-direction:column;min-height:100%}.career-head{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 20px;flex-shrink:0}.career-title-wrap{width:100%;margin:0 0 20px;text-align:left;flex-shrink:0}.career-title{font-family:"Exo 2",sans-serif;font-size:clamp(1.55rem,7vw,2rem);font-weight:600;letter-spacing:.02em;line-height:1.05;color:#fff;text-transform:uppercase;margin:0 0 4px}.career-sub{margin:0;font-family:"Exo 2",sans-serif;font-weight:300;font-style:italic;font-size:.7rem;letter-spacing:.06em;color:#ffffff61}.champion-list{display:flex;flex-direction:column;gap:16px;padding-bottom:48px;width:100%}.career-list{width:min(720px,100%);margin:0 auto;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:grid;gap:12px;align-content:start;padding-bottom:12px}.career-list::-webkit-scrollbar{display:none}.champion-card{position:relative;padding:18px 20px 16px;border-radius:18px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000038,inset 0 1px #ffffff12;display:flex;flex-direction:column;gap:10px;overflow:hidden;cursor:pointer;transform:scale(1);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .12s ease}.champion-card:active{transform:scale(.985);background:#ffffff12}.champion-card.locked{background:#ffffff05;border-color:#ffffff0f;opacity:.7}.champion-watermark{position:absolute;right:14px;top:10px;font-size:4.5rem;line-height:1;opacity:.1;pointer-events:none;user-select:none}.champion-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.champion-title-lockup{display:flex;align-items:center;gap:8px}.champion-flag{font-size:1.25rem;line-height:1}.champion-name{font-family:"Exo 2",sans-serif;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:600;letter-spacing:.08em;color:#fff;text-transform:uppercase}.champion-level{background:#e075202e;border:1px solid rgba(224,117,32,.38);border-radius:12px;padding:3px 10px;font-family:"Exo 2",sans-serif;font-weight:400;font-size:.58rem;letter-spacing:.1em;color:#f08840;text-transform:uppercase}.champion-card.locked .champion-level{background:#ffffff0f;border-color:#ffffff1f;color:#fff6}.champion-power-block{display:flex;align-items:baseline;gap:8px}.champion-power-num{font-family:"Exo 2",sans-serif;font-weight:600;font-size:1.45rem;color:#f08232;line-height:1;letter-spacing:-.02em}.champion-power-label{font-family:"Exo 2",sans-serif;font-weight:300;font-size:.6rem;letter-spacing:.12em;color:#ffffff52;text-transform:uppercase}.champion-power-bar{height:3px;border-radius:2px;background:#ffffff12;margin-bottom:4px;overflow:hidden}.champion-power-bar i{height:100%;border-radius:2px;background:linear-gradient(90deg,#cc5a0e,#f08232 60%,#f5b060);box-shadow:0 0 5px #f0823273}.champion-traits{display:flex;flex-direction:column;gap:7px}.champion-trait{display:flex;align-items:center;gap:10px}.champion-trait-label{font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.08em;color:#ffffff80;text-transform:uppercase;min-width:60px}.champion-trait b{font-family:"Exo 2",sans-serif;font-size:.65rem;font-weight:700;color:#ffffffd9;min-width:24px;text-align:right}.bar{display:block;flex:1 1 auto;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#cc5a0e,#f08232 60%,#f5b060);box-shadow:0 0 6px #f0823273;transition:width .2s cubic-bezier(.22,.8,.3,1)}#champions-scroll-hint{position:absolute;bottom:72px;left:50%;transform:translate(-50%);z-index:30;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:5px}#champions-scroll-hint.hidden{display:none}@keyframes scroll-hint{0%{transform:translateY(0);opacity:0}14%{opacity:1}72%{transform:translateY(-56px);opacity:.75}to{transform:translateY(-66px);opacity:0}}.scroll-hint-anim{animation:scroll-hint 1.9s cubic-bezier(.25,.46,.45,.94) forwards}.champion-foot,.challenge-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.champion-note,.challenge-count{font-family:"Exo 2",sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.05em;color:#fff6}.champion-note.done{color:#6dd49a;font-weight:700}.champion-buy,.challenge-claim{pointer-events:auto;flex:0 0 auto;min-height:38px;padding:0 16px;border:1px solid rgba(255,180,60,.42);border-radius:14px;background:linear-gradient(152deg,#f08232,#cc6014 55%,#a84c0e);color:#fff;font-family:"Exo 2",sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 16px #e0641473,inset 0 1px #ffc35a59;transform:scale(1);transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,opacity .12s ease}.champion-buy:active,.challenge-claim:active{transform:scale(.94);box-shadow:0 2px 8px #e064144d}.champion-buy:disabled,.challenge-claim:disabled{background:#ffffff0f;border-color:#ffffff1a;color:#ffffff4d;box-shadow:none;cursor:default}.challenge-list{display:flex;flex-direction:column;gap:12px}.challenge-card{padding:16px 20px 14px;border-radius:16px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f;display:flex;flex-direction:column;gap:10px}.challenge-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-text{font-family:"Exo 2",sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.04em;color:#fff}.challenge-reward{display:inline-flex;align-items:center;gap:4px;font-family:"Exo 2",sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.04em;color:#f5c518;flex:0 0 auto}.challenge-reward-val{color:#f5c518}.challenge-card.done{background:#6dd49a0f;border-color:#6dd49a40}.challenge-card.done:not(.claimed){background:#f5c51814;border-color:#f5c51880;box-shadow:0 0 24px #f5c5182e,inset 0 1px #ffffff26}.challenge-card.done:not(.claimed) .challenge-claim{animation:rewardClaimPulse 1.6s ease-in-out infinite}@keyframes rewardClaimPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #e0641473}50%{transform:scale(1.05);box-shadow:0 6px 24px #f5c518d9}}.challenge-card.done .bar i{background:linear-gradient(90deg,#3fa870,#6dd49a);box-shadow:0 0 6px #6dd49a66}#result-screen{display:flex;align-items:center;justify-content:center;padding:20px;background:#040e1eb8;overflow-y:auto}.result-card{width:min(440px,100%);padding:24px 20px;border-radius:22px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff14;display:flex;flex-direction:column;gap:14px;text-align:center;pointer-events:auto}.result-verdict{font-family:"Exo 2",sans-serif;font-size:clamp(24px,5vw,34px);font-weight:900;letter-spacing:.08em;color:#fff9;text-transform:uppercase}.result-card.won .result-verdict{color:#fff;text-shadow:0 0 20px rgba(240,130,50,.5)}.result-rank{align-self:center;padding:4px 14px;border-radius:12px;font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.result-rank.promoted{background:linear-gradient(135deg,#f08232,#cc5a0e);color:#fff;box-shadow:0 2px 8px #f0823266}.result-rank.relegated{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffff80}.result-rank.hidden{display:none}.result-rows{display:flex;flex-direction:column;gap:8px}.result-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-family:"Exo 2",sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}.result-row b{font-family:"Exo 2",sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.02em;color:#f5c518;font-variant-numeric:tabular-nums}.result-ladder{display:flex;flex-direction:column;gap:6px;text-align:left}.result-tier{font-family:"Exo 2",sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#fff;text-transform:uppercase}.result-next{font-family:"Exo 2",sans-serif;font-size:.62rem;letter-spacing:.04em;color:#fff6;font-style:italic}.result-notes{list-style:none;display:flex;flex-direction:column;gap:6px}.result-notes li{padding:9px 14px;border-radius:12px;border:1px solid rgba(245,197,24,.3);background:#f5c51814;font-family:"Exo 2",sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.04em;color:#f5c518}.result-btns{display:flex;flex-direction:column;gap:10px;margin-top:4px}.result-btns .big-btn{width:100%;padding:12px 20px;font-size:17px}.loading-tip{margin-top:10px;max-width:30ch;font-size:12px;line-height:1.5;letter-spacing:.03em;color:var(--muted);opacity:.85;text-align:center}@media (max-height: 500px){.wallet{top:6px;gap:6px}.wallet-chip,.wallet-rank{padding-block:3px;font-size:11px}#champions-screen,#challenges-screen{padding-top:42px}.loading-tip{display:none}}.champion-power{display:flex;align-items:baseline;justify-content:space-between;padding:6px 11px;border-radius:10px;background:#06162e8c}.champion-power span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.champion-power b{font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums}.champion-traits{display:grid;gap:6px}.champion-trait b{flex:0 0 auto;min-width:2.2em;text-align:right;font-size:12px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.intro-compare{display:grid;gap:3px;width:min(290px,74vw);margin-top:2px}.intro-compare.hidden{display:none}.compare-row{display:grid;grid-template-columns:2.2em 10px 1fr 10px 2.2em;align-items:center;gap:4px;padding:2.5px 8px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--muted-strong)}.compare-row span{text-align:center;font-weight:700}.compare-row b{font-size:12px;font-weight:800;color:#fffffff2;font-variant-numeric:tabular-nums}.compare-row b:first-child{text-align:right}.compare-row b:last-child{text-align:right}.compare-row.total{grid-template-columns:2.5em 1fr 2.5em;background:#f5c5181a;border:1px solid rgba(245,197,24,.28)}.compare-row.total b{color:var(--gold);font-size:13px;font-weight:900}.compare-lead{width:0;height:0;border-block:4px solid transparent;opacity:0}.compare-lead.left{border-right:5px solid var(--teq)}.compare-lead.right{border-left:5px solid var(--teq)}.compare-lead.on{opacity:1;filter:drop-shadow(0 0 4px var(--teq-glow))}@media (max-height: 500px){.intro-compare{gap:2px}.compare-row{padding-block:1.5px;font-size:9px}.compare-row b{font-size:11px}}#profile-screen,#board-screen{display:flex;flex-direction:column;align-items:stretch;padding:calc(max(10px,env(safe-area-inset-top)) + 46px) 16px 20px;overflow:hidden}#profile-screen.hidden,#board-screen.hidden{display:none}.account-card{display:flex;flex-direction:column;gap:14px;padding:22px 20px;border-radius:20px;background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 24px #00000038,inset 0 1px #ffffff12}.account-pitch{font-family:"Exo 2",sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.06em;color:#fff;text-transform:uppercase}.account-why,.account-warning{font-family:"Exo 2",sans-serif;font-size:.7rem;line-height:1.5;color:#ffffff80}.account-warning{padding:10px 14px;border-radius:12px;border:1px solid rgba(245,197,24,.3);background:#f5c51814;color:#f5c518;font-weight:500}.account-field{display:flex;flex-direction:column;gap:6px}.account-field span{font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.12em;color:#ffffff8c;text-transform:uppercase}.account-field input{pointer-events:auto;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0d;color:#fff;font-family:"Exo 2",sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.04em;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.account-field input:focus{border-color:#f08232a6;box-shadow:0 0 12px #f082324d}.account-message{margin:0;font-family:"Exo 2",sans-serif;font-size:.7rem;font-weight:600;color:#f5c518}.account-message.hidden{display:none}.account-code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.account-code-label{font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.16em;color:#ffffff73;text-transform:uppercase}.account-code-value{font-family:"Exo 2",sans-serif;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:900;letter-spacing:.18em;color:#f5c518;font-variant-numeric:tabular-nums}.account-code-hint{font-family:"Exo 2",sans-serif;font-size:.65rem;color:#fff6;font-style:italic}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.account-stats span{font-family:"Exo 2",sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.1em;color:#ffffff73;text-transform:uppercase}.account-stats b{font-family:"Exo 2",sans-serif;font-size:1.15rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.account-card .big-btn{width:100%;padding:12px 18px}.account-card .ghost-btn{margin-top:0;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:20px;font-family:"Exo 2",sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.1em;color:#ffffffd9;text-transform:uppercase}.board-row{display:grid;grid-template-columns:2.6em 1fr auto auto;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.board-row.me{border-color:#f0823273;background:linear-gradient(135deg,#f082321f,#ffffff0a);box-shadow:0 2px 12px #f0823233}.board-rank{font-family:"Exo 2",sans-serif;font-size:.9rem;font-weight:800;color:#fff6;font-variant-numeric:tabular-nums;text-align:right}.board-row.me .board-rank{color:#f08232}.board-name{font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-tier{font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;white-space:nowrap}.board-trophies{font-family:"Exo 2",sans-serif;font-size:1.05rem;font-weight:800;color:#f5c518;font-variant-numeric:tabular-nums}.board-empty{padding:24px 12px;text-align:center;font-family:"Exo 2",sans-serif;font-size:.8rem;color:#fff6;font-style:italic}.board-pinned{width:min(720px,100%);margin:10px auto 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.board-pinned.hidden{display:none}@media (max-height: 500px){#profile-screen,#board-screen{padding-top:42px}.account-card{grid-template-columns:1fr 1fr;align-items:start}.account-code,.account-stats,.account-why,.account-warning,.season-shelf,.account-card .big-btn{grid-column:1 / -1}}.account-warning.fresh{border-color:#f0823273;background:#f082321a;color:#ffb37a}.account-warning.hidden{display:none}#recovery-screen,#restore-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(max(10px,env(safe-area-inset-top)) + 20px) 16px 20px;overflow-y:auto}#recovery-screen.hidden,#restore-screen.hidden{display:none}#restore-screen{justify-content:flex-start;align-items:stretch;padding-top:calc(max(10px,env(safe-area-inset-top)) + 46px);overflow:hidden}.recovery-card{width:min(440px,100%);text-align:center}.recovery-card .career-title{color:#f5c518}.recovery-code{display:block;padding:16px 12px;border:1.5px dashed rgba(245,197,24,.5);border-radius:14px;background:#f5c5180f;color:#f5c518;font-family:"Exo 2",sans-serif;font-size:clamp(1.2rem,5.2vw,1.6rem);font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;word-break:break-word;user-select:all}#season-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(max(10px,env(safe-area-inset-top)) + 20px) 16px 20px;overflow-y:auto}#season-screen.hidden{display:none}.season-card{width:min(440px,100%);margin:auto;text-align:center}.season-card .career-title{color:#f5c518}.season-when{font-family:"Exo 2",sans-serif;color:#fff6;font-size:.75rem;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums}.season-tier{padding:12px 14px;border:1px solid rgba(245,197,24,.4);border-radius:14px;background:#f5c51814;color:#f5c518;font-family:"Exo 2",sans-serif;font-size:clamp(1.2rem,5.4vw,1.6rem);font-weight:900;letter-spacing:.06em}.season-card .account-why{font-size:13px}@media (max-height: 500px){#season-screen{padding-top:42px}.season-card{width:min(680px,100%)}.season-when,.season-card .career-title,.season-card .account-why{grid-column:1 / -1}.season-tier{align-self:center}}.season-shelf{display:flex;flex-direction:column;gap:8px}.season-shelf-head{font-family:"Exo 2",sans-serif;color:#fff6;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.season-badge{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(245,197,24,.25);border-radius:12px;background:#f5c5180d}.season-badge b{font-family:"Exo 2",sans-serif;color:#f5c518;font-size:.85rem;font-weight:800;letter-spacing:.04em}.season-badge span{font-family:"Exo 2",sans-serif;color:#fff6;font-size:.7rem;font-variant-numeric:tabular-nums}.season-badge i{font-family:"Exo 2",sans-serif;color:#fff;font-size:.8rem;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}#club-screen{display:flex;flex-direction:column;align-items:stretch;padding:calc(max(10px,env(safe-area-inset-top)) + 46px) 16px 20px;overflow:hidden}#club-screen.hidden{display:none}.club-body{display:flex;flex-direction:column;gap:12px;align-content:start}.club-head{gap:10px}.club-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.club-total span{font-family:"Exo 2",sans-serif;color:#fff6;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.club-total b{font-family:"Exo 2",sans-serif;color:#f5c518;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums}.club-invite{display:flex;flex-direction:column;gap:4px;padding:14px;border:1.5px dashed rgba(245,197,24,.45);border-radius:14px;background:#f5c5180f;text-align:center}.club-invite.hidden{display:none}.club-list{display:flex;flex-direction:column;gap:8px}.club-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a}.club-row.me{border-color:#f0823273;background:#f0823214}.club-owner{margin-left:8px;padding:2px 7px;border-radius:6px;background:#f5c51829;color:#f5c518;font-family:"Exo 2",sans-serif;font-size:.55rem;font-style:normal;font-weight:800;letter-spacing:.08em;vertical-align:middle}.club-actions{gap:10px}@media (max-height: 500px){#club-screen{padding-top:42px}.club-invite{padding:6px 10px}.club-invite .account-code-value{font-size:clamp(15px,3vw,20px)}.club-invite .account-code-hint{display:none}.club-total b{font-size:17px}.club-row{padding:6px 12px}}.ghost-btn.danger{border-color:#f0642873;color:#ff9868}#friends-screen{display:flex;flex-direction:column;align-items:stretch;padding:calc(max(10px,env(safe-area-inset-top)) + 46px) 16px 20px;overflow:hidden}#friends-screen.hidden{display:none}.friend-add{display:flex;gap:8px;width:min(720px,100%);margin:0 auto 12px}.friend-add input{pointer-events:auto;flex:1 1 auto;min-width:0;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0d;color:#fff;font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;outline:none}.friend-add input:focus{border-color:#f08232a6}.friend-add .champion-buy{border-radius:12px}#friends-screen .account-message{width:min(720px,100%);margin:0 auto 8px}.friend-row{display:grid;grid-template-columns:10px 1fr auto 44px;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a}.friend-dot{width:9px;height:9px;border-radius:50%;background:#fff3}.friend-row.online,.club-row.online{border-color:#68edb080}.friend-row.online .friend-dot,.club-row.online .friend-dot{background:var(--mint);box-shadow:0 0 8px #68edb0cc}.friend-who{display:grid;gap:2px;min-width:0}.friend-name{font-size:15px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-seen{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.friend-row.online .friend-seen{color:var(--mint)}.friend-trophies{font-size:15px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.friend-remove{pointer-events:auto;width:44px;height:44px;border:1px solid rgba(160,200,245,.3);border-radius:11px;background:#04102280;color:var(--muted);font-family:inherit;font-size:20px;line-height:1;cursor:pointer}.friend-remove:hover{color:var(--text);border-color:#c8e2ff99}.profile-shift{grid-column:4;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.04em;text-align:right}.profile-shift.up{color:#6ee08a}.profile-shift.down{color:#ff8f6b}.venue-card{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--ink);pointer-events:none}.venue-card.hidden{display:none}#stamina{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;top:auto;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:10;box-sizing:border-box}.stamina-row{display:flex;align-items:center;gap:5px;padding:3px 8px;background:#06122459;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 2px 8px #00000038;pointer-events:none}.stamina-row span{width:auto;color:#ffffffa6;font-family:"Exo 2",sans-serif;font-size:7.5px;font-weight:800;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stamina-row:first-child span,#stamina-row-you span{color:#00f0ffd9;text-shadow:0 0 6px rgba(0,240,255,.35)}#stamina-row-cpu span{color:#ff9d42d9;text-shadow:0 0 6px rgba(255,157,66,.35)}.stamina-row i{position:relative;display:block;width:60px;height:4.5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#040a1673;box-shadow:inset 0 1px 2px #0006;overflow:hidden}.stamina-row u{position:absolute;top:0;right:0;height:100%;width:0;background:repeating-linear-gradient(-45deg,#ffffff1a 0 2px,#0003 2px 4px);transition:width .3s linear}.stamina-row b{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#00f5a0,#00d2ff);opacity:.85;box-shadow:0 0 5px #00f5a04d;transition:width .12s linear}.stamina-row b[data-low=true]{background:linear-gradient(90deg,#ff8f3c,#ff4a4a);opacity:.9;box-shadow:0 0 6px #ff4a4a80;animation:stamina-warn 1s infinite alternate ease-in-out}@keyframes stamina-warn{0%{filter:brightness(1)}to{filter:brightness(1.3)}}@media (max-height: 500px){.big-btn{font-size:clamp(14px,2.2vw,18px);letter-spacing:.08em;padding:8px 30px;border-width:2px;border-radius:16px}.tab-btn{font-size:clamp(10px,1.6vw,12px);padding:5px 16px;border-width:2px}.arrow-btn{width:42px;height:42px}.arrow-btn:after{width:17px;height:17px}.select-title{font-size:clamp(11px,1.8vw,14px);letter-spacing:.12em}#item-name{font-size:clamp(15px,2.4vw,20px)}.player-profile{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34%;max-width:250px;padding:7px 9px;background:#061226b8}.profile-stat{gap:4px}.profile-stat-label{width:38px}.select-bottom{gap:4px;padding-bottom:4px}}@media (max-height: 500px){#score{top:max(6px,env(safe-area-inset-top));font-size:clamp(12px,2vw,16px);padding:4px 13px;border:1px solid var(--hud-glass-line);border-radius:18px;background:var(--hud-glass);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);box-shadow:0 4px 14px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.65)}#score b{font-size:1.15em}#pause-btn,#camera-btn{top:max(6px,env(safe-area-inset-top));height:34px;border:1px solid var(--hud-glass-line);background:var(--hud-glass);backdrop-filter:var(--hud-blur);-webkit-backdrop-filter:var(--hud-blur);color:#ffffffd1;box-shadow:none}#pause-btn{width:34px;right:max(10px,env(safe-area-inset-right));font-size:11px}#pause-btn,#camera-btn{position:absolute}#pause-btn:before,#camera-btn:before{content:"";position:absolute;inset:-5px;border-radius:inherit}#camera-btn{right:max(52px,calc(env(safe-area-inset-right) + 42px));min-width:74px;padding:0 9px;border-radius:17px;font-size:8px}#pause-btn:hover,#camera-btn:hover{border-color:var(--line-strong);background:#061224a8}#stamina{top:max(6px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:auto;bottom:auto;width:auto;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;padding:3px 6px;background:#06122459;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 3px 12px #00000038}.stamina-row{padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:4px}.stamina-row span{width:auto;font-size:6.5px;letter-spacing:.08em}.stamina-row i{width:48px;height:3.5px}.joy-base{border-color:#ffffff29;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0 42%,transparent 43%),#0f121533;box-shadow:0 4px 14px #00000029}.joy-base.active{border-color:#e8500f80;background:radial-gradient(circle at 50% 50%,rgba(232,80,15,.09) 0 42%,transparent 43%),#0f12154d;box-shadow:0 4px 14px #0003}.joy-label{color:#ffffff52}.joy-knob{border-color:#ffffff4d;background:linear-gradient(145deg,#f46f31b8,#b83c07a8);box-shadow:0 3px 9px #00000042}}.result-card,.pause-card,.account-card,.training-card,.tutorial-card{max-height:100vh;max-height:calc(100dvh - 12px);overflow-y:auto;overscroll-behavior:contain}.screen:not(.hidden):not(#hud):not(#intro-clip){overflow-y:auto;overscroll-behavior:contain}@media (max-height: 500px){.result-card,.pause-card,.account-card{width:min(560px,100%);padding:12px 16px;gap:8px;border-radius:16px}.pause-card h1{font-size:clamp(20px,4vh,26px)}.pause-actions{gap:6px;margin-top:10px}.pause-action{min-height:40px;padding:8px 16px;font-size:12px}.end-btns{gap:8px}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.confetti i{position:absolute;top:-8vh;left:var(--x, 50%);width:8px;height:14px;background:var(--tint, var(--gold));opacity:0;border-radius:1px;animation:confetti-fall var(--dur, 3s) linear var(--delay, 0s) forwards}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(112vh) rotate(var(--rot, 360deg))}}#standings-screen.celebrating .standings-row:first-child{color:var(--gold);text-shadow:0 0 18px rgba(245,197,24,.45)}@media (max-height: 500px){.confetti i{width:6px;height:10px;animation-duration:1.9s}}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.tour-layer{position:fixed;inset:0;z-index:60;pointer-events:none}.tour-ring{position:fixed;border:2px solid #ffc233;border-radius:14px;box-shadow:0 0 0 9999px #04070cb8;pointer-events:none;transition:opacity .18s ease;animation:tour-pulse 1.6s ease-in-out infinite}@keyframes tour-pulse{0%,to{border-color:#ffc233}50%{border-color:#ffc23373}}.tour-card{position:fixed;left:50%;bottom:6vh;transform:translate(-50%);width:min(30rem,calc(100vw - 2.5rem));padding:.9rem 1.1rem 1rem;border-radius:14px;background:#0a0e16f0;border:1px solid rgba(255,194,51,.35);text-align:center;pointer-events:none}.tour-card.tour-card-above{bottom:auto;transform:translate(-50%,-100%)}.tour-step{margin:0 0 .3rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#ffc233d9}.tour-says{margin:0;font-size:1rem;line-height:1.35;color:#f2f5f9}.tour-skip{margin-top:.7rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(242,245,249,.25);background:transparent;color:#f2f5f9b3;font-size:.72rem;letter-spacing:.08em;pointer-events:auto}.friend-invite{padding:.3rem .72rem;margin-right:.4rem;border-radius:999px;border:1px solid rgba(90,220,140,.55);background:#5adc8c1f;color:#8ff0b6;font-size:.68rem;letter-spacing:.09em;white-space:nowrap}.friend-invite:disabled{opacity:.45}#net-stats{position:absolute;left:8px;bottom:8px;z-index:60;padding:6px 8px;border-radius:6px;background:#0000009e;color:#d8ffd8;font:11px/1.35 ui-monospace,SF Mono,Menlo,Consolas,monospace;white-space:pre;pointer-events:none}#rotate-online{display:none}@media (orientation: portrait) and (pointer: coarse){body.online-match #rotate-online{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--arena-deep);color:var(--text);text-align:center;pointer-events:auto}}.rotate-online-title{font-size:22px;font-weight:800;letter-spacing:.04em}.rotate-online-text{max-width:320px;font-size:15px;opacity:.8}