:root{
  --blue:#0b5fd3;
  --blue-dark:#063a84;
  --ink:#0d1726;
  --muted:#667085;
  --line:#d9e2ef;
  --bg:#eef4fb;
  --card:#ffffff;
  --field:#fbfdff;
  --button:#e7eef8;
  --button-text:#063a84;
  --danger:#d92d20;
  --warning:#f79009;
  --header-bg:linear-gradient(135deg,#063a84,#0b5fd3);
  --header-text:#ffffff;
  --timer-bg:#071d3a;
  --timer-text:#ffffff;
  --timer-muted:#b6cff5;
  --table-head:#eef4fb;
  --highlight:#fff4d6;
  --highlight-text:#111111;
  --total:#eaf8ef;
  --total-text:#0f5132;
  --shadow:0 14px 35px rgba(16,24,40,.12);
}
body.invert-mode{
  --blue:#ffffff;
  --blue-dark:#ffffff;
  --ink:#ffffff;
  --muted:#d0d5dd;
  --line:#667085;
  --bg:#000000;
  --card:#000000;
  --field:#111827;
  --button:#1f2937;
  --button-text:#ffffff;
  --header-bg:#000000;
  --header-text:#ffffff;
  --timer-bg:#ffffff;
  --timer-text:#000000;
  --timer-muted:#344054;
  --table-head:#111827;
  --highlight:#344054;
  --highlight-text:#ffffff;
  --total:#ffffff;
  --total-text:#000000;
  --shadow:0 14px 35px rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
body{min-height:100vh}
.app-header{background:var(--header-bg);color:var(--header-text);padding:14px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;box-shadow:var(--shadow);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.header-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:168px}.header-actions button,.colour-switch{width:100%;height:44px;padding:0 10px}
h1{font-size:1.22rem;margin:0;font-weight:900;letter-spacing:-.02em}.rights{margin:3px 0 0;font-size:.75rem;font-weight:800;opacity:.88}h2{margin:0 0 12px;font-size:1.02rem}.eyebrow{margin:0 0 4px;text-transform:uppercase;font-weight:900;font-size:.68rem;letter-spacing:.08em;opacity:.8}.muted{color:var(--muted);margin-top:0}.small-note{font-size:.82rem;margin-bottom:8px}
main{max-width:980px;margin:0 auto;padding:10px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 10px;position:sticky;top:72px;z-index:18}.tab{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 6px;font-weight:900;color:var(--ink)}.tab.active{background:var(--blue);color:var(--bg);border-color:var(--blue)}body.invert-mode .tab.active{background:#ffffff;color:#000000}
.panel{display:none}.panel.active{display:block}.card,.score-strip{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:0 8px 20px rgba(16,24,40,.06)}body.invert-mode .card,body.invert-mode .score-strip{box-shadow:none}
.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}
label{font-weight:850;font-size:.84rem;color:var(--ink)}input{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:13px;padding:13px 11px;font-size:1rem;background:var(--field);color:var(--ink)}input::placeholder{color:var(--muted)}input:focus{outline:3px solid rgba(11,95,211,.16);border-color:var(--blue)}body.invert-mode input:focus{outline:3px solid rgba(255,255,255,.22)}
button{border:1px solid var(--line);border-radius:14px;padding:12px 13px;font-weight:950;font-size:.96rem;background:var(--button);color:var(--button-text);cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px)}.primary{background:#0b5fd3;color:#fff}.warning{background:var(--warning);color:#111}.reset-btn{background:var(--danger);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 5px 12px rgba(0,0,0,.18)}body.invert-mode .reset-btn{background:#d92d20;color:#ffffff}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button-row>*{flex:1}.export-row{flex-direction:column}
.colour-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px;background:#eef0f3;color:#001024;border:1px solid #cfd6df;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.16);cursor:pointer;user-select:none;font-size:.86rem;font-weight:950;text-align:center;padding:3px!important;overflow:hidden}.colour-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.switch-option{height:36px;line-height:36px;border-radius:999px;color:#001024;transition:background .16s ease,color .16s ease}.colour-switch input:not(:checked) ~ .normal-text{background:#07162f;color:#ffffff}.colour-switch input:checked ~ .invert-text{background:#07162f;color:#ffffff}body.invert-mode .colour-switch{background:#eef0f3;color:#001024;border-color:#cfd6df}body.invert-mode .switch-option{color:#001024}body.invert-mode .colour-switch input:checked ~ .invert-text{background:#ffffff;color:#000000;border:1px solid #000000;line-height:34px}body.invert-mode .colour-switch input:not(:checked) ~ .normal-text{background:#07162f;color:#ffffff}
.time-mins-label{max-width:50%}.quarter-picker{margin:0;border:1px solid var(--line);border-radius:14px;padding:9px 10px 11px;background:var(--field);color:var(--ink)}.quarter-picker legend{font-weight:900;color:var(--ink);font-size:.84rem}.quarter-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quarter-picker label{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px 4px;color:var(--ink)}.quarter-picker input{width:auto;margin:0;accent-color:var(--blue)}body.invert-mode .quarter-picker input{accent-color:#ffffff}
.score-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.score-strip h2{margin:0 0 4px}.score-strip p{margin:0}.sticky-strip{position:sticky;top:125px;z-index:16;border-color:var(--line)}.mini-timer{text-align:right;background:var(--timer-bg);color:var(--timer-text);border-radius:16px;padding:10px 12px;min-width:104px}.mini-timer span{display:block;font-weight:950;color:var(--timer-muted)}.mini-timer strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.capture-timer-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:10px}.kpi,.fantasy-card{background:var(--timer-bg);color:var(--timer-text);border-radius:18px;padding:14px;text-align:center;border:1px solid var(--line)}.kpi span,.fantasy-card span{display:block;font-size:.72rem;text-transform:uppercase;font-weight:950;opacity:.84}.kpi strong,.fantasy-card strong{font-size:2.05rem;line-height:1.1}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,.06)}body.invert-mode .stat-card{box-shadow:none}.stat-card h3{margin:0;color:var(--ink);font-size:.95rem}.stat-value{font-size:2.5rem;font-weight:950;text-align:center;margin:8px 0;font-variant-numeric:tabular-nums}.stat-actions{display:grid;grid-template-columns:2fr 1fr;gap:7px}.plus{font-size:1.28rem;background:#0b5fd3;color:#fff}body.invert-mode .plus{background:#fff;color:#000}.undo{background:var(--button);color:var(--button-text)}.summary-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:520px;background:var(--card);color:var(--ink)}th,td{border-bottom:1px solid var(--line);padding:9px 7px;text-align:center;font-size:.92rem;min-width:54px}th:first-child,td:first-child{text-align:left;font-weight:950;position:sticky;left:0;background:var(--card);min-width:135px;z-index:1}th{background:var(--table-head);color:var(--ink);font-size:.76rem;text-transform:uppercase}th:first-child{background:var(--table-head)}.highlight-col{background:var(--highlight)!important;font-weight:950;color:var(--highlight-text)}.total-col{background:var(--total)!important;font-weight:950;color:var(--total-text)}tbody tr:last-child td, tbody tr:nth-last-child(2) td{font-weight:950}
@media(max-width:680px){.time-mins-label{max-width:50%}.app-header{align-items:center}.grid.two,.grid.three{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.summary-head{align-items:stretch;flex-direction:column}.mini-timer{text-align:left}.kpi-row{grid-template-columns:1fr 1fr}.button-row>*{min-width:120px}main{padding:8px}.tabs{top:64px}.sticky-strip{top:116px}.card,.score-strip{border-radius:16px;padding:12px}th,td{font-size:.88rem;padding:8px 6px}.stat-value{font-size:2.25rem}.header-actions{min-width:158px}.header-actions button,.colour-switch{height:44px}}
@media(max-width:390px){h1{font-size:1.08rem}.rights{font-size:.68rem}.tabs{top:60px}.sticky-strip{top:111px}.tab{font-size:.9rem;padding:10px 4px}.stat-card h3{font-size:.86rem}.stat-value{font-size:2.1rem}button{font-size:.9rem;padding:11px 9px}.mini-timer strong{font-size:1.3rem}.score-strip{grid-template-columns:1fr}.mini-timer{width:100%}.header-actions{gap:5px;min-width:150px}.colour-switch{font-size:.78rem}.header-actions button,.colour-switch{height:42px}}
@media print{body{background:#fff;color:#000}.app-header,.tabs,#setup,#capture,.button-row,.small-note{display:none!important}main{padding:0;max-width:none}.panel{display:block!important}.card{box-shadow:none;border:1px solid #ccc;border-radius:0}.table-wrap{overflow:visible;border:0}table{min-width:0}th:first-child,td:first-child{position:static}.summary-head{display:flex}.fantasy-card{color:#000;background:#fff;border:1px solid #ccc}}