:root{--green: #16a34a;--green-600: #15803d;--blue: #2563eb;--blue-600: #1d4ed8;--orange: #f97316;--orange-600: #ea580c;--yellow: #f5b301;--red: #ef4444;--purple: #8b5cf6;--accent: var(--blue);--accent-grad: linear-gradient(135deg, var(--green) 0%, var(--blue) 55%, var(--orange) 120%);--accent-grad-soft: linear-gradient(135deg, rgba(22,163,74,.14), rgba(37,99,235,.14), rgba(249,115,22,.14));--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 6px 24px -8px rgba(15, 23, 42, .18);--shadow-lg: 0 24px 60px -20px rgba(15, 23, 42, .28);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", "Fira Code", Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--transition: .18s var(--ease)}:root,[data-theme=light]{--bg: #f4f6fb;--bg-2: #eceff6;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef2f9;--elevated: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--on-accent: #ffffff;--scrim: rgba(15, 23, 42, .45);--court-line: #ffffff;--court-fill: #2563eb}[data-theme=dark]{--bg: #070b16;--surface: #0e1424;--surface-2: #131b2e;--surface-3: #1a2438;--elevated: #141d31;--border: #1e293b;--border-strong: #334155;--text: #f1f5f9;--text-2: #a3b0c4;--text-3: #64748b;--on-accent: #ffffff;--scrim: rgba(2, 6, 16, .66);--court-line: #dbeafe;--court-fill: #1d4ed8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 30px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 70px -24px rgba(0, 0, 0, .75)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:#2563eb47}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.app.tv{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:6px;overflow-y:auto;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 16px}.brand__logo{width:42px;height:42px;border-radius:12px;background:var(--accent-grad);display:grid;place-items:center;box-shadow:var(--shadow-sm);flex:0 0 auto}.brand__logo svg{width:26px;height:26px}.brand__name{font-weight:800;font-size:1.02rem;letter-spacing:-.02em;line-height:1.1}.brand__tag{font-size:.68rem;color:var(--text-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-group__label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:14px 12px 6px}.nav-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--text-2);font-weight:600;font-size:.9rem;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background var(--transition),color var(--transition)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-grad-soft);color:var(--text)}.nav-link.active .nav-link__icon{color:var(--blue)}.nav-link__icon{width:19px;height:19px;flex:0 0 auto;color:var(--text-3)}.nav-link__badge{margin-left:auto;font-size:.68rem;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2)}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:14px 26px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar__title{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.topbar__sub{color:var(--text-3);font-size:.8rem;font-weight:600}.topbar__spacer{flex:1}.content{padding:26px;max-width:1480px;width:100%;margin:0 auto}.page-enter{animation:fadeUp .26s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}@media (hover: hover){.card--hover:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}}.card__body{padding:18px 20px}.card__head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.card__head h3{font-size:1rem}.card__title-sub{color:var(--text-3);font-size:.78rem;font-weight:600}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid.cols-fit{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.section-title{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.section-title h2{font-size:1.15rem}.section-title .muted{color:var(--text-3);font-weight:600;font-size:.85rem}.stat{position:relative;overflow:hidden;padding:18px 20px}.stat__label{font-size:.76rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.stat__value{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;margin-top:6px;line-height:1}.stat__meta{margin-top:8px;font-size:.8rem;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:6px}.stat__icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}.stat__spark{margin-top:12px}.stat--link{cursor:pointer}.stat__go{position:absolute;right:16px;bottom:14px;color:var(--text-3);opacity:0;transform:translate(-5px);transition:all var(--transition)}.stat--link:hover .stat__go,.stat--link:focus-visible .stat__go{opacity:1;transform:none}.stat--link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.drill-row{cursor:pointer;transition:background var(--transition)}.drill-row:hover{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:11px;font-weight:700;font-size:.875rem;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:17px;height:17px}.btn--primary{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow);transform:translateY(-1px)}.btn--solid{background:var(--blue);color:#fff}.btn--solid:hover:not(:disabled){background:var(--blue-600)}.btn--ghost{background:transparent;color:var(--text-2);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn--subtle{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--subtle:hover:not(:disabled){background:var(--surface-3)}.btn--danger{background:transparent;color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 12%,transparent)}.btn--success{background:var(--green);color:#fff}.btn--success:hover:not(:disabled){background:var(--green-600)}.btn--warn{background:var(--orange);color:#fff}.btn--warn:hover:not(:disabled){background:var(--orange-600)}.btn--sm{padding:6px 11px;font-size:.8rem;border-radius:9px}.btn--lg{padding:12px 22px;font-size:1rem;border-radius:13px}.btn--icon{padding:8px;width:38px;height:38px}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all var(--transition)}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn svg{width:18px;height:18px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--elevated);color:var(--text);border:1px solid var(--border);padding:5px 9px;border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .13s var(--ease),transform .13s var(--ease);z-index:90}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}[data-tip-right]:after{left:auto;right:0;transform:translate(0) translateY(-4px)}[data-tip-right]:hover:after,[data-tip-right]:focus-visible:after{transform:translate(0) translateY(0)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge--green{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}.badge--blue{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.badge--orange{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange-600)}.badge--red{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}.badge--purple{background:color-mix(in srgb,var(--purple) 18%,transparent);color:var(--purple)}.badge--gray{background:var(--surface-3);color:var(--text-3)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--live{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}.badge--live .pulse{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition);color:var(--text-2)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent-grad-soft);border-color:transparent;color:var(--text)}.tabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.tab{padding:7px 14px;border-radius:9px;font-size:.83rem;font-weight:700;cursor:pointer;color:var(--text-2);border:none;background:transparent;transition:all var(--transition)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.skill{display:inline-flex;align-items:center;gap:3px}.skill i{width:7px;height:7px;border-radius:50%;background:var(--border-strong);display:inline-block}.skill i.on{background:var(--accent-grad)}.avatar{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff;background:var(--accent-grad);overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:30px;height:30px;font-size:.72rem}.avatar--lg{width:64px;height:64px;font-size:1.3rem}.avatar--xl{width:92px;height:92px;font-size:1.9rem}.avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}.avatar__dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box}.avatar-wrap--sm .avatar__dot{width:10px;height:10px}.avatar-wrap--lg .avatar__dot{width:16px;height:16px;border-width:3px}.avatar-wrap--xl .avatar__dot{width:20px;height:20px;border-width:3px}.avatar__dot.is-online{background:var(--green);box-shadow:0 0 #22c55e8c;animation:presence-pulse 2.4s ease-out infinite}.avatar__dot.is-offline{background:var(--text-3);opacity:.5;animation:none}@keyframes presence-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.avatar__dot.is-online{animation:none}}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-10px}.avatar-stack .avatar:first-child{margin-left:0}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th{text-align:left;padding:11px 14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--transition)}table.data tbody tr:hover{background:var(--surface-2)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition)}table.data th.th-sort:hover{color:var(--text-2)}table.data th.th-sort--on{color:var(--blue)}.th-sort__in{display:inline-flex;align-items:center;gap:4px}table.data th.num .th-sort__in{justify-content:flex-end}.th-sort__arrow{display:inline-flex;opacity:0;transition:opacity var(--transition)}table.data th.th-sort:hover .th-sort__arrow,table.data th.th-sort:focus-visible .th-sort__arrow{opacity:.5}table.data th.th-sort--on .th-sort__arrow{opacity:1}table.data th.th-sort:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:4px}.rank-cell{font-weight:800;font-variant-numeric:tabular-nums}.rank-1{color:var(--yellow)}.rank-2{color:#9aa7b8}.rank-3{color:var(--orange)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.78rem;font-weight:700;color:var(--text-2)}.field .hint{font-size:.72rem;color:var(--text-3)}.input,.select,.textarea{width:100%;padding:10px 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem;font-family:inherit;transition:all var(--transition)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}.textarea{resize:vertical;min-height:78px}.input::placeholder{color:var(--text-3)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .col-span{grid-column:1 / -1}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{display:none}.switch__track{width:42px;height:24px;border-radius:999px;background:var(--border-strong);position:relative;transition:background var(--transition)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition);box-shadow:var(--shadow-sm)}.switch input:checked+.switch__track{background:var(--green)}.switch input:checked+.switch__track:after{transform:translate(18px)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:3px;flex-wrap:wrap}.segmented button{border:none;background:transparent;padding:7px 13px;border-radius:8px;font-weight:700;font-size:.82rem;color:var(--text-2);cursor:pointer;transition:all var(--transition)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:100;animation:fadeIn .16s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;animation:pop .2s var(--ease)}.modal--wide{max-width:820px}.modal__head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.modal__head h3{font-size:1.1rem}.modal__body{padding:22px;overflow-y:auto}.modal__foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--border);background:var(--surface-2)}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column}.spacer{flex:1}.gap-sm{gap:8px}.gap-lg{gap:20px}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.center{display:grid;place-items:center}.tnum{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border);margin:16px 0;border:none}.pointer{cursor:pointer}.hidden{display:none!important}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-3)}.empty__icon{width:56px;height:56px;border-radius:16px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3)}.empty h3{color:var(--text-2)}.progress{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress__bar{height:100%;border-radius:999px;background:var(--accent-grad);transition:width .4s var(--ease)}.meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.meter__bar{height:100%;border-radius:999px}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:13px;background:var(--elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-weight:600;font-size:.88rem;min-width:240px;animation:pop .2s var(--ease)}.toast__accent{width:4px;align-self:stretch;border-radius:4px}.toast--success .toast__accent{background:var(--green)}.toast--error .toast__accent{background:var(--red)}.toast--info .toast__accent{background:var(--blue)}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.match-card--hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.match-card--live{border-color:color-mix(in srgb,var(--red) 45%,var(--border))}.match-card__head{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.7rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.match-side{display:flex;align-items:center;gap:9px;padding:9px 12px}.match-side+.match-side{border-top:1px solid var(--border)}.match-side__name{font-weight:600;font-size:.86rem;min-width:0}.match-side--win .match-side__name{font-weight:800}.match-side--win{background:color-mix(in srgb,var(--green) 7%,transparent)}.match-side--loss{opacity:.62}.match-side__seed{font-size:.66rem;font-weight:800;color:var(--text-3);width:16px;text-align:center;flex:0 0 auto}.match-side__score{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;display:flex;gap:6px;align-items:center}.match-side__game{color:var(--text-3);font-weight:700;font-size:.8rem}.match-side__main{font-size:1.05rem;min-width:20px;text-align:right}.serve-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:0 0 auto}.match-card__foot{display:flex;gap:8px;padding:9px 12px;border-top:1px solid var(--border);background:var(--surface-2)}.bracket{display:flex;overflow-x:auto;padding:6px 2px 22px;align-items:stretch}.bracket__round{display:flex;flex-direction:column;justify-content:space-around;min-width:244px;padding:0 14px;gap:6px}.bracket__round-label{text-align:center;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.bkt-match{position:relative;margin:6px 0}.bracket__round:not(:first-child) .bkt-match:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:var(--border-strong)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sp{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.sp-panel{border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;overflow:hidden;min-height:340px;justify-content:space-between}.sp-panel--a{background:linear-gradient(160deg,#1e40af,#2563eb)}.sp-panel--b{background:linear-gradient(160deg,#b91c1c,#ef4444)}.sp-panel--serving{box-shadow:inset 0 0 0 4px #ffffffd9,var(--shadow-lg)}.sp-score{font-size:clamp(4.5rem,13vw,9rem);font-weight:800;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.sp-name{font-size:1.15rem;font-weight:800;text-align:center}.sp-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:130px}.sp-btn{border:none;border-radius:14px;font-weight:800;cursor:pointer;transition:all var(--transition);color:#fff;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-btn:hover{background:#ffffff47;transform:translateY(-1px)}.sp-btn:active{transform:scale(.96)}.sp-btn--point{width:92px;height:92px;font-size:2rem}.sp-btn--2{width:62px;height:62px;font-size:1rem}.games-dots{display:flex;gap:6px}.games-dots i{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.games-dots i.on{background:#fff}@media (max-width: 820px){.sp{grid-template-columns:1fr 1fr}.sp-center{grid-column:1 / -1;order:-1;flex-direction:row;flex-wrap:wrap;min-width:0}.sp-panel{min-height:260px}}.scoreboard{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);color:var(--text);display:flex;flex-direction:column;padding:min(5vh,48px) min(5vw,64px);z-index:500}[data-theme=dark] .scoreboard{background:radial-gradient(1200px 600px at 50% -10%,#0f1b3d,#05070f 70%);color:#fff}.sb-team{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.sb-score{font-size:clamp(6rem,26vw,22rem);font-weight:800;line-height:.82;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.sb-name{font-size:clamp(1.4rem,4vw,3rem);font-weight:800;text-align:center}.sb-vs{display:flex;align-items:center;padding:0 clamp(12px,4vw,60px)}.sb-serve{width:16px;height:16px;border-radius:50%;background:#22c55e;box-shadow:0 0 20px #22c55e}.scoreboard .games-dots i{background:var(--bc-line)}.scoreboard .games-dots i.on{background:var(--text)}.tv-wrap{min-height:100vh;background:var(--bg);color:var(--text);padding:28px 34px}.tv-court{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 24px}[data-theme=dark] .tv-wrap{background:radial-gradient(1200px 700px at 50% -10%,#0f1b3d,#05070f 70%);color:#fff}[data-theme=dark] .tv-court{background:#ffffff0d;border-color:#ffffff1a}.tv-wrap,.scoreboard{--bc-dim: var(--text-3);--bc-line: var(--border);--bc-panel: var(--surface-2)}[data-theme=dark] .tv-wrap,[data-theme=dark] .scoreboard{--bc-dim: rgba(255,255,255,.6);--bc-line: rgba(255,255,255,.12);--bc-panel: rgba(255,255,255,.08)}.court{aspect-ratio:1.9 / 1;border-radius:12px;position:relative;overflow:hidden;background:var(--court-fill);border:3px solid var(--court-line)}.court:before,.court:after{content:"";position:absolute;background:var(--court-line)}.court:before{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.court__kitchen{position:absolute;left:22%;right:22%;top:6px;bottom:6px;border:2px solid var(--court-line);border-radius:3px}.menu-btn,.sidebar__scrim{display:none}@media (max-width: 1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;transform:translate(-100%);transition:transform .24s var(--ease);box-shadow:var(--shadow-lg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.sidebar .brand{padding:2px 8px 10px}.sidebar .nav-group__label{padding:8px 12px 3px}.sidebar .nav-link{padding:7px 12px}.sidebar.open{transform:none}.sidebar__scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:39}.menu-btn{display:inline-grid}.content{padding:18px}.topbar{padding:12px 16px}.form-grid{grid-template-columns:1fr}}@media (max-width: 620px){.grid{grid-template-columns:minmax(0,1fr)!important}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.modal-scrim{padding:0;place-items:end stretch}.modal{max-width:none;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}.modal__body{padding:16px}.modal__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0}.modal__foot .btn{flex:1 1 auto;justify-content:center}h1{font-size:1.4rem}.hide-sm{display:none!important}.show-sm{display:block!important}.topbar{gap:6px;padding:10px 12px}.topbar>div:has(.topbar__title){min-width:0;flex:1 1 auto}.topbar__spacer{flex:0 0 0}.topbar__title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .icon-btn{flex:none}.topbar .icon-btn[aria-label="TV / Projector mode"]{display:none}.topbar>div:last-child{flex:0 0 auto}.topbar .chip{flex:none;max-width:44px;overflow:hidden;padding:4px}.topbar .chip>*:not(.avatar-wrap):not(.avatar){display:none}.op-session h1{font-size:1.15rem}.op-session .op-session__back{margin-bottom:2px!important}.op-session .op-session__back .btn{padding:4px 8px;font-size:.78rem}.op-session .op-session__head{margin-bottom:10px!important;gap:8px;flex-wrap:nowrap;align-items:flex-start}.op-session .op-session__head>.spacer{flex:1 1 auto}.op-session .op-session__head .btn{flex:0 0 auto;padding:6px 9px}.op-session .op-session__badges{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:4px!important}.op-session .op-session__badges::-webkit-scrollbar{display:none}.op-session .op-session__badges .badge{flex:0 0 auto}.op-session .segmented{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.op-session .segmented::-webkit-scrollbar{display:none}.op-session .segmented>*{flex:0 0 auto;white-space:nowrap}.op-session .card__body.row{gap:8px!important}.op-session__timer{margin-bottom:10px!important}.op-session__timer .card__body{padding:8px 10px!important}.op-session__timer .row{flex-wrap:nowrap}.op-session .match-side{padding:8px 10px;gap:6px}.op-session .match-side .badge{display:none}.op-session .match-card__head{padding:6px 10px}.op-session .match-card__foot{padding:8px 10px}.op-session .card__head{padding:8px 12px}.op-generate__panels{grid-template-columns:1fr!important}.topbar>.badge{display:none}table.data{font-size:.82rem}table.data th{padding:8px 7px;font-size:.64rem;letter-spacing:.03em}table.data td{padding:9px 7px}table.data .avatar{width:26px;height:26px;font-size:.62rem}}html,body{max-width:100%;overflow-x:hidden}.show-sm{display:none}@media print{.sidebar,.topbar,.no-print{display:none!important}.app{display:block}.content{padding:0;max-width:none}body,.app,.content,.card{background:#fff!important;color:#111!important}.muted,.muted *{color:#444!important}h1,h2,h3,strong{color:#000!important}a{color:#111!important;text-decoration:underline}.card{border:1px solid #bbb!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.badge{border:1px solid #999!important;background:#fff!important;color:#111!important}}