/* A baseball field, a scoreboard, one primary action. */
.boot{height:auto;min-height:100dvh;overflow:visible}
.boot .boot-head{margin-bottom:0}.boot .boot-edition,.boot-head .goal{display:none}
.quick-home{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1000px;width:100%;margin:44px auto 52px}
.quick-home small{font:600 0.875rem var(--mono);letter-spacing:.08em;color:#516455}
.quick-home h2{font-size:clamp(2.75rem,6vw,4.75rem);line-height:1.12;margin:18px 0;letter-spacing:-.045em;color:#183a30}
.quick-home p{font-size:1.0rem;color:#4c6055;line-height:1.7;margin:0 0 28px}
.quick-home button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;background:#224f3d;color:#fff9e9;border:0;border-radius:4px;font-size:1.125rem;font-weight:750;padding:14px 20px}
.quick-home button:hover{background:#153c2c}.quick-home button svg{width:22px;height:22px}
.quick-home .home-footnote{display:block;margin-top:12px;font-size:0.875rem;color:#576a5e;letter-spacing:0;font-family:var(--kr)}
.home-field{width:100%;max-height:440px;filter:drop-shadow(0 14px 18px #173f3520)}
.boot-footer{margin-top:auto}
.quick-mode{--q-bg:#102a22;--q-muted:#bacbbf;--q-accent:#f2d18b;position:fixed;inset:0;z-index:2000;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto minmax(0,1fr);column-gap:28px;background:var(--q-bg);color:#faf5e7;font-family:var(--kr);padding:max(12px,env(safe-area-inset-top)) max(24px,calc((100vw - 1100px)/2)) max(20px,env(safe-area-inset-bottom));height:100dvh;box-sizing:border-box;overflow-y:auto}
.quick-mode button{touch-action:manipulation;min-height:44px;min-width:44px;border:1px solid #779282;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.quick-mode button:hover:not(:disabled){background:#ffffff0b}.quick-mode button:disabled{opacity:1;color:var(--q-muted);cursor:default}
.quick-mode button:focus-visible,.quick-home button:focus-visible{outline:3px solid #f2d18b;outline-offset:3px}
.quick-mode svg{width:20px;height:20px;flex-shrink:0}.quick-head{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #79978640}
.quick-head>b{flex:1;font:700 1.0625rem var(--mono);letter-spacing:.08em}.quick-head>b span{margin-left:16px;color:var(--q-muted);font:0.875rem var(--kr);letter-spacing:0}
.quick-head .icon-button{border:0;padding:10px}.quick-head .quick-exit{margin-left:-10px}
.quick-score{grid-column:1;display:flex;justify-content:space-between;align-items:center;padding:16px 12px 16px 0;min-height:68px}
.quick-runs{display:flex;align-items:baseline;gap:10px}.quick-runs strong{font:500 3.0rem/1 var(--mono);letter-spacing:-.06em}.quick-runs span{font-size:0.875rem;color:var(--q-muted)}
.quick-counts{display:grid;gap:6px}.quick-counts>div{display:flex;align-items:center;gap:7px}.quick-counts span{font:600 0.875rem/1 var(--mono);width:12px;color:var(--q-muted)}.quick-counts i{display:block;width:9px;height:9px;border:1px solid #7c9686;border-radius:50%}.quick-counts .lit{background:var(--q-accent);border-color:var(--q-accent)}.count-outs .lit{background:#efa08c;border-color:#efa08c}
.quick-bases{position:relative;width:60px;height:52px}.quick-bases i{display:block;position:absolute;width:17px;height:17px;border:1px solid #8eaa97;transform:rotate(45deg);box-sizing:border-box}.quick-bases [data-base="1"]{left:21px;top:2px}.quick-bases [data-base="2"]{left:3px;top:20px}.quick-bases [data-base="0"]{left:39px;top:20px}.quick-bases i.occupied{background:var(--q-accent);border-color:var(--q-accent)}
.quick-field{grid-column:1;grid-row:3;position:relative;min-height:0;overflow:hidden;border:1px solid #6f92794d;border-radius:6px;background:#163f38}
.quick-field canvas{display:block;width:100%;height:100%;touch-action:none}
.quick-message{position:absolute;inset:18px 12px auto;text-align:center;pointer-events:none;color:#fff6da;text-shadow:0 2px 3px #142e25}.quick-message strong{display:block;font-size:clamp(1.375rem,4vw,2.0rem);letter-spacing:-.045em}.quick-message span{display:block;font-size:0.875rem;margin-top:3px}.quick-mode[data-verdict=hit] .quick-message strong{color:var(--q-accent)}
.quick-action{grid-column:2;grid-row:2/4;align-self:end;padding-bottom:8px;display:flex;flex-direction:column}
.quick-action .quick-report{justify-content:space-between;border:0;border-bottom:1px solid #79978640;border-radius:0;padding:10px 0;margin-bottom:20px;font-size:0.875rem;color:var(--q-muted)}.quick-report>span:last-child{display:flex;align-items:center;gap:4px}.quick-report svg{width:14px;height:14px}
.quick-approaches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.quick-approaches button{padding:10px 2px;font-size:0.875rem;min-height:46px;border-color:#6c8777;white-space:nowrap}.quick-approaches button[aria-pressed=true]{background:var(--q-accent);border-color:var(--q-accent);color:#19392c;font-weight:750}.quick-approaches button[aria-pressed=true]:hover:not(:disabled){background:#ffe3a8}
.quick-hint{font-size:0.875rem;text-align:center;color:var(--q-muted);min-height:18px;margin:10px 0 18px}
.quick-action .quick-swing{width:100%;min-height:66px;border:0;background:var(--q-accent);color:#19392c;font-size:1.375rem;font-weight:750;gap:16px}.quick-action .quick-swing:hover:not(:disabled){background:#ffe3a8}.quick-action .quick-swing:disabled{opacity:1;background:#355144;color:#e1e9df}
.quick-input-hint{text-align:center;font-size:0.875rem;color:var(--q-muted);margin-top:12px}.quick-input-hint kbd{margin-left:10px;border:1px solid #789181;padding:2px 4px;border-radius:3px;font:0.875rem var(--mono)}
.quick-cover{position:absolute;inset:68px 0 0;display:flex;align-items:center;justify-content:center;background:#102a22;overflow:auto;padding:24px 16px max(24px,env(safe-area-inset-bottom));z-index:5;box-sizing:border-box}
.quick-sheet{width:min(100%,380px);margin:auto}.sheet-eyebrow{font:600 0.875rem var(--kr);letter-spacing:.1em;color:var(--q-accent)}.quick-sheet h2{font-size:2.25rem;line-height:1.2;letter-spacing:-.055em;margin:10px 0 8px}.pitcher-meta{font-size:0.875rem;color:var(--q-muted);margin:0 0 30px}
.pitch-mix{display:grid;gap:16px}.pitch-mix>div{display:grid;grid-template-columns:72px 1fr 38px;align-items:center;gap:14px;font-size:0.875rem}.pitch-mix b{font-weight:500}.pitch-mix>div>span:last-child{text-align:right;font:0.875rem var(--mono);color:var(--q-muted)}.mix-bar{height:6px;background:#355144;border-radius:2px;overflow:hidden}.mix-bar i{display:block;background:var(--q-accent);height:100%}
.quick-sheet .sheet-note{font-size:0.875rem;color:var(--q-muted);line-height:1.7;margin:22px 0}.intro-rule{font-size:0.9375rem;margin:30px 0 18px}.quick-sheet .sheet-primary,.quick-sheet .sheet-secondary{display:flex;width:100%;min-height:54px;padding:12px 16px;font-size:1.0rem;font-weight:650;margin:12px 0 0}.quick-sheet .sheet-primary{background:var(--q-accent);color:#19392c;border:0}.quick-sheet .sheet-primary:hover{background:#ffe3a8}.quick-sheet .sheet-secondary{background:transparent;font-size:0.875rem;font-weight:500;border-color:#789181}
.quick-best{display:block;text-align:center;color:var(--q-muted);font-size:0.875rem;margin-top:18px}.quick-sheet .result-runs{font:500 6.0rem/1.2 var(--mono);letter-spacing:-.08em;margin:14px 0}.result-runs small{font:0.875rem var(--kr);margin-left:14px;letter-spacing:0}.result-line{font-size:0.9375rem;color:#f5edda}
.quick-instructions{padding-left:22px;margin:26px 0 20px}.quick-instructions li{padding-left:8px;margin:16px 0;color:var(--q-accent)}.quick-instructions b{font-size:0.875rem;display:block;color:#faf5e7}.quick-instructions span{display:block;font-size:0.875rem;color:var(--q-muted);line-height:1.7;margin-top:4px}
@media(max-width:760px){
 .quick-home{grid-template-columns:1fr;gap:16px;margin:30px auto 32px;max-width:460px}.quick-home-copy{order:1}.home-field{max-height:190px;order:0;filter:none}.quick-home h2{font-size:2.75rem;margin:12px 0;line-height:1.1}.quick-home h2 br{display:none}.quick-home p{font-size:0.875rem;margin-bottom:20px}.quick-home small{font-size:0.875rem}
 .quick-mode{display:flex;flex-direction:column;padding:max(6px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));gap:0}
 .quick-head{flex-shrink:0;padding-bottom:6px;gap:6px}.quick-head>b{font-size:0.9375rem}.quick-head>b span{font-size:0.875rem;margin-left:10px}
 .quick-score{flex-shrink:0;min-height:64px;padding:10px 8px 10px 0}.quick-runs strong{font-size:2.625rem}.quick-field{flex:1;min-height:100px;width:100%}
 .quick-action{flex-shrink:0;width:100%;padding:0}.quick-action .quick-report{margin-bottom:4px;min-height:44px;padding:4px 0;border:0}.quick-hint{margin:5px 0 10px;font-size:0.875rem;min-height:16px}.quick-approaches button{font-size:0.875rem;min-height:44px;padding:8px 2px}
 .quick-action .quick-swing{min-height:56px;font-size:1.3125rem}.quick-input-hint{margin-top:7px;font-size:0.875rem}.quick-input-hint kbd{display:none}.quick-cover{inset:56px 0 0;padding-top:20px}.quick-message{inset:10px 8px auto}.quick-message strong{font-size:1.4375rem}.quick-message span{font-size:0.875rem}
}
@media(max-height:680px) and (max-width:760px){
 .quick-score{min-height:54px;padding:7px 5px 7px 0}.quick-runs strong{font-size:2.1875rem}.quick-counts{gap:4px}.quick-counts i{width:7px;height:7px}.quick-action .quick-report{min-height:44px;margin:0}.quick-hint{margin:3px 0 6px}.quick-input-hint{display:none}.quick-sheet h2{font-size:1.875rem}.pitcher-meta{margin-bottom:22px}.intro-rule{margin-top:20px}.quick-sheet .sheet-note{margin:16px 0}.quick-best{margin-top:12px}.home-field{max-height:135px}.quick-home{margin:22px auto}.quick-home h2{font-size:2.4375rem}
}
@media(max-height:500px) and (min-width:600px){
 .quick-mode{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto auto minmax(0,1fr);gap:0 20px;padding:6px 16px 12px}
 .quick-head{padding-bottom:4px}.quick-score{min-height:48px;padding:5px 8px 5px 0}.quick-runs strong{font-size:2.0rem}.quick-counts{display:flex;gap:12px}.quick-counts>div{gap:4px}.quick-counts i{width:7px;height:7px}.quick-bases{transform:scale(.8)}
 .quick-field{min-height:80px;grid-row:3}.quick-action{grid-row:2/4;grid-column:2;align-self:end}.quick-action .quick-report{min-height:44px;margin:0 0 6px}.quick-hint{margin:6px 0 10px}.quick-action .quick-swing{min-height:60px}.quick-input-hint{font-size:0.875rem;margin-top:9px}.quick-message{inset:8px 8px auto}.quick-message strong{font-size:1.25rem}.quick-message span{font-size:0.875rem}
 .quick-cover{inset:56px 0 0;padding:12px 24px}.quick-sheet{width:min(100%,620px)}.quick-sheet:has(.pitch-mix){display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;align-items:center}.quick-sheet:has(.pitch-mix)>*{margin:0}.quick-sheet:has(.pitch-mix)>h2{grid-column:1;grid-row:2}.quick-sheet:has(.pitch-mix)>.pitcher-meta{grid-column:1;grid-row:3}.quick-sheet:has(.pitch-mix)>.pitch-mix{grid-column:2;grid-row:1/4}.quick-sheet:has(.pitch-mix)>.sheet-note{grid-column:2;font-size:0.875rem}.quick-sheet:has(.pitch-mix)>button{grid-column:2;grid-row:5;min-height:44px}.quick-sheet:has(.pitch-mix)>.intro-rule{grid-column:1;grid-row:5;font-size:0.875rem}.quick-sheet:has(.pitch-mix)>.quick-best{grid-column:1;grid-row:6;text-align:left}.quick-sheet h2{font-size:1.75rem}.quick-sheet .result-runs{font-size:3.375rem;margin:4px 0}.quick-sheet .sheet-note{margin:10px 0}.quick-sheet .sheet-primary,.quick-sheet .sheet-secondary{min-height:44px;margin-top:8px}.quick-best{margin-top:8px}.quick-instructions{display:flex;gap:22px;padding:0;list-style:none;margin:14px 0}.quick-instructions li{flex:1;padding:0;margin:0}.quick-instructions span{font-size:0.875rem}
}
@media(max-width:360px){.quick-mode{padding-left:10px;padding-right:10px}.quick-head>b span{display:none}.quick-home h2{font-size:2.1875rem}.quick-cover{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.quick-mode *{animation:none!important;transition:none!important}}
/* Decisions are a large, illustrated scene; flight has only one action. */
.quick-mode .quick-approaches button{font-size:1rem;white-space:normal}
.quick-decision{position:absolute;inset:0;background:#16382c;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:24px}
.quick-decision h2{font-size:1.75rem;line-height:1.3;text-align:center;margin:0;letter-spacing:-.035em}
.quick-decision .quick-approaches{gap:12px;width:100%;max-width:640px;align-self:center}
.quick-decision .quick-approaches button{position:relative;display:flex;flex-direction:column;gap:8px;min-height:170px;padding:14px 8px;background:#204635;color:#eff4e6;border:2px solid #668b72}
.quick-decision .quick-approaches button[aria-pressed=true]{background:#f2d18b;color:#19392c;border-color:#fff0c3;box-shadow:0 0 0 2px #f2d18b33}
.quick-decision .quick-approaches button[aria-pressed=true]::after{content:'✓';position:absolute;right:8px;top:4px;font-size:1rem;font-weight:800}
.quick-decision .quick-approaches svg{width:100%;height:65px}.quick-decision .quick-approaches strong{font-size:1.25rem}.quick-decision .quick-approaches small{font-size:.875rem}
.quick-mode .quick-report:disabled{opacity:1;color:#bacbbf}.quick-mode .quick-hint{font-size:.875rem}.quick-mode .quick-message span{font-size:.875rem}.quick-mode .quick-sheet p,.quick-mode .quick-instructions span{font-size:1rem;line-height:1.5}
.quick-mode .pitch-mix>div{font-size:1rem;grid-template-columns:80px 1fr 44px}.quick-mode .pitch-mix>div>span:last-child{font-size:1rem}
.quick-mode .quick-instructions{margin:16px 0}.quick-mode .quick-instructions li{margin:10px 0}.quick-mode .quick-sheet .sheet-note{font-size:.875rem}
.quick-home button:focus-visible{outline-color:#224f3d}
.quick-playback{position:absolute;inset:76px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#163f38;pointer-events:none}
.quick-playback>svg{width:min(80%,300px);height:calc(100% - 36px);min-height:70px;max-height:300px}.quick-run-caption{font-size:1.25rem;color:#ffe2a0;font-weight:750;line-height:1.4}
.quick-runs.scoring{color:#ffe2a0}.quick-runs.scoring strong{transform:scale(1.08)}
.quick-input-hint{font-size:.875rem}.quick-head>b span{display:none}
@media(max-width:760px){
 .quick-decision{padding:16px 10px;gap:16px}.quick-decision h2{font-size:1.25rem}.quick-decision .quick-approaches{gap:7px}.quick-decision .quick-approaches button{min-height:136px;padding:12px 4px;gap:4px}.quick-decision .quick-approaches svg{height:48px}.quick-decision .quick-approaches strong{font-size:1rem}.quick-decision .quick-approaches small{font-size:.875rem;line-height:1.3}
 .quick-mode .quick-hint{margin:4px 0 8px}.quick-action .quick-report{margin:0}.quick-cover{padding-top:16px;padding-bottom:16px}.quick-sheet .sheet-note{margin:12px 0}.quick-sheet .pitcher-meta{margin-bottom:18px}.quick-instructions span br{display:none}
 .quick-playback{inset:68px 0 0}.quick-run-caption{font-size:1rem}.quick-message{inset:8px 6px auto}
}
@media(max-height:600px){.quick-decision{gap:10px;padding:12px 8px}.quick-decision h2{font-size:1.125rem}.quick-decision .quick-approaches button{min-height:110px;padding:10px 4px;gap:3px}.quick-decision .quick-approaches svg{height:36px}.quick-sheet h2{margin:6px 0}.quick-instructions{margin:12px 0}.quick-sheet .sheet-note{margin:10px 0}.quick-sheet .quick-best{margin-top:10px}}
@media(max-height:500px) and (min-width:600px){.quick-decision .quick-approaches button{min-height:100px}.quick-decision .quick-approaches small{display:none}.quick-playback{inset:58px 0 0}.quick-run-caption{font-size:1rem}.quick-mode .quick-instructions span{font-size:.875rem}.quick-mode .quick-sheet p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.quick-runs.scoring strong{transform:none}}
.quick-mode[data-phase=plan] .quick-field{min-height:15rem}
@media(max-height:500px) and (min-width:600px){.quick-mode[data-phase=plan] .quick-field{min-height:10rem}}
