:root{color-scheme:light;--text: #202124;--page: #f5f5f5;--surface: #ffffff;--surface-soft: #eeeeef;--line: #d4d4d8;--control-border: #a1a1aa;--button-border: #a1a1aa;--muted: #5a5a64;--accent: #315c9e;--accent-hover: #244577;--on-accent: #ffffff;--active: #315c9e;--link: #315c9e;--hover: #e6e9ef;--hover-border: #8a96ab;--focus: #315c9e;--success: #64748b;--banner: #eef0f3;--banner-border: #abb3c0;--error-bg: #fff0ee;--error-border: #d5a49c;--error-text: #942f25;--warning-bg: #fff8eb;--warning-text: #624b23;--warning-border: #d7bf8a;--practice-bg: #eeeeef;--practice-text: #52525b;--practice-border: #c4c4cc;--selected-bg: #e8edf5;--selected-border: #6883aa;--field-bg: #eeeeef;--field-border: #c4c4cc;--result-hover: #e5e9f0;--result-border: #6883aa;--overlay: #18181bd9;--shadow: #0005}:root[data-theme=dark]{color-scheme:dark;--text: #e9e9ed;--page: #18181b;--surface: #242427;--surface-soft: #2d2d31;--line: #45454d;--control-border: #777780;--button-border: #777780;--muted: #b6b6bf;--accent: #8aaddd;--accent-hover: #a4c0e5;--on-accent: #101b2b;--active: #8aaddd;--link: #a6c4eb;--hover: #35383f;--hover-border: #8390a1;--focus: #91b5e5;--success: #a1a1aa;--banner: #2b2e34;--banner-border: #717987;--error-bg: #3d2828;--error-border: #a0716c;--error-text: #ffc3ba;--warning-bg: #352f24;--warning-text: #eed7ac;--warning-border: #8f7e5f;--practice-bg: #2d2d31;--practice-text: #c6c6ce;--practice-border: #686872;--selected-bg: #2c3441;--selected-border: #8aa6cc;--field-bg: #2a2a2e;--field-border: #666670;--result-hover: #343b47;--result-border: #8aa6cc;--overlay: #000b;--shadow: #0008}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;line-height:1.5}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,.file-button{min-height:48px;border:1px solid var(--button-border);border-radius:7px;background:var(--surface);padding:11px 17px;cursor:pointer;line-height:1.35;text-align:center;font-weight:550}button:hover,.file-button:hover{background:var(--hover);border-color:var(--hover-border)}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover{background:var(--accent-hover)}button.active,.team-tabs .active{background:var(--active);color:var(--on-accent);border-color:var(--active)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}input,select,textarea{min-width:0;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--control-border);background:var(--surface);border-radius:6px}input[type=checkbox]{min-height:22px;width:22px;accent-color:var(--accent)}label{display:grid;gap:6px;font-size:14px;font-weight:600}label.check input[type=checkbox]{flex:0 0 22px;width:22px;height:22px}label.check{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:450}form{display:grid;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.6px}h2{font-size:21px;line-height:1.3}h3{font-size:16px}a{color:var(--link);text-underline-offset:3px}small,.muted{font-size:14px;color:var(--muted)}.app-shell{max-width:1360px;margin:auto;padding:24px 28px 16px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px}.wordmark{text-decoration:none;font-size:21px;font-weight:850;letter-spacing:1px;color:var(--text)}.wordmark span{display:block;font-size:11px;letter-spacing:1.1px;font-weight:500;color:var(--muted)}.main-nav{display:flex;gap:8px;padding:0 0 24px}.main-nav button{min-width:120px;background:var(--surface-soft)}.main-nav .active{background:var(--active)}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:750;color:var(--muted);margin-bottom:6px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.stack{min-width:0;display:grid;gap:18px}.card{overflow-wrap:anywhere;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;gap:18px;min-width:0}.card.wash{background:var(--surface-soft)}.card>h1{margin-bottom:2px}.card>p{max-width:76ch}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{width:100%}.banner{padding:14px 16px;border:1px solid var(--banner-border);background:var(--banner);border-radius:8px;margin:0 0 16px;display:flex;gap:14px;justify-content:space-between;align-items:center}.banner button{min-height:36px;padding:6px 10px;background:transparent;flex-shrink:0}.banner.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.banner.quiet{display:block;background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text);font-size:14px;margin:0}.saved-games{display:grid;gap:10px;max-height:430px;overflow:auto}.game-record{min-width:0;overflow-wrap:anywhere;display:grid;text-align:left;gap:5px;padding:15px}.game-record span{font-size:13px;color:var(--muted)}.game-record.selected{border:2px solid var(--selected-border);background:var(--selected-bg)}.current-game{margin-top:20px}.team-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.lineup-list{display:grid;gap:5px}.lineup-row{display:grid;grid-template-columns:28px 1fr 145px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.slot{font-weight:700;color:var(--muted);text-align:center}.player-identity{display:grid;grid-template-columns:1fr 62px;gap:6px}.player-identity input{padding:8px;min-width:0;font-size:15px}.jersey{text-align:center}.order-controls{grid-column:2/-1;display:flex;gap:8px}.order-controls button{min-height:44px;padding:7px 14px;font-size:13px}.add-player{display:grid;grid-template-columns:1fr 70px;gap:10px;border-top:1px solid var(--line);padding-top:18px}.add-player button{grid-column:1/-1}.bench-row{display:flex;gap:10px;align-items:center}.bench-row span{flex:1}.bench-row select{width:110px}.bench-row button{font-size:13px}.substitution{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:20px}.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.position{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;gap:8px}.position span{display:flex;justify-content:space-between;gap:4px;align-items:center}.position small{font-size:12px;font-weight:450;white-space:nowrap}.position select{font-size:15px}.scorebar{background:var(--field-bg);border:1px solid var(--field-border);border-radius:11px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}.score-teams{display:flex;gap:24px;align-items:center;flex:1}.score-teams>span{font-size:12px;color:var(--muted)}.score-teams strong{display:flex;align-items:center;gap:22px;font-size:19px}.score-teams b{font-size:32px;line-height:1}.inning-state{display:grid;gap:3px;max-width:45%;font-size:14px}.score-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:20px;align-items:start}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-grid button{min-height:64px;font-size:18px;background:var(--surface-soft)}.result-grid button:hover{background:var(--result-hover);border-color:var(--result-border)}.text-button{background:transparent;border-color:transparent;text-align:left;padding-left:0;min-height:36px;justify-self:start;color:var(--link)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-heading button{font-size:13px}.runner-list{display:grid;gap:8px}.runner-row{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.runner-row>span{flex:1;display:grid;font-weight:450}.runner-row small{font-weight:450}.runner-row select{width:190px;font-size:16px}.out-sequence{display:grid;gap:8px;background:var(--surface-soft);padding:14px;border-radius:6px}.out-sequence>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.out-sequence button{font-size:13px;min-height:40px}.ruling{border-left:4px solid var(--warning-border);padding:12px;background:var(--warning-bg)}.fielding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.fielding-grid button{font-size:14px}.play-preview{background:var(--banner);padding:16px;border-radius:7px;display:grid;gap:8px;font-size:15px}.button-row{display:flex;gap:12px}.button-row>button{flex:1}.base-runner{display:flex;justify-content:space-between;gap:16px;padding:5px 0}.base-runner span{color:var(--muted)}.game-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.play-history{list-style:none;padding:0;margin:0}.play-history li{display:grid;grid-template-columns:100px 1fr 100px;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.play-history li:last-child{border-bottom:0}.play-meta{font-weight:700;font-size:15px;display:grid;gap:5px}.play-meta small{font-weight:450}.play-history h3,.play-history p{margin-bottom:7px}.code{font-weight:450;font-size:13px;background:var(--surface-soft);border-radius:3px;padding:2px 6px;white-space:nowrap}.summary-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;border-block:1px solid var(--line)}.summary-numbers>div{display:grid;gap:5px}.summary-numbers b{font-size:26px}.summary-numbers span{font-size:12px;color:var(--muted)}.export-actions>button,.export-actions>.file-button{width:100%;text-align:left}.file-button{overflow:hidden;position:relative;display:block;background:var(--surface)}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;min-height:0;opacity:0;padding:0;border:0;cursor:pointer}.badge{font-size:13px;border:1px solid var(--line);padding:7px 12px;border-radius:4px;white-space:nowrap}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--surface-soft);font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:50;display:grid;place-items:center;padding:20px}.modal{max-width:560px;width:100%;box-shadow:0 12px 70px var(--shadow)}.modal p{color:var(--muted)}details{border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:600}details>p,details>button{margin-bottom:12px}hr{width:100%;border:0;border-top:1px solid var(--line);margin:2px 0}.loading{padding:40px;max-width:700px;margin:auto;display:grid;gap:16px}@media(max-width:1000px){.app-shell{padding:20px}.lineup-columns{grid-template-columns:1fr}.score-teams{gap:16px}.score-teams strong{gap:10px;font-size:16px}.scorebar{gap:18px}.inning-state{max-width:42%}.lineup-list{max-width:760px}.lineup-row{grid-template-columns:28px 1fr 160px}.order-controls{grid-column:2/-1}}@media(max-width:700px){.app-shell{padding:16px 14px 8px}.app-header{gap:10px;padding-bottom:18px}.wordmark{font-size:17px}.wordmark span{font-size:10px}.main-nav{gap:5px;padding-bottom:18px}.main-nav button{flex:1;min-width:0;padding:10px 5px;font-size:14px}.two-column,.score-columns{grid-template-columns:minmax(0,1fr)}.score-columns>aside{grid-template-columns:1fr}.card{padding:18px;gap:16px;border-radius:10px}.page-title{margin-bottom:18px;align-items:start}.page-title>.file-button{font-size:13px;padding:12px}.scorebar{display:grid;padding:17px;gap:12px}.score-teams{gap:12px;display:grid;grid-template-columns:1fr 20px 1fr}.score-teams strong{display:grid;gap:5px;font-size:14px;align-content:start}.score-teams strong:last-child{text-align:right}.score-teams b{font-size:30px}.inning-state{max-width:none;width:100%;font-size:14px;border-top:1px solid var(--line);padding-top:12px}.result-grid{gap:10px}.result-grid button{min-height:58px;font-size:16px;padding:12px 8px}.batter-card h1{font-size:28px}.runner-row{gap:12px}.runner-row select{width:150px}.runner-row strong{font-size:15px}.runner-row small{font-size:12px}.button-row{gap:8px}.button-row>button{padding:12px 9px;font-size:14px}.lineup-row{grid-template-columns:24px 1fr;gap:8px}.lineup-row>select{grid-column:2;max-width:180px;font-size:14px}.order-controls{grid-column:2;gap:6px}.order-controls button{flex:1;padding:7px 9px}.player-identity{grid-template-columns:1fr 60px}.bench-row{flex-wrap:wrap}.position-grid{gap:8px}.position{padding:10px}.position span{display:grid;gap:0}.position small{font-size:11px}.form-row{gap:10px}.play-history li{grid-template-columns:1fr auto;gap:12px;padding:18px 0}.play-meta{grid-column:1/-1;display:flex;align-items:center;gap:12px}.play-history li>button{font-size:13px;padding:10px}.summary-numbers{gap:8px}.summary-numbers b{font-size:23px}.banner{align-items:start;font-size:14px}.banner button{font-size:12px}.team-tabs button{flex:1;font-size:14px}.current-game{margin-top:18px}.game-actions button{font-size:14px}.substitution>.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}.date-input{overflow:hidden;display:block;min-width:0;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface)}.date-input input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:26px;padding:0;border:0;border-radius:0}.date-input input::-webkit-date-and-time-value{min-height:1.5em;text-align:left}.date-input:focus-within{outline:3px solid var(--focus);outline-offset:3px}.date-input input:focus-visible{outline:none}.game-setup-details{grid-template-columns:repeat(2,minmax(0,1fr))}.game-setup-details>label{min-width:0}@media(max-width:700px){.game-setup-details{grid-template-columns:minmax(0,1fr)}}.header-actions{display:grid;justify-items:end;gap:8px;min-width:0}.appearance-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.appearance-control select{width:auto;min-height:44px;padding:8px 10px;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}@media(max-width:700px){.header-actions{max-width:58%}}@media print{:root,:root[data-theme=dark]{color-scheme:light;--text: #202124;--page: #f5f5f5;--surface: #ffffff;--surface-soft: #eeeeef;--line: #d4d4d8;--control-border: #a1a1aa;--button-border: #a1a1aa;--muted: #5a5a64;--accent: #315c9e;--accent-hover: #244577;--on-accent: #ffffff;--active: #315c9e;--link: #315c9e;--hover: #e6e9ef;--hover-border: #8a96ab;--focus: #315c9e;--success: #64748b;--banner: #eef0f3;--banner-border: #abb3c0;--error-bg: #fff0ee;--error-border: #d5a49c;--error-text: #942f25;--warning-bg: #fff8eb;--warning-text: #624b23;--warning-border: #d7bf8a;--practice-bg: #eeeeef;--practice-text: #52525b;--practice-border: #c4c4cc;--selected-bg: #e8edf5;--selected-border: #6883aa;--field-bg: #eeeeef;--field-border: #c4c4cc;--result-hover: #e5e9f0;--result-border: #6883aa;--overlay: #18181bd9;--shadow: #0005}}.save-progress{font-size:12px;color:var(--muted)}.game-tools summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:650}.game-tools[open] summary{margin-bottom:12px}.position-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:16px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:14px}.position-feedback span{flex:1 1 100%}.main-nav button[aria-disabled=true]{opacity:.6;cursor:help}.main-nav{flex-wrap:wrap}.main-nav button{min-width:0;flex:1 1 105px}.team-list{display:grid;gap:8px}.team-list button{display:grid;gap:4px;text-align:left;overflow-wrap:anywhere}.team-list button span{font-size:13px;color:var(--muted)}.selected-team{border-color:var(--selected-border);background:var(--selected-bg)}.team-roster{display:grid;gap:12px}.team-roster-row{display:grid;grid-template-columns:40px minmax(0,1fr) 85px;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.roster-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:2/-1}.add-team-player{border-top:1px solid var(--line);padding-top:16px}@media(max-width:700px){.main-nav button{flex:1 1 calc(33.333% - 8px)}.team-roster-row{grid-template-columns:35px minmax(0,1fr) 70px}}.lineup-review{border:1px solid var(--line);border-radius:10px;min-width:0;margin:18px 0;padding:14px}.lineup-review legend{font-weight:700}.reuse-list{list-style:none;margin:0;padding:0}.reuse-list li{padding:10px 0;border-bottom:1px solid var(--line)}.reuse-controls{display:flex;gap:8px;min-width:0}.reuse-controls select{flex:1;min-width:0}.reuse-controls button{width:44px;padding:6px}.lineup-warnings{background:var(--warning-bg);padding:10px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.snackbar-region{position:fixed;z-index:40;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);width:calc(100% - 24px);max-width:560px;pointer-events:none}.snackbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--banner-border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 4px 18px var(--shadow);pointer-events:auto}.snackbar span{flex:1;min-width:0;overflow-wrap:anywhere}.snackbar button{flex-shrink:0;min-height:44px;padding:6px 10px}@media(prefers-reduced-motion:no-preference){.snackbar{animation:snackbar-appear .12s ease-out}@keyframes snackbar-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}
