:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #0b1220;--ink-soft: #16243a;--panel: #fffdfa;--paper: #f7fbff;--line: #dbe8ef;--muted: #60717c;--lime: #d8ff3e;--cyan: #15c8ff;--coral: #ff6b6b;--violet: #7c5cff;--mint: #1ee6a6;--amber: #ffbd3d;background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}input,select{font-size:16px}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#111719;color:#f9faf7;padding:24px;display:flex;flex-direction:column;gap:36px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#d6f15f;color:#111719;font-weight:900}.brand strong,.brand span{display:block}.brand span{color:#b7c2c2;font-size:.88rem}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;padding:12px;background:transparent;color:#d9dfdc;text-align:left}nav button svg{width:20px}nav button.active,nav button:hover{background:#243033;color:#fff}main{padding:28px;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1}h2{font-size:1.35rem}h3{font-size:1.05rem}.eyebrow{color:#69706f;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.status-pill,.chip,.status,.result{border-radius:999px;font-size:.8rem;font-weight:800;padding:7px 10px;white-space:nowrap}.status-pill{background:#e6f5ca;color:#355400}.admin-toggle,.public-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid #d2d7d3;border-radius:8px;background:#fff;color:#151819;font-weight:800;padding:0 12px}.admin-toggle.active{background:#111719;border-color:#111719;color:#fff}.mode-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fffdfad1;color:var(--muted);font-size:.86rem;font-weight:800;margin:-10px 0 18px;padding:10px 12px}.mode-banner span{color:var(--ink)}.mode-banner.remote span{color:#006b47}.mode-banner.demo span,.mode-banner.loading span{color:#7a4b00}.mode-banner strong{font-weight:800;text-align:right}.auth-wrap{display:grid;min-height:48vh;place-items:center}.auth-panel{max-width:460px;width:100%}.auth-form{display:grid;gap:14px;margin-top:18px}.stack{display:grid;gap:18px}.metric-grid,.leaderboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #e3e0d8;border-radius:8px;box-shadow:0 14px 34px #181c1f0f}.metric{padding:18px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;color:#111719;background:#d6f15f;border-radius:8px;margin-bottom:18px}.metric p{color:#69706f;font-size:.9rem}.metric strong{display:block;font-size:2rem;margin-top:4px}.metric small{color:#69706f}.leaderboard-panel,.insight-panel{padding:18px}.leaderboard-list,.insight-list{display:grid;gap:12px;margin-top:16px}.leaderboard-list span,.insight-list span{display:block;border-top:1px solid #ece9e2;padding-top:10px}.leaderboard-list small,.insight-list small{display:block;color:#69706f;font-weight:800;margin-top:3px}.leaderboard-list strong,.insight-list strong{display:block;overflow-wrap:anywhere}.panel{padding:18px}.panel-heading,.score-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #cfd4d0;border-radius:8px;background:#fff;color:#151819;font-weight:800;padding:0 14px}.button.primary{background:#111719;border-color:#111719;color:#fff}.set-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.set-summary div{border:1px solid #e5e2da;border-radius:8px;padding:12px}.set-summary span,.set-summary small{display:block;color:#69706f}.set-summary strong{display:block;font-size:1.5rem;margin:4px 0}.set-summary .total{background:#111719;color:#fff}.set-summary .total span,.set-summary .total small{color:#d8dfda}.fixture-list{display:grid;gap:10px}.fixtures-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;align-items:start}.fixture-list-panel,.admin-fixture-panel{min-width:0}.admin-fixture-panel{display:grid;gap:18px}.fixture-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e5e2da;border-radius:8px;background:#fff;padding:14px;text-align:left}.fixture-row.selected{border-color:#111719}.fixture-row small,.fixture-row strong{display:block}.fixture-row small{color:#69706f;margin-top:4px;overflow-wrap:anywhere}.fixture-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#69706f}.admin-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-selected-grid div{border:1px solid #e5e2da;border-radius:8px;padding:12px}.admin-selected-grid span{display:block;color:#69706f;font-size:.78rem;font-weight:900;text-transform:uppercase}.admin-selected-grid strong{display:block;margin-top:5px}.admin-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.compact-heading{margin-bottom:12px}.fixture-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fixture-form .button{grid-column:1 / -1}.fixture-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:stretch;background:#111719;color:#fff;border-radius:8px;padding:22px}.fixture-hero .eyebrow{color:#cdd8d1}.fixture-hero h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.03;max-width:760px;overflow-wrap:anywhere}.fixture-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.fixture-facts span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#eef2ee;font-size:.9rem;font-weight:800;padding:8px 10px}.hero-score{display:grid;align-content:center;min-width:170px;border-radius:8px;background:#d6f15f;color:#111719;padding:16px}.hero-score span,.hero-score small{font-weight:800}.hero-score strong{display:block;font-size:2.4rem;line-height:1;margin:8px 0}.history-list{display:grid;gap:10px}.performance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.performance-strip div{border:1px solid #e5e2da;border-radius:8px;padding:12px}.performance-strip span,.performance-strip small{display:block;color:#69706f;font-weight:800}.performance-strip strong{display:block;font-size:1.35rem;margin:4px 0}.player-result-list{display:grid;gap:8px}.player-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(140px,auto);align-items:center;gap:12px;border:1px solid #e5e2da;border-radius:8px;padding:12px}.player-result-row small{display:block;color:#69706f;margin-top:3px;overflow-wrap:anywhere}.player-score{font-size:1.1rem;font-weight:900}.stat-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.stat-badges small{border-radius:999px;background:#eef0ea;color:#4e5755;font-size:.76rem;font-weight:900;margin:0;padding:5px 8px}.history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #e5e2da;border-radius:8px;padding:12px}.history-row small{display:block;color:#69706f;margin-top:3px}.empty-copy{color:#69706f}.status.completed{background:#dff5e3;color:#19642a}.status.in_progress{background:#fff1c8;color:#755400}.status.scheduled{background:#e8edf1;color:#4f5b63}.status.postponed{background:#f8d9d9;color:#8a2d2d}.score-actions{display:flex;gap:10px}.validation-panel{display:grid;gap:6px;border:1px solid #ffc6d2;border-radius:8px;background:#fff1f4;color:#8d2042;font-size:.9rem;font-weight:800;margin-bottom:14px;padding:12px}.validation-panel strong{color:#611329}.validation-panel span{display:block}select,input{min-height:42px;width:100%;border:1px solid #d7d5ce;border-radius:8px;background:#fff;color:#151819;padding:0 10px}label{display:grid;gap:6px;color:#525a59;font-size:.84rem;font-weight:800}.set-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.set-title span{color:#69706f;font-weight:700}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.score-card{display:grid;gap:12px;border:1px solid #e5e2da;border-radius:8px;padding:14px}.score-card-top,.field-pair,.compact-fields,.score-card footer{display:grid;gap:10px}.score-card-top{grid-template-columns:minmax(0,1fr) auto;align-items:center}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.score-card footer{grid-template-columns:1fr auto;align-items:center;color:#69706f;border-top:1px solid #ece9e2;padding-top:10px}.score-card footer strong{color:#111719}.result.won{background:#dff5e3;color:#19642a}.result.lost{background:#f8d9d9;color:#8a2d2d}.result.drew{background:#e8edf1;color:#4f5b63}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #cfd4d0;background:#fff}.chip.active{background:#111719;border-color:#111719;color:#fff}.filter-row{display:flex;justify-content:flex-end;margin:-4px 0 14px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e5e2da;border-radius:8px}table{width:100%;min-width:820px;border-collapse:collapse}th,td{border-bottom:1px solid #e5e2da;padding:13px 10px;text-align:left;white-space:nowrap}th{color:#69706f;font-size:.78rem;text-transform:uppercase}.sort-button{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:900;padding:0;text-transform:inherit}.sort-button.active{color:#111719}.sort-button span{min-width:10px}.admin-panel{max-width:860px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form .button{align-self:end}.sidebar{background:linear-gradient(180deg,#08111f,#101a2c 62%,#13233a);color:#f9fbff}.brand-mark,.metric-icon{background:linear-gradient(135deg,var(--lime),#7dffbf);color:var(--ink)}.brand span{color:#a9bdd0}nav button{color:#dbe8f3}nav button.active,nav button:hover{background:#15c8ff29;color:#fff;box-shadow:inset 0 0 0 1px #15c8ff40}main{background:radial-gradient(circle at 8% 0%,rgba(21,200,255,.14),transparent 30%),radial-gradient(circle at 96% 18%,rgba(255,107,107,.12),transparent 26%),linear-gradient(180deg,#f7fbff,#fffaf1)}.eyebrow,.metric p,.metric small,.leaderboard-list small,.insight-list small,.set-summary span,.set-summary small,.fixture-row small,.fixture-meta,.admin-selected-grid span,.performance-strip span,.performance-strip small,.player-result-row small,.history-row small,.empty-copy,.set-title span,.score-card footer,th{color:var(--muted)}.metric,.panel{background:#fffdfaf0;border-color:var(--line);box-shadow:0 16px 42px #0f1f3317}.leaderboard-list span,.insight-list span,.score-card footer{border-top-color:var(--line)}.button,.admin-toggle,.public-pill,.chip{border-color:var(--line);background:var(--panel);color:var(--ink)}.button.primary,.admin-toggle.active,.chip.active{background:linear-gradient(135deg,var(--ink),#193a66);border-color:#193a66;color:#fff}.set-summary div,.fixture-row,.admin-selected-grid div,.performance-strip div,.player-result-row,.history-row,.score-card,.table-wrap,th,td{border-color:var(--line)}.fixture-row,.chip,input,select{background:var(--panel)}.fixture-row.selected{border-color:var(--cyan);box-shadow:0 0 0 3px #15c8ff24}.set-summary .total,.fixture-hero{background:linear-gradient(135deg,rgba(21,200,255,.18),transparent 42%),linear-gradient(135deg,#08111f,#15233b 58%,#243056)}.fixture-hero .eyebrow{color:#c7e9ff}.hero-score{background:linear-gradient(135deg,var(--lime),var(--amber));color:var(--ink)}.status-pill{background:#eaff9c;color:#365000}.status.completed,.result.won{background:#d9fff0;color:#006b47}.status.in_progress{background:#fff0ba;color:#7a4b00}.status.scheduled,.result.drew{background:#e0f5ff;color:#075b78}.status.postponed,.result.lost{background:#ffe0e9;color:#8d2042}.stat-badges small{background:#e7f8ff;color:#0c5a78}input,select{border-color:var(--line);color:var(--ink)}label{color:#455766}.score-card footer strong,.sort-button.active{color:var(--ink)}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:14px;flex-direction:row;align-items:center;gap:12px}.brand{flex:0 0 auto;justify-content:space-between}nav{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;min-height:44px;padding:10px 12px}.metric-grid,.leaderboard-grid,.set-summary,.performance-strip,.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixtures-workbench{grid-template-columns:1fr}}@media(max-width:640px){body{background:#fff}main{padding:16px 10px 28px}h1{font-size:2rem}h2{font-size:1.15rem}.sidebar{padding:10px}.app-shell{min-height:auto}.brand{flex:0 0 auto;gap:8px}.brand-mark{width:38px;height:38px;font-size:.9rem}nav{gap:6px}nav button{gap:8px;min-height:40px;padding:8px 10px;font-size:.9rem}nav button svg{width:18px}.topbar{align-items:stretch;gap:12px;margin-bottom:16px}.mode-banner{display:grid;text-align:left}.mode-banner strong{text-align:left}.admin-toggle,.public-pill,.button{width:100%;min-height:44px}.stack{gap:12px}.panel,.metric,.leaderboard-panel,.insight-panel{border-radius:8px;box-shadow:none;padding:14px}.fixtures-workbench{gap:12px}.panel-heading,.score-heading{gap:10px;margin-bottom:12px}.topbar,.panel-heading,.score-heading,.fixture-row,.fixture-hero,.history-row,.player-result-row{display:grid;grid-template-columns:1fr}.metric-grid,.leaderboard-grid,.set-summary,.performance-strip,.admin-selected-grid,.admin-action-row,.fixture-form,.score-grid,.field-pair,.compact-fields,.admin-form{grid-template-columns:1fr}.metric-icon{margin-bottom:10px}.metric strong{font-size:1.65rem}.set-summary{gap:8px}.set-summary div,.performance-strip div,.admin-selected-grid div{padding:10px}.set-summary strong,.performance-strip strong{font-size:1.25rem}.fixture-meta,.score-actions,.fixture-facts{align-items:stretch;display:grid;justify-content:stretch}.fixture-row{gap:10px;padding:12px}.fixture-meta .status,.fixture-meta strong{justify-self:start}.fixture-hero{gap:14px;padding:16px}.fixture-hero h2{font-size:1.7rem}.fixture-facts span{justify-content:flex-start;width:100%}.hero-score{padding:14px}.hero-score strong{font-size:2rem}.admin-action-row{gap:8px}.fixture-form{gap:10px}input,select{min-height:46px}label{font-size:.82rem}.score-heading{position:sticky;top:60px;z-index:4;border-radius:8px;background:#fffdfaf5;padding:12px;box-shadow:0 10px 24px #0f1f331f}.score-card{padding:12px;gap:10px}.score-card input,.score-card select{min-height:48px}.score-card footer{border-top-style:dashed}.score-card-top{grid-template-columns:1fr}.result{justify-self:start}.player-result-row{gap:8px;padding:10px}.player-score{font-size:1rem}.stat-badges{justify-content:flex-start}.chip-row{gap:6px}.chip,.status,.result{font-size:.76rem;padding:6px 8px}.filter-row{justify-content:flex-start;margin:0 0 12px}table{min-width:760px}th,td{padding:11px 9px}.sort-button{min-height:34px}.brand div{display:none}}@media(max-width:520px){.sidebar{align-items:flex-start;display:grid;gap:10px}.brand{width:100%}nav{width:100%}nav button{flex-basis:auto}.fixture-list-panel,.admin-fixture-panel{width:100%}.score-actions{position:sticky;bottom:10px;z-index:6;border:1px solid var(--line);border-radius:8px;background:#fffdfaf5;padding:8px;box-shadow:0 10px 28px #0f1f3329}.score-actions select,.score-actions .button{width:100%}}@media(max-width:380px){main{padding-inline:8px}h1,.metric strong,.hero-score strong{font-size:1.8rem}}