:root{--green: #1d4ed8;--green-dark: #1e3a8a;--green-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%;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:100%;display:flex;flex-direction:column}.topbar{padding:14px 18px;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-template-columns:1fr 1fr 1fr;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab-btn{background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;font-size:11px;font-weight:700;cursor:pointer}.tab-btn .tab-icon{font-size:21px;line-height:1;filter:grayscale(1) opacity(.65)}.tab-btn.on{color:var(--green-light)}.tab-btn.on .tab-icon{filter:none}.busy{position:fixed;top:0;left:0;right:0;text-align:center;background:var(--green-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(--green-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(--green-light);border-color:var(--green-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(--green-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-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(--green-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(--green-light);color:#fff}.add-row{display:flex;gap:8px}.add-row .combobox,.add-row .player{flex:1}.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(--green-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(--green-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(--green-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 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(--green-light);color:#fff}.avail.wc{background:#6b4a2b;color:#ffd9a8}.winner-banner{background:linear-gradient(135deg,var(--green-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(--green-light);border-color:var(--green-light);color:#fff}.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}.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:60vh;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}.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)}.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(--green-light)}.topbar-row{display:flex;align-items:center;justify-content:space-between}.topbar-signout{padding:6px 12px}.member-card{border-left:4px solid var(--green-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(--green-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(--green-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)}.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(--green-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}.claim-banner{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--card)}.claim-banner-text{flex:1;font-size:13px;color:var(--muted);line-height:1.35}.claim-banner-cta{background:var(--green-light);color:#fff;border:none;border-radius:9px;font-weight:700;font-size:13px;padding:7px 12px;cursor:pointer}.claim-banner-x{background:transparent;border:none;color:var(--muted);font-size:14px;line-height:1;padding:4px 6px;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(--green-light);border-color:var(--green-light);color:#fff}.form-error{color:#ff9b9b;font-size:13px;margin:0}.form-note{color:var(--green-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-title{font-weight:700}.session-row-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}