:root{--court-green:#15803d;--court-green-dark:#0b3d24;--ball:#dfff4f;--ink:#0f172a;--muted:#64748b;--bg:#f4f7f5;--card-bg:#fff;--border:#e2e8f0;--danger:#dc2626;--positive:#16a34a;--negative:#dc2626;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100dvh}.screen{max-width:560px;padding:20px 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 20px;font-size:16px;font-weight:600;display:inline-flex}.btn-full{width:100%}.btn-big{width:100%;padding:18px 20px;font-size:18px}.btn-primary{background:var(--court-green);color:#fff}.btn-primary:active{background:var(--court-green-dark)}.btn-primary:disabled{opacity:.6}.btn-secondary{color:var(--ink);border:2px solid var(--border);background:#fff;margin-top:12px}.btn-danger-outline{color:var(--danger);background:#fff;border:2px solid #fecaca;margin-top:12px}.field{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.field input{color:var(--ink);border:2px solid var(--border);background:#fbfdfc;border-radius:12px;padding:14px;font-size:18px;font-weight:500}.field input:focus{border-color:var(--court-green);outline:none}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.hint{color:var(--muted);text-align:center;margin:8px 0 16px;font-size:13px}.error{color:var(--danger);text-align:center;margin:8px 0;font-size:14px;font-weight:600}.card{background:var(--card-bg);border-radius:var(--radius);margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0f172a14}.setup-header{text-align:center;padding:12px 0 24px}.ball-mark{background:var(--ball);border:4px solid var(--court-green);border-radius:50%;width:56px;height:56px;margin:0 auto 12px}.setup-header h1{margin:0;font-size:26px}.subtitle{color:var(--muted);margin:4px 0 0}.section-title{margin:0 0 12px;font-size:15px}.pool-list{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.pool-chip{border:2px solid var(--border);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:600}.pool-chip-selected{background:var(--court-green);border-color:var(--court-green);color:#fff}.pool-count{color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:700}.add-player-row{gap:8px;display:flex}.add-player-row input{border:2px solid var(--border);border-radius:12px;flex:1;padding:12px;font-size:16px}.add-player-row input:focus{border-color:var(--court-green);outline:none}.btn-add{min-height:44px;margin-top:0;padding:12px 18px}.play-header{margin-bottom:16px}.progress-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--court-green);height:100%;transition:width .2s}.progress-label{text-align:center;color:var(--muted);margin:8px 0 0;font-weight:600}.score-card{text-align:center}.score-columns{justify-content:center;align-items:center;gap:10px;padding:8px 0 4px;display:flex}.score-col{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.score-col-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;padding-top:30px;font-size:12px;font-weight:700}.team-names{align-items:center;min-height:2.5em;font-size:15px;font-weight:700;line-height:1.25;display:flex}.score-input{text-align:center;border:3px solid var(--border);width:100%;max-width:120px;color:var(--ink);border-radius:14px;padding:12px 0;font-size:40px;font-weight:800}.score-input:focus{border-color:var(--court-green);outline:none}@media (width<=360px){.score-input{max-width:92px;font-size:32px}.team-names{font-size:13px}}.actions-row{gap:12px;display:flex}.actions-row .btn{flex:1}.matches-panel h3{margin-top:0}.match-list{margin:0;padding:0;list-style:none}.match-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.match-row:last-child{border-bottom:none}.match-round{color:var(--muted);min-width:28px;font-weight:700}.match-pending{color:var(--muted)}.pending-label{font-style:italic}.match-empty{color:var(--muted);padding:10px 0}.summary-header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.summary-header h1{margin:0;font-size:22px}.summary-date{color:var(--muted);margin:4px 0 0;font-size:14px}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.badge-finished{color:#15803d;background:#dcfce7}.badge-progress{color:#92400e;background:#fef3c7}.summary-stats-row{border-top:1px solid var(--border);justify-content:space-around;margin-top:18px;padding-top:16px;display:flex}.summary-stat{flex-direction:column;align-items:center;display:flex}.summary-stat-value{font-size:20px;font-weight:800}.summary-stat-label{color:var(--muted);margin-top:2px;font-size:12px}.section{margin-bottom:24px}.section h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 12px;font-size:16px}.highlight-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.highlight-card{scroll-snap-align:start;background:var(--card-bg);border-radius:var(--radius);flex:none;width:190px;padding:16px;box-shadow:0 1px 3px #0f172a14}.highlight-icon{font-size:24px}.highlight-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:12px;font-weight:700}.highlight-value{margin-top:6px;font-size:22px;font-weight:800}.highlight-detail{margin-top:4px;font-size:14px;font-weight:600}.highlight-sub{color:var(--muted);margin-top:4px;font-size:12px}.chart-card{padding:16px 12px 14px}.line-chart{width:100%;height:auto;display:block}.chart-gridline{stroke:var(--border);stroke-width:1px}.chart-axis-label{fill:var(--muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:8px}.chart-legend{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:10px;padding-top:10px;display:flex}.chart-legend-item{align-items:center;gap:6px;font-size:13px;display:flex}.chart-legend-dot{border-radius:50%;flex:none;width:10px;height:10px}.chart-legend-name{color:var(--ink);font-weight:600}.chart-legend-value{color:var(--muted);font-weight:800}.player-record-group{align-items:center;gap:8px;display:flex}.result-pie{flex:none;width:28px;height:28px}.player-grid{flex-direction:column;gap:12px;display:flex}.player-card-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.player-name{font-size:18px;font-weight:800}.player-record{color:var(--muted);font-size:14px;font-weight:700}.player-stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.stat{background:var(--bg);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.stat-label{color:var(--muted);font-size:11px;font-weight:600}.stat-value{font-size:17px;font-weight:800}.stat-value.positive{color:var(--positive)}.stat-value.negative{color:var(--negative)}.player-relations{color:var(--ink);border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:10px;font-size:13px;display:flex}.rel-label{color:var(--muted);margin-right:6px;font-weight:600}.leaderboard-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.leaderboard-header h1{margin:0;font-size:22px}.btn-back{cursor:pointer;background:#fff;border:none;border-radius:12px;width:44px;height:44px;font-size:20px;box-shadow:0 1px 3px #0f172a14}.sort-row{gap:10px;margin-bottom:16px;display:flex}.sort-btn{flex:1;margin-top:0;padding:10px 12px;font-size:14px}.sort-btn.active{background:var(--court-green);color:#fff;border-color:var(--court-green)}.sync-badge{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:1000;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:13px;font-weight:700;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 10px #0f172a2e}.sync-badge-offline{color:#991b1b;background:#fee2e2}.sync-badge-syncing{color:#92400e;background:#fef3c7}.sync-badge-pending{color:#334155;background:#e2e8f0}.sync-badge-synced{color:#15803d;background:#dcfce7}.leaderboard-offline-note{color:#92400e;background:#fef3c7;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--court-green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}