:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#091727;color:#e9f2fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:720px;margin:auto;padding:14px 14px 50px}.hero{background:linear-gradient(120deg,#173b5d,#101f34);padding:24px 20px;border-radius:20px;margin-bottom:14px;border:1px solid #2d5675}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#87d4e7}.pill{display:inline-block;margin-left:7px;color:#d5eaf6;border:1px solid #50718c;border-radius:18px;padding:4px 7px;letter-spacing:0}.hero h1{font-size:31px;letter-spacing:1px;margin:16px 0 3px}.hero p{margin:0;color:#b6cadb}.card{background:#15293e;border:1px solid #2b4257;border-radius:16px;padding:16px;margin-bottom:14px}h2{font-size:16px;margin:0 0 14px}label{display:block;color:#c8d9e6;font-size:12px;font-weight:700}input,select{display:block;width:100%;background:#0b1d2f;color:#fff;border:1px solid #3b5870;border-radius:9px;padding:11px 9px;font:inherit;font-size:16px;margin:6px 0 12px;min-width:0}.score{display:grid;grid-template-columns:minmax(0,1fr) 44px 12px 44px minmax(0,1fr);gap:5px;align-items:center}.score strong{text-align:center;font-size:33px}.colon{text-align:center;font-size:22px}.score input{font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px}.tabs button{padding:13px 3px;border:1px solid #30495f;background:#14283c;color:#c1d2df;border-radius:11px;font-weight:700}.tabs button.selected{background:#207a9d;color:white;border-color:#47a5c8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.metric{background:#19364f;border-radius:13px;text-align:center;padding:18px 4px}.metric b{display:block;font-size:26px}.metric small{color:#b6ccdc;font-size:11px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button,.primary,.fileLabel{min-height:54px;border:0;border-radius:11px;padding:12px;font-size:15px;font-weight:800;color:white;cursor:pointer}.save{background:#137452}.against{background:#a82f45}.own,.primary{background:#246da8}.secondary{background:#52677c}.hint{color:#aec1d0;font-size:12px;line-height:1.5}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #355068;text-align:left;padding:10px 5px}th{color:#9fc4d8}.fileLabel{display:block;text-align:center;background:#304b63;margin-top:12px}.fileLabel input{display:none}.rosterRow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #355068}.rosterRow small{color:#a5bfce}footer{color:#9fc4d8;font-size:12px;padding:8px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bdfff;outline-offset:2px}button:disabled{opacity:.5}@media(max-width:390px){.app{padding:9px}.score{grid-template-columns:minmax(0,1fr) 30px 9px 30px minmax(0,1fr)}.score strong{font-size:27px}.actions button{font-size:13px}.hero h1{font-size:26px}}
/* Touch-accessible player participation control; do not inherit full-width text-input styling. */
.rosterRow{align-items:center}.rosterRow label{display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;min-height:44px}.rosterRow input[type=checkbox]{display:inline-block;width:22px;height:22px;min-width:22px;margin:0;accent-color:#47a5c8}.rosterRow input[type=checkbox]:focus-visible{outline:3px solid #8bdfff;outline-offset:2px}

/* Game-day display system: auto, low-light arena, bright daylight, maximum contrast. */
:root{color-scheme:dark;--surface:#15293e;--field:#0b1d2f;--ink:#e9f2fa;--muted:#c8d9e6;--line:#3b5870;--focus:#8bdfff}
html[data-display="light"]{color-scheme:light;background:#f5f8fc;color:#152235;--surface:#fff;--field:#fff;--ink:#152235;--muted:#31475b;--line:#6d8193;--focus:#075ab5}
html[data-display="light"] .card{background:var(--surface);border-color:#bdcbd6}
html[data-display="light"] input,html[data-display="light"] select{background:var(--field);color:var(--ink);border-color:var(--line)}
html[data-display="light"] .hero{background:linear-gradient(120deg,#154366,#18314d);color:white}
html[data-display="light"] .metric{background:#e6f0f8;color:#142a40}
html[data-display="light"] .metric small{color:#334d64}
html[data-display="light"] .tabs button{background:#e4edf5;color:#1b3a52;border-color:#9db3c4}
html[data-display="light"] .tabs button.selected{background:#075b80;color:white}
html[data-display="light"] .hint,html[data-display="light"] footer,html[data-display="light"] label,html[data-display="light"] th,html[data-display="light"] .rosterRow small{color:#344b60}
html[data-display="light"] .rosterRow,html[data-display="light"] th,html[data-display="light"] td{border-color:#c1d0dc}
html[data-display="contrast"]{color-scheme:dark;background:#000;color:#fff;--surface:#000;--field:#000;--ink:#fff;--muted:#fff;--line:#fff;--focus:#ffff00}
html[data-display="contrast"] .hero,html[data-display="contrast"] .card,html[data-display="contrast"] .metric{background:#000;color:#fff;border:2px solid #fff}
html[data-display="contrast"] input,html[data-display="contrast"] select{background:#000;color:#fff;border:2px solid #fff}
html[data-display="contrast"] .tabs button{background:#000;color:#fff;border:2px solid #fff}
html[data-display="contrast"] .tabs button.selected{background:#fff;color:#000}
html[data-display="contrast"] .hint,html[data-display="contrast"] footer,html[data-display="contrast"] label,html[data-display="contrast"] th,html[data-display="contrast"] .rosterRow small{color:#fff}
html[data-display="contrast"] .rosterRow,html[data-display="contrast"] th,html[data-display="contrast"] td{border-color:#fff}
html[data-display="contrast"] .save{background:#005c27}html[data-display="contrast"] .against{background:#8b001d}html[data-display="contrast"] .own,html[data-display="contrast"] .primary{background:#06478e}
html[data-display="contrast"] .secondary{background:#343434;border:1px solid white}
html[data-display="contrast"] button:focus-visible,html[data-display="contrast"] input:focus-visible,html[data-display="contrast"] select:focus-visible{outline:4px solid #ffff00}
html[data-display="light"] button:focus-visible,html[data-display="light"] input:focus-visible,html[data-display="light"] select:focus-visible{outline-color:#075ab5}
html[data-display="auto"]{color-scheme:dark}
@media(prefers-color-scheme:light){
 html[data-display="auto"]{color-scheme:light;background:#f5f8fc;color:#152235}
 html[data-display="auto"] .card{background:#fff;border-color:#bdcbd6}
 html[data-display="auto"] input,html[data-display="auto"] select{background:#fff;color:#152235;border-color:#6d8193}
 html[data-display="auto"] .metric{background:#e6f0f8;color:#142a40}
 html[data-display="auto"] .metric small{color:#334d64}
 html[data-display="auto"] .tabs button{background:#e4edf5;color:#1b3a52;border-color:#9db3c4}
 html[data-display="auto"] .tabs button.selected{background:#075b80;color:#fff}
 html[data-display="auto"] .hint,html[data-display="auto"] footer,html[data-display="auto"] label,html[data-display="auto"] th,html[data-display="auto"] .rosterRow small{color:#344b60}
 html[data-display="auto"] .rosterRow,html[data-display="auto"] th,html[data-display="auto"] td{border-color:#c1d0dc}
}
.displayControls{margin-top:18px;max-width:320px}.displayControls label{color:#e8f5ff;font-size:13px}.displayControls select{margin-bottom:0;background:#0b1d2f;color:#fff;border:1px solid #87a9c0}
.actions button,.tabs button,.primary,.fileLabel{touch-action:manipulation;min-height:56px}
.actions button:active,.tabs button:active,.primary:active{transform:scale(.985)}
.actionFeedback{position:sticky;bottom:env(safe-area-inset-bottom,0px);z-index:4;padding:12px 16px;background:#123c50;color:#fff;border:1px solid #60a7c1;border-radius:12px;font-size:14px;font-weight:700;margin:12px 0}
.actionFeedback[data-kind="error"]{background:#732238;border-color:#ffc4d0}
.actionFeedback[data-kind="success"]{background:#15543e;border-color:#9de7c8}
html[data-display="contrast"] .actionFeedback{background:#000;border:2px solid #fff;color:#fff}
html[data-display="light"] .actionFeedback{background:#e3f1f7;color:#123447;border-color:#4387a4}
html[data-display="light"] .actionFeedback[data-kind="error"]{background:#ffe5e8;color:#7b112c;border-color:#b32a4b}
html[data-display="light"] .actionFeedback[data-kind="success"]{background:#d9f5e8;color:#14543a;border-color:#2c8460}
@media(max-width:390px){.tabs{gap:3px}.tabs button{font-size:12px;padding:12px 2px}.metrics{gap:5px}.metric{padding:15px 3px}.metric b{font-size:22px}.actions button{font-size:14px}.rosterRow{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.actions button:active,.tabs button:active{transform:none}}

/* Six tabs remain reachable on narrow phones without tiny touch targets. */
.tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.tabs button{flex:1 0 92px;scroll-snap-align:start}.highlightItem{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #355068}.highlightItem video{width:100%;max-height:360px;background:#000;border-radius:10px}.highlightItem button{justify-self:start;min-height:44px;padding:10px 16px;border:0;border-radius:9px;color:#fff;font-weight:700}.highlightItem .hint{margin:0}