:root{--green: #1d4ed8;--green-dark: #1e3a8a;--brand-light: #2563eb;--accent: #facc15;--a: #2563eb;--b: #d97a1e;--bg: #0d1117;--card: #161d29;--line: #283142;--text: #eef2f8;--muted: #93a0b5;--danger: #d94343}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;min-height:100vh;min-height:100dvh;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.app{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--green-dark);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;gap:9px}.brand-logo{display:block;border-radius:50%}.content{flex:1;padding:16px;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#1b2536;border-top:1px solid #303c52;box-shadow:0 -6px 20px #00000073;padding-bottom:env(safe-area-inset-bottom)}.tab-btn{position:relative;background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 7px;min-width:0;font-size:11px;font-weight:700;cursor:pointer}.tab-btn .tab-label{font-size:10px;line-height:13px;white-space:nowrap}.tab-btn .tab-icon{font-size:21px;line-height:1;filter:grayscale(.55) opacity(.7)}.tab-btn.on{color:var(--brand-light)}.tab-btn.on .tab-icon{filter:none}.tab-btn.on:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--brand-light)}.busy{position:fixed;top:0;left:0;right:0;text-align:center;background:var(--brand-light);color:#fff;padding:8px;font-weight:700;font-size:14px;z-index:50}.screen{display:flex;flex-direction:column;gap:14px}.btn-primary{background:var(--brand-light);color:#fff;border:none;border-radius:14px;font-weight:700;padding:16px;font-size:17px;cursor:pointer}.btn-primary:disabled{opacity:.45}.btn-primary.big{padding:20px;font-size:19px}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:13px;font-size:15px;cursor:pointer}.btn-ghost.danger{color:var(--danger);border-color:#4a2b2b}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.section-title{margin:6px 0 0;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.muted{color:var(--muted)}.small{font-size:12px}.team-a{border-left:4px solid var(--a)}.team-b{border-left:4px solid var(--b)}.team-name{background:#0e1420;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;font-size:16px;font-weight:700}.player{background:#0e1420;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;font-size:15px}.vs{text-align:center;color:var(--muted);font-weight:700}.serve-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.serve-row select,.firstserve-row select{background:#0e1420;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:15px;min-width:130px}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.toggle-row input{width:22px;height:22px}.games-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;gap:6px}.games-team{text-align:center}.gt-name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-games{font-size:40px;font-weight:800;line-height:1}.games-mid{text-align:center;font-size:12px;color:var(--muted)}.game-no{font-weight:700;color:var(--text)}.serve{margin-top:4px;white-space:nowrap;background:#0e1420;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.serve-edit{color:var(--muted);margin-left:2px}.server-picker{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.sp-title{font-size:13px;color:var(--muted);margin-bottom:10px;text-align:center}.sp-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-btn{background:#0e1420;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer}.sp-btn.active{background:var(--brand-light);border-color:var(--brand-light);color:#fff}.point-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--green-dark);border-radius:16px;padding:22px 12px}.pt{font-size:64px;font-weight:800;text-align:center;line-height:1}.pt-sep{color:var(--muted);font-size:13px;text-align:center}.phase{background:var(--accent);color:#1a1a00;padding:4px 8px;border-radius:8px;font-weight:800;font-size:12px;white-space:nowrap}.firstserve-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.fs-toggle{border:none;border-radius:10px;padding:10px 18px;font-weight:800;font-size:15px;cursor:pointer}.fs-toggle.in{background:var(--brand-light);color:#fff}.fs-toggle.out{background:#6b2b2b;color:#ffd7d7}.point-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-point{border:none;border-radius:16px;padding:30px 10px;color:#fff;font-size:22px;font-weight:800;display:flex;flex-direction:column;gap:6px;cursor:pointer}.btn-point small{font-size:14px;font-weight:600;opacity:.9}.btn-point.a{background:var(--a)}.btn-point.b{background:var(--b)}.btn-point:active{filter:brightness(1.2)}.serve-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-ace,.btn-df{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:14px;font-weight:700;display:flex;flex-direction:column;gap:3px;cursor:pointer}.btn-ace small,.btn-df small{font-size:12px;color:var(--muted);font-weight:600}.btn-df{color:#ffbcbc}.match-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-opt{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:14px 8px;font-size:15px;font-weight:700;cursor:pointer}.mode-opt small{font-size:11px;font-weight:600;color:var(--muted)}.mode-opt.active{border-color:var(--a);background:#11203c;box-shadow:0 0 0 1px var(--a) inset}.mode-opt.active small{color:#cdddff}.game-no.center{text-align:center;margin-bottom:8px}.games-score-big{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0 28px}.gsb-team{text-align:center}.gsb-name{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:6px}.gsb-num{font-size:72px;line-height:1;font-weight:900;color:var(--text)}.gsb-sep{font-size:36px;color:var(--muted);font-weight:800}.game-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.btn-point.big-game{padding:44px 10px;font-size:24px}.match-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.match-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.match-item.active{border-color:var(--brand-light);box-shadow:0 0 0 1px var(--brand-light) inset}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-weight:700}.match-teams .score{font-size:20px;padding:0 10px}.match-teams .win{color:var(--accent)}.match-meta{margin-top:6px;font-size:12px;color:var(--muted)}.combobox{position:relative}.combobox .player{width:100%}.combobox-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;list-style:none;margin:0;padding:4px;max-height:264px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0e1420;border:1px solid var(--brand-light);border-radius:12px;box-shadow:0 10px 28px #00000080}.combobox-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);border-radius:9px;padding:13px 12px;font-size:15px;cursor:pointer}.combobox-item:active,.combobox-item:hover{background:var(--brand-light);color:#fff}.add-row{display:flex;gap:8px}.add-row .combobox,.add-row .player{flex:1;min-width:0}.score-edit-row{display:flex;align-items:center;justify-content:center;gap:12px}.score-edit-row .player{flex:0 1 88px;min-width:0;padding:10px 6px;text-align:center;font-size:20px;font-weight:700}.score-edit-row>.sep{color:var(--muted);font-weight:700}.roster-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.roster-item{display:flex;justify-content:space-between;align-items:center;background:#0e1420;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:600}.roster-item .x{background:none;border:none;color:var(--danger);font-size:16px;cursor:pointer}.session-head{display:flex;justify-content:space-between;align-items:baseline}.gen-card{border:1px solid var(--brand-light)}.gen-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.gen-team{text-align:center;border-radius:12px;padding:12px 8px}.gen-team.a{background:#1e6fd926;border:1px solid var(--a)}.gen-team.b{background:#d97a1e26;border:1px solid var(--b)}.gt-label{font-size:11px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.gp{font-size:16px;font-weight:700;padding:3px 0}.gp-tap{display:block;width:100%;background:transparent;color:var(--text);border:1px solid transparent;border-radius:9px;cursor:pointer;margin:2px 0;padding:5px 4px}.gp-tap.sel{background:var(--brand-light);border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px #facc1566}.edit-hint{font-size:12px;color:var(--muted);text-align:center;line-height:1.4;padding:2px 4px}.edit-hint.active{color:var(--accent);font-weight:600}.gen-mid{color:var(--muted);font-weight:800;font-size:13px}.rest-line{font-size:13px;color:var(--muted);text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.rest-line.excl{color:#d9a23a}.rest-chip{font-size:13px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:default}.rest-chip.tappable{color:var(--text);border-color:var(--brand-light);cursor:pointer}.rest-chip:disabled{opacity:.7}.gen-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.gen-actions .btn-ghost{padding:10px 4px;font-size:13px}.klasemen{width:100%;border-collapse:collapse;font-size:14px}.klasemen th,.klasemen td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:center}.klasemen th:nth-child(2),.klasemen td.kp-name{text-align:left}.kp-num{width:44px}.kp-num.strong{font-weight:800;color:var(--accent)}.klasemen.stats-board{table-layout:fixed}.klasemen.stats-board td.kp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klasemen.stats-board th,.klasemen.stats-board td{padding:8px 3px}.klasemen.stats-board th{font-size:12px}.klasemen.stats-board td.kp-num{font-variant-numeric:tabular-nums}.klasemen tr.off{opacity:.45}.avail{border:none;border-radius:8px;padding:6px 10px;font-weight:700;font-size:12px;cursor:pointer}.avail.on{background:var(--brand-light);color:#fff}.avail.wc{background:#6b4a2b;color:#ffd9a8}.winner-banner{background:linear-gradient(135deg,var(--brand-light),var(--green-dark));border-radius:16px;padding:22px;text-align:center;font-size:22px;font-weight:800}.final-score{margin-top:8px;font-size:16px;font-weight:600;opacity:.95}.stat-row{display:flex;justify-content:space-between;font-size:15px}.player-table{width:100%;border-collapse:collapse;font-size:14px}.player-table th,.player-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.player-table th:not(:first-child),.player-table td:not(:first-child){text-align:center;width:56px}.sort-tabs{display:flex;gap:6px}.sort-tab{flex:1;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 4px;font-size:13px;font-weight:700;cursor:pointer}.sort-tab.on{background:var(--brand-light);border-color:var(--brand-light);color:#fff}.seg{display:flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px}.seg-item{flex:1 1 0;min-width:0;background:transparent;border:0;border-radius:9px;color:var(--muted);padding:9px 6px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;font-size:clamp(10px,3vw,13px);letter-spacing:-.01em;transition:background .15s ease,color .15s ease}.seg-item.on{background:var(--brand-light);color:#fff;box-shadow:0 1px 3px #00000059}.list-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.list-row.tappable{cursor:pointer}.lr-name{font-weight:700}.recent-match{padding:10px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.recent-match:last-child{border-bottom:none}.rm-top{display:flex;align-items:center;gap:10px}.rm-score{font-size:18px;font-weight:800}.badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;text-transform:uppercase}.badge.win{background:#facc152e;color:var(--accent)}.badge.lose{background:#d943432e;color:#ff9b9b}.badge.draw{background:#93a0b52e;color:var(--muted)}.tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px}.tag.vs{background:#d97a1e2e;color:#f0b06a}.tag.together{background:#1e6fd92e;color:#7fb0ec}.h2h-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center}.h2h-side{font-weight:700;font-size:15px}.h2h-num{font-size:28px;font-weight:800}.selfie-frame{position:relative;width:100%;aspect-ratio:3 / 4;max-height:46vh;background:#000;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.selfie-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selfie-loading{position:absolute;color:var(--muted);font-size:14px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-cell{padding:0;border:none;background:var(--card);border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1}.photo-cell{position:relative}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.photo-cell.picked{outline:3px solid var(--accent);outline-offset:-3px}.photo-cell.picked img{opacity:.78}.photo-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.guest-checkout{position:fixed;left:0;right:0;bottom:0;z-index:45;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 24px #0000004d}.locker-body.has-checkout{padding-bottom:calc(230px + env(safe-area-inset-bottom))}.photo-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#e5e7eb;color:#9ca3af}.pick-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;background:#00000073;border:2px solid #fff;color:#1e3a8a;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.pick-check.on{background:var(--accent)}.face-badge{position:absolute;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.35;pointer-events:none}.face-badge.count{left:4px;bottom:4px;background:#0009;color:#fff}.face-badge.you{right:4px;top:4px;background:var(--accent);color:#fff}.photo-actionbar{display:flex;gap:8px;align-items:center}.photo-actionbar .btn-enhance.compact{flex:1;padding:12px;font-size:14px}.photo-floatbar{position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:45;max-width:520px;margin:0 auto;padding:0 16px;display:flex;justify-content:center;pointer-events:none}.photo-floatbar .floatbar-btn{pointer-events:auto;width:100%;max-width:420px;padding:16px;font-size:16px;border-radius:999px;box-shadow:0 8px 24px #00000059}.screen.has-floatbar{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:12px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.lightbox-inner{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;cursor:default}.lightbox-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.lightbox-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:360px}.lightbox-actions.floating{position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:100%;max-width:420px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:1}.lightbox-actions.floating .btn-enhance{border-radius:999px;box-shadow:0 8px 24px #0006}.btn-enhance{background:var(--accent);color:#1e3a8a;border:none;border-radius:14px;font-weight:800;padding:16px;font-size:16px;cursor:pointer}.btn-enhance:disabled{opacity:.7;cursor:default}.lightbox-actions .btn-ghost{color:var(--text);border-color:#ffffff40}.enhance-badge{align-self:center;font-size:12px;font-weight:700;color:var(--accent)}.btn-enhance .spinner{display:inline-block;vertical-align:middle;margin-right:6px}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid rgba(59,130,246,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}.spinner.small{width:16px;height:16px;border-width:2.5px;border-color:#1e3a8a4d;border-top-color:#1e3a8a}@keyframes spin{to{transform:rotate(360deg)}}.batch-leave-panel{position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:46;max-width:460px;margin:0 auto;width:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 8px 28px #0006}.batch-leave-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.batch-leave-x{background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;padding:4px 8px;cursor:pointer}.batch-leave-bar{width:100%;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.batch-leave-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.batch-leave-panel .btn-enhance{padding:13px;font-size:15px;border-radius:12px}.app-loading{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px}.login-gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%,var(--green-dark) 0%,var(--bg) 60%)}.login-box{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.login-logo{display:block;margin:0 auto 4px;border-radius:50%}.login-title{margin:0;text-align:center;font-size:24px;font-weight:800;letter-spacing:.01em}.login-admin{border-left:4px solid var(--brand-light)}.topbar-row{display:flex;align-items:center;justify-content:space-between}.topbar-signout{padding:6px 12px}.locker-home{display:flex;flex-direction:column;gap:18px}.locker-hero{padding:6px 2px 2px}.locker-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--accent);background:#2563eb24;border:1px solid var(--line);padding:5px 11px;border-radius:999px}.locker-title{margin:12px 0 0;font-size:28px;font-weight:800;color:var(--text)}.locker-name{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--muted)}.locker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.locker-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-height:118px;padding:16px;border-radius:16px;cursor:pointer;color:var(--text);background:linear-gradient(150deg,var(--brand-light) 0%,var(--green-dark) 100%);border:1px solid var(--line);box-shadow:0 6px 16px #00000040}.locker-tile:active{transform:translateY(1px);filter:brightness(1.06)}.locker-tile-icon{font-size:30px;line-height:1}.locker-tile-label{font-size:17px;font-weight:800;margin-top:auto}.locker-tile-sub{font-size:12px;font-weight:500;color:#eef2f8bf}.locker-signout{align-self:center;margin-top:4px}.locker-cta{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:16px;font-size:18px;font-weight:800;border:2px solid var(--accent);box-shadow:0 6px 18px #2563eb59}.locker-cta:active{transform:translateY(1px);filter:brightness(1.06)}.locker-cta-sub{font-size:12px;font-weight:500;color:#ffffffd9}.locker-appbar{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.member-card{border-left:4px solid var(--brand-light)}.btn-google{background:#fff;color:#1f2937;border:none;border-radius:12px;font-weight:700;padding:14px;font-size:15px;cursor:pointer}.btn-google:disabled{opacity:.55}.claim-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text);padding:13px 14px;font-size:15px;cursor:pointer}.claim-row:last-child{border-bottom:none}.claim-row:disabled{opacity:.5}.claim-name{font-weight:600}.claim-meta{color:var(--muted);font-size:12px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center}.stat-val{font-size:26px;font-weight:800;color:var(--brand-light)}.stat-cap{margin-top:4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pwa-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:9999;width:calc(100% - 24px);max-width:380px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--green);color:#fff;border:1px solid var(--brand-light);box-shadow:0 8px 24px #00000073;animation:pwa-toast-in .22s ease-out}@keyframes pwa-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.pwa-toast-text{font-size:14px;font-weight:700}.pwa-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-toast-refresh{border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:800;background:#fff;color:var(--green-dark);cursor:pointer}.pwa-toast-later{border:none;background:transparent;color:#ffffffd9;font-size:13px;font-weight:600;padding:8px 4px;cursor:pointer}.pwa-toast-info{justify-content:center;background:var(--card);color:var(--text);border-color:var(--line)}.pwa-update-bar{position:fixed;left:50%;transform:translate(-50%);top:calc(8px + env(safe-area-inset-top));z-index:10000;width:calc(100% - 16px);max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:var(--green);color:#fff;border:2px solid var(--brand-light);box-shadow:0 10px 30px #00000080;animation:pwa-update-in .24s ease-out}@keyframes pwa-update-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.pwa-update-body{display:flex;flex-direction:column;gap:2px;min-width:0}.pwa-update-title{font-size:15px;font-weight:800}.pwa-update-sub{font-size:12px;font-weight:500;opacity:.9}.pwa-update-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-update-refresh{border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800;background:#fff;color:var(--green-dark);cursor:pointer}.pwa-update-later{border:none;background:transparent;color:#ffffffd9;font-size:13px;font-weight:600;padding:8px 4px;cursor:pointer}.standalone-hint{position:fixed;left:50%;transform:translate(-50%);top:calc(12px + env(safe-area-inset-top));z-index:9998;width:calc(100% - 24px);max-width:420px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--green);color:#fff;border:1px solid var(--brand-light);box-shadow:0 8px 24px #00000073;animation:standalone-hint-in .22s ease-out}@keyframes standalone-hint-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.standalone-hint-text{font-size:13.5px;line-height:1.4;font-weight:600}.standalone-hint-close{flex-shrink:0;border:none;background:transparent;color:#ffffffe6;font-size:22px;line-height:1;font-weight:700;padding:0 4px;margin-left:auto;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.picker-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto}.pick-chip{background:#0e1420;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.pick-chip.on{background:var(--brand-light);border-color:var(--brand-light);color:#fff}.form-error{color:#ff9b9b;font-size:13px;margin:0}.form-note{color:var(--brand-light);font-size:13px;margin:0}.session-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0e1420;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.session-row-main{flex:1 1 auto;min-width:0}.session-row-title{font-weight:700}.session-row-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px;margin:-12px 0 -12px -12px;cursor:pointer}.session-row-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.locker-page{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.locker-head{display:flex;align-items:center;gap:10px;padding:16px 16px 8px;background:radial-gradient(120% 140% at 0% 0%,var(--green-dark) 0%,transparent 60%)}.locker-head .login-logo{margin:0}.locker-brand{font-size:18px;font-weight:800;letter-spacing:.01em}.locker-body{padding:8px 16px calc(24px + env(safe-area-inset-bottom))}.banner-ended{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--danger);border-radius:12px;background:#d9434324;color:var(--text);font-size:.92rem}.live-watch-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--brand-light);border-radius:12px;background:#2563eb29;color:var(--text);font-size:.9rem}.live-watch-bar .lwb-label{font-weight:600}.watch-live-card{display:flex;flex-direction:column;gap:8px;border-color:var(--brand-light)}.delta-up{color:var(--accent)}.delta-down{color:#ff9b9b}.delta-zero{color:var(--muted)}.rating-board-cta{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px}.rating-board-cta small{font-weight:500;opacity:.9;font-size:12px}.rating-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:4px 2px 10px}.rating-table .rating-val{font-size:18px;font-weight:800;color:var(--text)}.rating-table th,.rating-table td{padding:8px 3px}.rating-table .kp-num{width:46px;font-variant-numeric:tabular-nums}.calib-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:#93a0b52e;color:var(--muted)}.idle-badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;white-space:nowrap;padding:2px 6px;border-radius:6px;background:#b48c3c29;color:#b4823c}.rating-preview{border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0;background:#2563eb0f}.rp-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.rp-title{font-weight:800;color:var(--accent);font-size:13px}.rp-table{width:100%;border-collapse:collapse;font-size:13px}.rp-table th{font-size:10px;font-weight:700;color:var(--muted);text-align:center;padding:2px 4px;line-height:1.15}.rp-table th:first-child{text-align:left}.rp-table td{padding:4px;border-top:1px solid var(--line)}.rp-name{display:flex;align-items:center;gap:6px;font-weight:600}.rp-dot{width:8px;height:8px;border-radius:50%;flex:none}.rp-dot.a{background:var(--a)}.rp-dot.b{background:var(--b)}.rp-d{text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.rp-foot{margin-top:6px}.rm-top-right{display:flex;align-items:center;gap:8px}.delta-chip{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.why-btn{margin-top:6px;padding:4px 10px}.why-detail{margin-top:8px;padding:8px 10px;border-radius:8px;background:#2563eb14;border:1px solid var(--line)}.why-reason{margin:0 0 6px;font-size:13px}.stat-row.small{font-size:12px}:root{--bar-mine: #cbd5e1;--bar-opp: #4b586b;--bar-track: rgba(148, 163, 184, .1)}.swing-match-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.swing-match-row:last-child{border-bottom:none}.swing-match-row.tappable{cursor:pointer}.swing-match-row.off{opacity:.45;cursor:default}.swing-match-row.tappable:focus-visible{outline:2px solid var(--brand-light);outline-offset:2px;border-radius:6px}.smr-main{flex:1 1 auto;min-width:0}.smr-teams{font-weight:700;font-size:14px}.smr-mine{color:var(--brand-light)}.smr-chev{color:var(--muted);font-size:20px;flex:0 0 auto}.sms{gap:14px}.sms-head{display:flex;flex-direction:column;gap:3px}.sms-versus{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.sms-team{font-weight:800;font-size:15px;letter-spacing:-.01em}.sms-team.mine{color:var(--text)}.sms-team.opp{color:var(--muted)}.sms-vs{color:var(--muted);font-size:11px}.sms-meta{font-size:11px;color:var(--muted)}.sms-key{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.sms-key-side{display:flex;align-items:center;gap:5px;min-width:0}.sms-key-side.right{text-align:right;justify-content:flex-end}.sms-swatch{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:2px}.sms-swatch.mine{background:var(--bar-mine)}.sms-swatch.opp{background:var(--bar-opp)}.sms-sec{display:flex;flex-direction:column;gap:10px}.sms-sec-title{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:4px;border-bottom:1px solid var(--line)}.sms-note{margin:0;font-size:10px;color:var(--muted)}.sms-note.center{text-align:center}.dv-row{display:flex;flex-direction:column;gap:3px}.dv-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dv-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-unit{opacity:.7}.dv-hint{flex:0 0 auto;font-size:9px;color:var(--muted);opacity:.75;font-style:italic}.dv-line{display:flex;align-items:center;gap:6px}.dv-val{flex:0 0 46px;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.dv-val.left{justify-content:flex-end}.dv-val.right{justify-content:flex-start}.dv-dot{width:5px;height:5px;border-radius:50%;background:var(--brand-light);flex:0 0 auto}.dv-track{flex:1 1 0;min-width:0;display:flex;height:6px;border-radius:3px;background:var(--bar-track)}.dv-track.left{justify-content:flex-end}.dv-fill{height:6px;border-radius:2px}.dv-fill.mine{background:var(--bar-mine)}.dv-fill.opp{background:var(--bar-opp)}.dv-axis{flex:0 0 1px;height:10px;background:var(--line)}.dv-mark{flex:0 0 10px;font-size:9px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.rc-wrap{display:flex;flex-direction:column;gap:6px}.rc-svg{width:100%;height:auto;display:block}.rc-line{fill:none;stroke:var(--bar-mine);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.rc-base{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.rc-mark{fill:var(--muted);opacity:.7}.rc-now{fill:var(--brand-light)}.rc-dates{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.rc-figs{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:2px}.rc-fig{display:flex;flex-direction:column;gap:1px}.rc-fig-label{display:flex;align-items:center;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.rc-fig-val{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.rc-note{margin:0}.rc-fig-dot{width:5px;height:5px;border-radius:50%;background:var(--brand-light);flex:0 0 auto}.comp-block{display:flex;flex-direction:column;gap:4px}.comp-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.comp-row{display:flex;align-items:center;gap:8px}.comp-side{flex:0 0 76px;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-bar{flex:1 1 auto;display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bar-track)}.stack-seg{height:100%}.comp-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:9px;color:var(--muted);margin-top:2px}.comp-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px}.court-svg{width:100%;max-width:220px;align-self:center;height:auto}.depth-row{display:flex;gap:8px}.depth-cell{flex:1 1 0;min-width:0}.depth-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depth-val{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.legal-page{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.legal-page .locker-head{margin-bottom:4px}.legal-body{padding:8px 18px calc(28px + env(safe-area-inset-bottom));user-select:text;-webkit-user-select:text}.legal-title{margin:4px 0 2px;font-size:24px;font-weight:800;letter-spacing:.01em}.legal-prose{font-size:15px;line-height:1.7}.legal-prose h2{margin:26px 0 8px;padding-left:10px;border-left:4px solid var(--brand-light);font-size:17px;font-weight:800;line-height:1.35}.legal-prose h3{margin:18px 0 4px;font-size:15px;font-weight:700;color:var(--brand-light)}.legal-prose p{margin:0 0 10px}.legal-prose ul{margin:0 0 10px;padding-left:20px}.legal-prose li{margin-bottom:6px}.legal-prose a{color:var(--brand-light);overflow-wrap:anywhere}.legal-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}.legal-nav a{color:var(--brand-light)}.legal-links{margin:4px 0 0;text-align:center;font-size:12px;color:var(--muted)}.legal-links a{color:var(--brand-light);text-decoration:underline}