:root{--bg:#000;--surface:#0b0d10;--surface-2:#12151a;--surface-3:#1a1e26;--elev:#22262f;--line:#ffffff14;--line-strong:#ffffff29;--text:#fff;--text-2:#a7b0bd;--text-3:#6b7482;--text-4:#464e5a;--neon:#c8ff2e;--neon-2:#9be600;--neon-ink:#0c1400;--neon-glow:#c8ff2e59;--live:#ff2d46;--live-glow:#ff2d4666;--win:#22e58a;--loss:#ff5a5f;--blue:#5ac8fa;--violet:#8b7cff;--orange:#ff8a3d;--gold:#ffc83d;--silver:#cbd5e1;--bronze:#e0854b;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 1px 2px #0009;--shadow:0 8px 24px #0000008c;--shadow-lg:0 20px 48px #000000b3;--glow-neon:0 0 0 1px #c8ff2e40, 0 8px 32px #c8ff2e24;--glow-live:0 0 0 1px #ff2d464d, 0 6px 28px #ff2d4629;--font:"Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--t-display:800 clamp(40px, 13vw, 64px) / .9 var(--font);--t-h1:800 28px/1.1 var(--font);--t-h2:750 20px/1.2 var(--font);--t-h3:700 16px/1.25 var(--font);--t-body:500 15px/1.45 var(--font);--t-small:500 13px/1.4 var(--font);--t-micro:700 11px/1.2 var(--font);--shell:460px;--tabbar-h:68px;--pad:20px;--gut-l:max(var(--pad), env(safe-area-inset-left,0px));--gut-r:max(var(--pad), env(safe-area-inset-right,0px));--ease:cubic-bezier(.22, .9, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--fast:.14s;--med:.26s;--slow:.46s}.num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-feature-settings:"tnum" 1, "ss01" 1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 50% -10%,#c8ff2e12,#0000 60%),radial-gradient(700px 500px at 100% 100%,#5ac8fa0d,#0000 60%);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}::-webkit-scrollbar{width:0;height:0}.shell{z-index:1;width:100%;max-width:var(--shell);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=620px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.page{padding:0 var(--gut-r) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px) var(--gut-l);animation:page-in var(--med) var(--ease-out) both;flex:1}.page--flush{padding-left:0;padding-right:0}.page--full{padding-bottom:0}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.h1{font:var(--t-h1);letter-spacing:-.02em}.h2{font:var(--t-h2);letter-spacing:-.015em}.h3{font:var(--t-h3);letter-spacing:-.01em}.small{font:var(--t-small);color:var(--text-2)}.micro{font:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.neon{color:var(--neon)}.win{color:var(--win)}.loss{color:var(--loss)}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:20px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.section-head{justify-content:space-between;align-items:baseline;margin:26px 0 12px;display:flex}.section-head__title{font:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.section-head__link{font:var(--t-micro);letter-spacing:.06em;color:var(--neon)}:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:6px}.topbar{z-index:40;padding:calc(env(safe-area-inset-top) + 18px) var(--gut-r) 12px var(--gut-l);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#000000f2 60%,#0000);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar--flush{margin:0 calc(var(--gut-r) * -1) 0 calc(var(--gut-l) * -1)}.wordmark{font:800 17px/1 var(--font);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.wordmark__shuttle{filter:drop-shadow(0 0 8px var(--neon-glow));font-size:18px}.wordmark__bb{color:var(--text)}.wordmark__bb span{color:var(--neon)}.icon-btn{background:var(--surface-2);border:1px solid var(--line);width:38px;height:38px;transition:transform var(--fast) var(--ease), background var(--fast);border-radius:50%;place-items:center;font-size:16px;display:grid;position:relative}.icon-btn:active{background:var(--surface-3);transform:scale(.92)}.icon-btn__dot{background:var(--live);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.back-bar{z-index:40;padding:calc(env(safe-area-inset-top) + 16px) var(--gut-r) 12px var(--gut-l);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#000000f0 65%,#0000);align-items:center;gap:10px;display:flex;position:sticky;top:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;position:relative;overflow:hidden}.card--tap{transition:transform var(--fast) var(--ease), border-color var(--fast);text-align:left;width:100%;display:block}.card--tap:active{border-color:var(--line-strong);transform:scale(.985)}.card--live{background:linear-gradient(160deg, #ff2d4612, transparent 55%), var(--surface);border-color:#ff2d4647}.card--neon{background:linear-gradient(160deg, #c8ff2e17, transparent 55%), var(--surface);border-color:#c8ff2e47}.card--flat{background:var(--surface-2);border-radius:var(--r);padding:14px}.court-lines{pointer-events:none;opacity:.5;background-image:linear-gradient(90deg,#0000 49.6%,#ffffff0d 49.6% 50.4%,#0000 50.4%),linear-gradient(#0000 74.7%,#ffffff09 74.7% 75.3%,#0000 75.3%),linear-gradient(#0000 24.7%,#ffffff09 24.7% 25.3%,#0000 25.3%);position:absolute;inset:0}.btn{border-radius:var(--r-pill);height:46px;font:700 15px/1 var(--font);letter-spacing:-.01em;background:var(--surface-3);color:var(--text);border:1px solid var(--line);transition:transform var(--fast) var(--ease), filter var(--fast), background var(--fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--neon);color:var(--neon-ink);box-shadow:var(--glow-neon);border-color:#0000}.btn--primary:active{filter:brightness(.92)}.btn--live{background:var(--live);color:#fff;box-shadow:var(--glow-live);border-color:#0000}.btn--ghost{background:0 0}.btn--danger{color:var(--loss);background:#ff5a5f1f;border-color:#ff5a5f4d}.btn--block{width:100%}.btn--lg{height:54px;padding:0 24px;font-size:16px}.btn--sm{height:34px;padding:0 14px;font-size:13px}.pill{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);height:24px;font:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pill--neon{color:var(--neon);background:#c8ff2e1f;border-color:#c8ff2e4d}.pill--gold{color:var(--gold);background:#ffc83d1f;border-color:#ffc83d4d}.pill--win{color:var(--win);background:#22e58a1f;border-color:#22e58a4d}.pill--loss{color:var(--loss);background:#ff5a5f1f;border-color:#ff5a5f4d}.live-pill{border-radius:var(--r-pill);height:22px;color:var(--live);font:var(--t-micro);letter-spacing:.14em;background:#ff2d4624;border:1px solid #ff2d4652;align-items:center;gap:6px;padding:0 9px 0 7px;display:inline-flex}.live-dot{background:var(--live);width:7px;height:7px;box-shadow:0 0 0 0 var(--live-glow);border-radius:50%;animation:1.8s infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #ff2d4699}70%{box-shadow:0 0 0 8px #ff2d4600}to{box-shadow:0 0 #ff2d4600}}.avatar{--size:40px;width:var(--size);height:var(--size);font-size:calc(var(--size) * .45);background:var(--surface-3);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar:after{content:"";background:radial-gradient(circle at 30% 25%, var(--tint), transparent 70%);opacity:.28;position:absolute;inset:0}.avatar__glyph{z-index:1;line-height:1;position:relative}.avatar--xs{--size:26px}.avatar--sm{--size:32px}.avatar--lg{--size:56px}.avatar--xl{--size:88px}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{box-shadow:0 0 0 2px var(--bg);margin-left:-10px}.score{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-weight:800;line-height:.9}.score--xl{font-size:clamp(64px,22vw,108px)}.score--lg{font-size:40px}.score--md{font-size:28px}.score--sm{font-size:20px}.score-pop{animation:score-pop .38s var(--spring)}@keyframes score-pop{0%{transform:scale(1)}32%{transform:scale(1.18)}to{transform:scale(1)}}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);gap:4px;padding:4px;display:flex}.segmented__item{border-radius:var(--r-pill);height:34px;font:700 13px/1 var(--font);color:var(--text-3);transition:color var(--fast), background var(--fast);white-space:nowrap;flex:1;padding:0 10px}.segmented__item[aria-selected=true]{background:var(--elev);color:var(--text)}.segmented--neon .segmented__item[aria-selected=true]{background:var(--neon);color:var(--neon-ink)}.chips{padding:2px var(--pad);margin:0 calc(var(--gut-r) * -1) 0 calc(var(--gut-l) * -1);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chip{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);height:34px;font:600 13px/1 var(--font);color:var(--text-2);transition:all var(--fast);flex:none;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip[aria-pressed=true]{background:var(--neon);color:var(--neon-ink);border-color:#0000;font-weight:700}.form-dots{gap:5px;display:flex}.form-dot{border-radius:50%;flex:none;width:11px;height:11px}.form-dot--w{background:var(--win);box-shadow:0 0 8px #22e58a66}.form-dot--l{background:var(--loss);opacity:.75}.form-dot--none{background:var(--surface-3)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-grid--2{grid-template-columns:repeat(2,1fr)}.stat-grid--4{grid-template-columns:repeat(4,1fr)}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);text-align:center;padding:12px 10px}.stat__value{font:800 22px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.stat__label{font:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:6px}.field{display:block}.field__label{font:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;display:block}.input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);width:100%;height:48px;color:var(--text);font:500 15px/1 var(--font);transition:border-color var(--fast);padding:0 14px}.input::placeholder{color:var(--text-4)}.input--code{text-align:center;height:60px;font:800 28px/1 var(--font);letter-spacing:.32em;text-indent:.32em}.input:focus{border-color:#c8ff2e80;outline:none}textarea.input{resize:vertical;height:auto;padding:12px 14px;line-height:1.45}.search{position:relative}.search .input{padding-left:40px}.search__icon{color:var(--text-3);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:fade-in var(--med) var(--ease-out);background:#000000b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:var(--shell);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:10px var(--gut-r) calc(env(safe-area-inset-bottom) + 20px) var(--gut-l);animation:sheet-up var(--med) var(--ease-out);border-bottom:0;max-height:88dvh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:4px auto 16px}.sheet__title{font:var(--t-h2);margin-bottom:4px}.action{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);text-align:left;width:100%;transition:transform var(--fast) var(--ease), border-color var(--fast);align-items:center;gap:14px;padding:14px;display:flex}.action:active{border-color:var(--line-strong);transform:scale(.98)}.action__icon{background:var(--surface-3);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.action__title{font:700 15px/1.2 var(--font)}.action__sub{font:var(--t-small);color:var(--text-3);margin-top:2px}.action__chev{color:var(--text-4);font-size:18px}.tabbar{width:100%;max-width:var(--shell);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-top:1px solid var(--line);z-index:50;background:#080a0cdb;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--text-4);transition:color var(--fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex;position:relative}.tab__icon{transition:transform var(--fast) var(--spring);font-size:19px;line-height:1}.tab__label{font:700 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.tab--active{color:var(--text)}.tab--active .tab__icon{transform:translateY(-1px)scale(1.1)}.tab--active:before{content:"";background:var(--neon);width:26px;height:2px;box-shadow:0 0 12px var(--neon-glow);border-radius:2px;position:absolute;top:0}.tab__badge{background:var(--live);border-radius:50%;min-width:7px;height:7px;position:absolute;top:12px;right:calc(50% - 20px)}.tab--play .tab__icon{background:var(--neon);width:44px;height:44px;color:var(--neon-ink);box-shadow:var(--glow-neon);border-radius:50%;place-items:center;margin-top:-14px;font-size:22px;font-weight:800;display:grid}.tab--play .tab__label{color:var(--neon)}.tab--play:before{display:none}.empty{text-align:center;padding:48px 24px}.empty__glyph{filter:grayscale(.2);font-size:44px;animation:4s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(6deg)}}.empty__title{font:var(--t-h2);margin:14px 0 6px}.empty__body{font:var(--t-small);color:var(--text-3);max-width:260px;margin:0 auto 20px}.divider{background:var(--line);height:1px;margin:16px 0}.bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.bar__fill{background:var(--neon);height:100%;transition:width var(--slow) var(--ease-out);border-radius:3px}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);background:var(--elev);border:1px solid var(--line-strong);border-radius:var(--r-pill);font:600 13px/1 var(--font);z-index:120;box-shadow:var(--shadow-lg);animation:toast-in var(--med) var(--spring);white-space:nowrap;padding:10px 18px;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.greeting{padding:4px 0 2px}.greeting__hello{font:var(--t-small);color:var(--text-3)}.greeting__name{font:800 26px/1.15 var(--font);letter-spacing:-.025em}.mrow{align-items:center;gap:10px;padding:5px 0;display:flex}.mrow__names{font:700 15px/1.2 var(--font);letter-spacing:-.01em;min-width:0}.mrow__meta{font:var(--t-micro);color:var(--text-4);letter-spacing:.06em;margin-top:3px}.mrow__score{font-variant-numeric:tabular-nums;letter-spacing:-.04em;flex:none;margin-left:auto;font-size:26px;font-weight:800}.mrow--dim .mrow__names,.mrow--dim .mrow__score{color:var(--text-3)}.mrow--lead .mrow__score{color:var(--neon)}.mrow__serve{background:var(--neon);width:8px;height:8px;box-shadow:0 0 8px var(--neon-glow);border-radius:50%;flex:none}.mrow__serve--off{background:0 0}.games{flex:none;gap:8px;margin-left:auto;display:flex}.games__g{text-align:center;font-variant-numeric:tabular-nums;width:26px;color:var(--text-3);font-size:17px;font-weight:800}.games__g--won{color:var(--text)}.card__strip{align-items:center;gap:8px;margin-bottom:12px;display:flex}.court-tag{font:var(--t-micro);letter-spacing:.14em;color:var(--text-3)}.card__foot{border-top:1px solid var(--line);font:var(--t-micro);letter-spacing:.06em;color:var(--text-4);align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.card--tight{border-color:#ffc83d59;animation:2.6s ease-in-out infinite tight}@keyframes tight{50%{border-color:#ffc83db3;box-shadow:0 0 24px #ffc83d1f}}.next{background:radial-gradient(120% 90% at 100% 0%, #c8ff2e29, transparent 55%), var(--surface);border-radius:var(--r-xl);border:1px solid #c8ff2e3d;padding:18px;position:relative;overflow:hidden}.next__when{font:800 15px/1 var(--font);align-items:baseline;gap:8px;display:flex}.next__vs{z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;display:grid;position:relative}.next__side{text-align:center}.next__side .avatar-stack{justify-content:center;margin-bottom:8px}.next__side-name{font:700 14px/1.25 var(--font)}.next__divider{font:800 12px/1 var(--font);color:var(--text-4);letter-spacing:.1em}.next__countdown{border-radius:var(--r-pill);font:700 13px/1 var(--font);color:var(--neon);background:#c8ff2e1a;border:1px solid #c8ff2e38;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;display:flex}.podium-row{align-items:center;gap:12px;padding:11px 0;display:flex}.podium-row+.podium-row{border-top:1px solid var(--line)}.podium-row__rank{text-align:center;width:26px;font:800 15px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text-4);flex:none}.podium-row__pts{font-variant-numeric:tabular-nums;font:800 16px/1 var(--font);letter-spacing:-.02em}.pulse{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);text-align:left;width:100%;transition:transform var(--fast) var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.pulse:active{transform:scale(.985)}.pulse__icon{flex:none;font-size:17px}.pulse__text{font:600 14px/1.3 var(--font)}.pulse__text b{color:var(--neon);font-weight:800}.scoring{max-width:var(--shell);z-index:60;overscroll-behavior:contain;background:#000;flex-direction:column;width:100%;display:flex;position:fixed;inset:0 0 0 50%;transform:translate(-50%)}.scoring__top{padding:calc(env(safe-area-inset-top) + 14px) max(14px, env(safe-area-inset-right,0px)) 8px max(14px, env(safe-area-inset-left,0px));flex:none;align-items:center;gap:10px;display:flex}.scoring__games{align-items:center;gap:6px;display:flex}.gamechip{font:var(--t-micro);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--surface-2);border:1px solid var(--line);color:var(--text-3);border-radius:6px;padding:4px 8px}.gamechip--won{color:var(--neon);background:#c8ff2e1f;border-color:#c8ff2e4d}.gamechip--lost{color:var(--text-4)}.gamechip--now{border-color:var(--line-strong);color:var(--text)}.zones{flex:1;grid-template-rows:1fr auto 1fr;min-height:0;display:grid}.zone{transition:background var(--fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px;display:flex;position:relative;overflow:hidden}.zone:active{background:#ffffff0d}.zone--serving:before{content:"";pointer-events:none;background:radial-gradient(90% 70%,#c8ff2e17,#0000 70%);position:absolute;inset:0}.zone--a:after,.zone--b:after{content:"";background:var(--tint,var(--neon));opacity:.9;border-radius:2px;height:3px;position:absolute;left:14px;right:14px}.zone--a:after{top:0}.zone--b:after{bottom:0}.zone__names{font:750 17px/1.15 var(--font);letter-spacing:-.01em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:92%;display:flex}.zone__score{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(76px,27vw,140px);font-weight:800;line-height:.86}.zone__hint{font:var(--t-micro);letter-spacing:.16em;color:var(--text-4)}.zone--lead .zone__score{color:var(--neon)}.serve-badge{border-radius:var(--r-pill);color:var(--neon);font:var(--t-micro);letter-spacing:.1em;background:#c8ff2e24;border:1px solid #c8ff2e52;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.shuttle-icon{animation:2.4s ease-in-out infinite serve-bob;display:inline-block}@keyframes serve-bob{50%{transform:translateY(-2px)rotate(12deg)}}.mini-court{border:1.5px solid var(--line-strong);border-radius:4px;grid-template-columns:1fr 1fr;width:54px;height:30px;display:grid;overflow:hidden}.mini-court__box{border-right:1px solid var(--line)}.mini-court__box:last-child{border-right:0}.mini-court__box--on{background:var(--neon);box-shadow:0 0 14px var(--neon-glow)}.scoring__mid{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex:none;justify-content:center;align-items:center;gap:8px;padding:9px 12px;display:flex}.mini-btn{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);height:40px;font:700 12.5px/1 var(--font);letter-spacing:.02em;color:var(--text-2);transition:transform var(--fast) var(--ease);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.mini-btn:active{transform:scale(.94)}.mini-btn--undo{color:var(--text);border-color:var(--line-strong)}.mini-btn:disabled{opacity:.35}.vs-chip{font:var(--t-micro);letter-spacing:.2em;color:var(--text-4)}.scoring__bottom{padding:10px max(10px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom) + 12px) max(10px, env(safe-area-inset-left,0px));background:#000;flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.plus{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line);height:76px;transition:transform 90ms var(--ease), background 90ms;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.plus:active{background:var(--surface-3);transform:scale(.96)}.plus__label{font:800 14px/1 var(--font);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:90%;overflow:hidden}.plus__plus{font:800 22px/1 var(--font);color:var(--neon)}.plus--match{background:#c8ff2e24;border-color:#c8ff2e66}.matchpoint{text-align:center;font:800 12px/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--neon-ink);background:var(--neon);flex:none;padding:7px;animation:1.4s ease-in-out infinite mp}.matchpoint--game{background:var(--gold)}@keyframes mp{50%{filter:brightness(.82)}}.interval-banner{text-align:center;font:var(--t-micro);letter-spacing:.18em;color:var(--blue);background:#5ac8fa1f;border-top:1px solid #5ac8fa40;flex:none;padding:6px}.timeline{max-height:260px;overflow-y:auto}.tl-row{border-bottom:1px solid var(--line);font:var(--t-small);align-items:center;gap:12px;padding:9px 2px;display:flex}.tl-row:last-child{border-bottom:0}.tl-row__score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;width:58px;font-size:15px;font-weight:800}.tl-row__who{color:var(--text-2);flex:1;min-width:0}.tl-row__tag{font:var(--t-micro);letter-spacing:.12em;background:var(--surface-3);color:var(--text-3);border-radius:5px;padding:2px 7px}.tl-row__tag--game{color:var(--gold);background:#ffc83d24}.tl-row__tag--match{color:var(--neon);background:#c8ff2e24}.celebrate{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;animation:fade-in var(--med) var(--ease-out);background:radial-gradient(70% 50% at 50% 40%,#c8ff2e2e,#000000f2 70%),#000000f0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px;display:flex;position:fixed;inset:0}.celebrate__trophy{animation:trophy-in .7s var(--spring) both;font-size:60px}@keyframes trophy-in{0%{opacity:0;transform:scale(.4)translateY(24px)}}.celebrate__winner{font:800 clamp(30px, 9vw, 44px) / 1.05 var(--font);letter-spacing:-.03em;animation:rise .62s .12s var(--ease-out) both}.celebrate__line{font-variant-numeric:tabular-nums;font:800 21px/1.3 var(--font);color:var(--neon);letter-spacing:-.01em;animation:rise .62s .22s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.celebrate:after{content:"";animation:sweep 1.5s .3s var(--ease-out);pointer-events:none;background:linear-gradient(105deg,#0000 40%,#c8ff2e24 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}.lb-row{border-radius:var(--r);text-align:left;width:100%;transition:transform var(--fast) var(--ease), background var(--fast);border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.lb-row:active{transform:scale(.99)}.lb-row--me{background:#c8ff2e12;border-color:#c8ff2e47}.lb-row+.lb-row{margin-top:2px}.lb-row__rank{text-align:center;width:30px;font:800 16px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text-3);flex:none}.lb-row__rank--medal{font-size:19px}.lb-row__name{font:700 15px/1.2 var(--font)}.lb-row__sub{font:var(--t-micro);color:var(--text-4);letter-spacing:.04em;margin-top:3px}.lb-row__value{text-align:right;flex:none}.lb-row__value b{font:800 17px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:block}.lb-row__value span{font:var(--t-micro);color:var(--text-4);letter-spacing:.06em}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:8px 0 18px;display:grid}.podium__slot{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) var(--r) var(--r);padding:14px 8px 12px;position:relative}.podium__slot--1{background:linear-gradient(180deg, #ffc83d1f, transparent 60%), var(--surface);border-color:#ffc83d66;padding-top:20px}.podium__medal{filter:drop-shadow(0 4px 10px #0009);font-size:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.podium__name{font:700 13px/1.2 var(--font);margin-top:8px}.podium__rating{font:800 17px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:5px}.podium__slot--1 .podium__rating{color:var(--gold)}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th{font:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 6px}.table th:first-child,.table td:first-child{text-align:left;padding-left:2px}.table th[aria-sort]{color:var(--neon)}.table td{text-align:right;font:600 13px/1 var(--font);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 6px}.table tbody tr.is-me td{background:#c8ff2e0f}.table__name{align-items:center;gap:8px;font-weight:700;display:flex}.tier{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.tier__badge{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.profile-hero{text-align:center;padding:8px 0 4px;position:relative}.profile-hero__name{font:800 26px/1.1 var(--font);letter-spacing:-.025em;margin-top:12px}.profile-hero__meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.rating-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:1fr 1px 1fr;align-items:center;gap:14px;margin-top:16px;padding:16px;display:grid}.rating-block__div{background:var(--line);height:40px}.rating-block__k{font:var(--t-micro);letter-spacing:.14em;color:var(--text-3)}.rating-block__v{font:800 30px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-top:6px}.badges{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.badge{aspect-ratio:1;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;display:flex;position:relative;overflow:hidden}.badge__glyph{filter:grayscale();opacity:.3;font-size:21px}.badge__name{font:700 9px/1.15 var(--font);letter-spacing:.02em;color:var(--text-4);text-transform:uppercase}.badge--on{background:linear-gradient(160deg, #c8ff2e1a, transparent 60%), var(--surface-2);border-color:#c8ff2e47}.badge--on .badge__glyph{filter:none;opacity:1}.badge--on .badge__name{color:var(--text-2)}.badge__progress{background:var(--neon);opacity:.6;height:2px;position:absolute;bottom:0;left:0}.movement{justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.movement__cell{text-align:center}.movement__val{font:800 24px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.movement__arrow{font:800 14px/1 var(--font);color:var(--win);border-radius:var(--r-pill);background:#22e58a1f;border:1px solid #22e58a47;align-items:center;gap:4px;padding:7px 12px;display:flex}.movement__arrow--down{color:var(--loss);background:#ff5a5f1f;border-color:#ff5a5f47}.onb{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 28px) max(24px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom) + 24px) max(24px, env(safe-area-inset-left,0px));max-width:var(--shell);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.onb__art{flex:1;place-items:center;font-size:84px;animation:5s ease-in-out infinite float;display:grid}.onb__title{font:800 30px/1.08 var(--font);letter-spacing:-.03em}.onb__body{font:var(--t-body);color:var(--text-2);max-width:30ch;margin-top:10px}.onb__dots{gap:6px;margin:24px 0 18px;display:flex}.onb__dot{background:var(--surface-3);width:6px;height:6px;transition:all var(--med) var(--ease);border-radius:3px}.onb__dot--on{background:var(--neon);width:20px}.logo{object-fit:contain;border-radius:26%;margin:0 auto;display:block}.logo--glow{filter:drop-shadow(0 0 34px var(--neon-glow))}.brand-lockup{text-align:center}.brand-lockup__shuttle{filter:drop-shadow(0 0 28px var(--neon-glow));font-size:60px}.brand-lockup__name{font:800 32px/1 var(--font);letter-spacing:-.03em;margin-top:18px}.brand-lockup__name span{color:var(--neon)}.brand-lockup__tag{font:var(--t-micro);letter-spacing:.28em;color:var(--text-3);margin-top:12px}.picker{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.picker__item{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);text-align:left;transition:all var(--fast);padding:14px 12px}.picker__item[aria-pressed=true]{border-color:var(--neon);background:#c8ff2e14}.picker__title{font:700 14px/1.2 var(--font)}.picker__sub{font:11px/1.3 var(--font);color:var(--text-4);margin-top:4px}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.emoji-grid button{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;place-items:center;font-size:20px;display:grid}.emoji-grid button[aria-pressed=true]{border-color:var(--neon);background:#c8ff2e1a}.share-card{border-radius:var(--r-xl);background:radial-gradient(120% 80% at 100% 0,#c8ff2e2e,#0000 55%),linear-gradient(#0d1014,#000);border:1px solid #c8ff2e38;width:100%;padding:22px;position:relative;overflow:hidden}.share-card__brand{font:var(--t-micro);letter-spacing:.18em;color:var(--text-3);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;display:flex}.qr{border-radius:var(--r);background:#fff;width:148px;height:148px;margin:0 auto;padding:8px;display:block}.top10-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:8px 0;display:flex}.top10-row:last-child{border-bottom:0}.top10-row__n{width:20px;font:800 13px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text-4)}.top10-row__name{font:700 14px/1 var(--font);flex:1}.top10-row__v{font:800 14px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--neon)}.scorecard{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.scorecard__head,.scorecard__team{grid-template-columns:1fr repeat(var(--games,3), 34px);align-items:center;gap:4px;padding:12px 14px;display:grid}.scorecard__head{background:var(--surface-2);font:var(--t-micro);letter-spacing:.1em;color:var(--text-3);text-align:center}.scorecard__head>:first-child{text-align:left}.scorecard__team{border-top:1px solid var(--line)}.scorecard__team-name{font:700 15px/1.2 var(--font);align-items:center;gap:8px;min-width:0;display:flex}.scorecard__g{text-align:center;font:800 18px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text-3)}.scorecard__g--won{color:var(--neon)}.scorecard__team--winner{background:#c8ff2e0d}.h2h-bar{border-radius:var(--r-sm);border:1px solid var(--line);height:40px;display:flex;overflow:hidden}.h2h-bar__a,.h2h-bar__b{font:800 15px/1 var(--font);font-variant-numeric:tabular-nums;transition:flex var(--slow) var(--ease-out);place-items:center;min-width:38px;display:grid}.h2h-bar__a{color:var(--neon);background:#c8ff2e2e}.h2h-bar__b{color:var(--blue);background:#5ac8fa2e}.h2h-head{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.h2h-stat{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:11px 0;display:grid}.h2h-stat:last-child{border-bottom:0}.h2h-stat__label{font:var(--t-micro);letter-spacing:.1em;color:var(--text-4);white-space:nowrap}.h2h-stat__v{font:800 16px/1 var(--font)}.h2h-stat__v--l{text-align:right}.h2h-stat__v--r{text-align:left}.h2h-stat__v--win{color:var(--neon)}.bracket{padding:4px var(--pad) 12px;margin:0 calc(var(--gut-r) * -1) 0 calc(var(--gut-l) * -1);gap:12px;display:flex;overflow-x:auto}.bracket__col{flex-direction:column;flex:none;justify-content:space-around;gap:10px;width:176px;display:flex}.bracket__title{font:var(--t-micro);letter-spacing:.14em;color:var(--text-3);text-align:center;margin-bottom:4px}.bracket__match{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 10px}.bracket__match--live{border-color:#ff2d4666}.bracket__slot{font:600 12.5px/1.3 var(--font);color:var(--text-3);align-items:center;gap:7px;padding:3px 0;display:flex}.bracket__slot--won{color:var(--text);font-weight:800}.bracket__slot b{font-variant-numeric:tabular-nums;margin-left:auto}.court-strip{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:10px;padding:11px 12px;display:flex}.court-strip__n{background:var(--surface-3);width:34px;height:34px;font:800 13px/1 var(--font);border-radius:9px;flex:none;place-items:center;display:grid}.reactions{gap:6px;display:flex}.reaction{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);height:30px;font:700 12px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--text-2);transition:transform var(--fast) var(--spring);align-items:center;gap:5px;padding:0 11px;display:inline-flex}.reaction:active{transform:scale(1.12)}.presult{border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);text-align:left;width:100%;transition:all var(--fast);align-items:center;gap:12px;padding:11px 12px;display:flex}.presult[aria-pressed=true]{border-color:var(--neon);background:#c8ff2e14}.presult__check{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--neon-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.presult[aria-pressed=true] .presult__check{background:var(--neon);border-color:var(--neon)}.steps{gap:5px;margin-bottom:20px;display:flex}.steps__s{background:var(--surface-3);height:3px;transition:background var(--med);border-radius:2px;flex:1}.steps__s--on{background:var(--neon)}.slate{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:16px 0;display:grid}.slate__name{font:700 15px/1.25 var(--font);margin-top:8px}.slate__vs{font:800 12px/1 var(--font);letter-spacing:.14em;color:var(--text-4)}
