/* Scout 3.45.44 — zero-scroll scoring layout / iPhone first.
   New rules live after the 3.45.43 prototype rules. Core data/scoring unchanged.
   The persistent score's base indicators and click targets are NOT reimplemented. */
:root {--scout-zone-height:120px;--scout-fit-gap:4px;--scout-play-cols:2;--scout-play-button:46px}
/* Pitch photograph removed on EVERY screen size, including iPad and laptop.
   Keep the actual pitch location DOM and data transform in place. */
#v3457Scene {background-image:none!important;background-color:#102e42!important}
#v3457Scene::before {content:'';position:absolute;inset:0;background:linear-gradient(145deg,#21495d 0%,#112e43 55%,#0b2235 100%)!important;z-index:1;pointer-events:none}
#approvedLiveImage{opacity:0!important}
#approvedCanvas #liveZone{background:linear-gradient(90deg,transparent calc(33.33% - .5px),#c1e1f37d 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#c1e1f37d 66.66%,transparent calc(66.66% + .5px)),linear-gradient(0deg,transparent calc(33.33% - .5px),#c1e1f37d 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#c1e1f37d 66.66%,transparent calc(66.66% + .5px)),#b1daed14!important;border:2px solid #f3fbff!important;box-shadow:0 0 0 1px #0b2035,0 0 13px #7fcce844!important;box-sizing:border-box!important}
#v3457Scene #livePitchDot{z-index:6!important}

@media (max-width:500px) and (orientation:portrait) {
 html.contextPhone, html.contextPhone body{height:100%;max-height:100%;overflow:hidden!important;overscroll-behavior:none!important}
 html.contextPhone #approvedLive{
   position:fixed!important;inset:20px 0 calc(54px + env(safe-area-inset-bottom,0px)) 0!important;
   height:auto!important;max-height:none!important;min-height:0!important;
   padding:4px 8px!important;overflow:hidden!important;overscroll-behavior:none!important;
   touch-action:manipulation!important;
 }
 html.contextPhone #approvedCanvas{
   display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
   height:100%!important;max-height:100%!important;min-height:0!important;
   width:100%!important;gap:var(--scout-fit-gap)!important;
   padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html.contextPhone #v3457Score{
   flex:0 0 auto!important;min-height:47px!important;
   padding:4px 8px!important;gap:5px!important;font-size:12px!important;
 }
 html.contextPhone #v3457Score small{font-size:10px!important;line-height:1.1!important}
 html.contextPhone #v3457Count{font-size:18px!important}
 html.contextPhone #approvedCanvas>.bioUnit{flex:0 0 auto!important}
 html.contextPhone #scoutAtBat{padding:5px 8px!important;line-height:1.08!important}
 html.contextPhone .abIdentity{font-size:13px!important;margin:1px 0!important}
 html.contextPhone .abStatus{font-size:10px!important;line-height:1.1!important}
 html.contextPhone .abPrevious{font-size:9px!important;line-height:1.1!important;margin-top:2px!important;padding-top:2px!important}
 html.contextPhone #v3457Scene{
   flex:0 0 var(--scout-zone-height)!important;
   width:min(100%,calc(var(--scout-zone-height) * 1.54683))!important;
   height:var(--scout-zone-height)!important;
   max-height:var(--scout-zone-height)!important;
   min-height:0!important;
   align-self:center!important;margin:0!important;aspect-ratio:1024 / 662!important;
   background-image:none!important;
 }
 html.contextPhone #v34511ScoringDock{flex:0 0 auto!important;padding:2px 0 0!important;max-height:none!important;margin:0!important;overflow:visible!important}
 html.contextPhone #v34511ScoringDock .controls{gap:4px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
 html.contextPhone #v34511ScoringDock .controls button{grid-column:span 3!important;min-height:48px!important;height:48px!important;max-height:48px!important;padding:3px 4px!important;font:750 13px/1.05 system-ui!important;white-space:normal!important}
 html.contextPhone #v34511ScoringDock .controls button[data-action="Fastball"],
 html.contextPhone #v34511ScoringDock .controls button[data-action="Breaking"],
 html.contextPhone #v34511ScoringDock .controls button[data-action="Offspeed"]{grid-column:span 2!important;height:42px!important;min-height:42px!important;max-height:42px!important;font-size:12px!important}
 html.contextPhone #v34511ScoringDock .controls button[data-action="Undo"],
 html.contextPhone #v34511ScoringDock .controls button[data-action="Field View"]{height:43px!important;min-height:43px!important;max-height:43px!important}
 html.contextPhone #approvedCanvas>.pitchAdvanceBar{flex:0 0 auto!important;gap:4px!important;margin:0!important}
 html.contextPhone #approvedCanvas>.pitchAdvanceBar button:not(:disabled){min-height:42px!important;height:42px!important;font-size:12px!important;padding:3px!important}
 html.contextPhone #approvedCanvas>.pitchAdvanceBar button:disabled{display:none!important}
 html.contextPhone #approvedCanvas>#pitchAdvanceHint{font-size:10px!important;line-height:1!important;margin:0!important;padding:0!important;flex:0 0 auto!important}
 html.contextPhone #phoneContextBar{min-height:54px!important;height:calc(54px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important;padding:4px 8px max(4px,env(safe-area-inset-bottom,0px))!important}
 html.contextPhone #phoneContextBar button{min-height:42px!important}
 html.contextPhone #phoneSprayButton{min-height:36px!important;font-size:11px!important}
 html.contextPhone #approvedLive[hidden]{display:none!important}
 /* Only nonessential previous-AB detail is condensed on short viewports. */
 html.contextPhone.scout-fit-tight .abPrevious{display:none!important}
 html.contextPhone.scout-fit-tight #v3457Score{min-height:43px!important}
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls{gap:3px!important}
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:12px!important}
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button[data-action="Fastball"],
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button[data-action="Breaking"],
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button[data-action="Offspeed"]{height:40px!important;min-height:40px!important;max-height:40px!important}
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button[data-action="Undo"],
 html.contextPhone.scout-fit-tight #v34511ScoringDock .controls button[data-action="Field View"]{height:42px!important;min-height:42px!important;max-height:42px!important}
 html.contextPhone.scout-fit-tight #scoutAtBat{padding:3px 7px!important}
 html.contextPhone.scout-fit-tight .abStatus{font-size:10px!important}
 html.contextPhone.scout-fit-tight #approvedCanvas>.pitchAdvanceBar button:not(:disabled){min-height:40px!important;height:40px!important}
}
/* Current play: field photo receives remaining space; decisions never create an inner scroll region. */
html.contextPhone body.playFocus #fieldPanel{
 position:fixed!important;inset:20px 0 0!important;height:auto!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
html.contextPhone body.playFocus #fieldPanel h2{
 min-height:42px!important;flex:0 0 42px!important;font-size:14px!important;
 padding:5px 8px!important;line-height:1.12!important;
}
html.contextPhone body.playFocus #fieldPanel .fieldbody{flex:1 1 0!important;min-height:92px!important;overflow:hidden!important}
html.contextPhone body.playFocus #fieldsvg{display:block!important;flex:1 1 auto!important;height:100%!important;max-height:100%!important;width:100%!important;object-fit:contain!important}
html.contextPhone body.playFocus #playDock,
html.contextPhone body.playFocus #fieldPanel.locationActive #playDock{
 display:flex!important;flex-direction:column!important;gap:4px!important;
 box-sizing:border-box!important;flex:0 0 auto!important;
 width:100%!important;max-height:calc(100dvh - 20px - 42px - 92px)!important;
 min-height:0!important;height:auto!important;
 margin:0!important;padding:5px 8px max(5px,env(safe-area-inset-bottom,0px))!important;
 overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation!important;
 border-radius:0!important;background:#0d2d45!important;
}
html.contextPhone body.playFocus #playDock[hidden]{display:none!important}
html.contextPhone body.playFocus #playPrompt{flex:0 0 auto!important;min-height:0!important;padding:0!important}
html.contextPhone body.playFocus #playTrail{font-size:12px!important;line-height:1.14!important;white-space:normal!important}
html.contextPhone body.playFocus #playQuestion{display:none!important}
html.contextPhone body.playFocus #phonePlayBody{
 display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-height:0!important;
 overflow:hidden!important;touch-action:manipulation!important;
}
html.contextPhone body.playFocus #playHint{font-size:11px!important;line-height:1.1!important;margin:1px 0!important}
html.contextPhone body.playFocus #playChoices{
 display:grid!important;grid-template-columns:repeat(var(--scout-play-cols),minmax(0,1fr))!important;
 gap:4px!important;margin:0!important;align-content:start!important;
 overflow:visible!important;
}
html.contextPhone body.playFocus #playChoices button{
 min-height:var(--scout-play-button)!important;height:auto!important;
 font-size:13px!important;font-weight:750!important;line-height:1.12!important;
 padding:5px 3px!important;border-radius:8px!important;
 white-space:normal!important;
}
html.contextPhone body.playFocus #playSummary{font-size:11px!important;line-height:1.14!important;margin:2px 0!important}
html.contextPhone body.playFocus #playNavigation{
 display:flex!important;flex:0 0 auto!important;position:relative!important;
 bottom:auto!important;min-height:44px!important;margin:0!important;padding:0!important;
 gap:5px!important;overflow:visible!important;
}
html.contextPhone body.playFocus #playNavigation button{height:44px!important;min-height:44px!important;font-size:12px!important;padding:5px!important}
html.contextPhone body.playFocus #phonePlayBody #playActions:empty{display:none!important}
html.contextPhone body.playFocus #phonePlayBody #playActions:not(:empty){display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:2px 0!important}
html.contextPhone body.playFocus #phonePlayBody #playActions button{height:40px!important;min-height:40px!important;padding:4px 7px!important;font-size:11px!important}
html.contextPhone body.playFocus #playDock.runnerQuestion #playChoices button{min-height:50px!important}
html.contextPhone.scout-fit-tight body.playFocus #playDock,
html.contextPhone.scout-fit-tight body.playFocus #fieldPanel.locationActive #playDock{gap:3px!important;padding:3px 7px max(3px,env(safe-area-inset-bottom,0px))!important}
html.contextPhone.scout-fit-tight body.playFocus #playChoices{gap:3px!important}
html.contextPhone.scout-fit-tight body.playFocus #playChoices button{font-size:12px!important;padding:4px 2px!important}
html.contextPhone.scout-fit-tight body.playFocus #playTrail{font-size:11px!important}
/* Never quietly clip a failed fit: surface an explicit blocking warning instead of hidden controls. */
#scoutFitWarning{display:none}
html.scout-fit-failed #scoutFitWarning{display:block;position:fixed;z-index:10070;left:8px;right:8px;bottom:calc(58px + env(safe-area-inset-bottom,0px));padding:8px;border:2px solid #ffd166;border-radius:8px;background:#3b2430;color:#fff;font:700 12px/1.2 system-ui;text-align:center;pointer-events:none}
html.scout-fit-failed body.playFocus #scoutFitWarning{bottom:6px}
/* Prevent scrolling in active scoring subpanels; informational pages are not live-scoring screens. */
html.contextPhone body.playFocus #playDock *,html.contextPhone #approvedLive *{overscroll-behavior:none!important}

/* Compact iPhone landscape: two-pane console, without a scrolling container. */
@media (max-width:950px) and (max-height:500px) and (orientation:landscape){
 html.contextPhone,html.contextPhone body{height:100%;overflow:hidden!important}
 html.contextPhone #approvedLive{position:fixed!important;inset:20px 0 calc(52px + env(safe-area-inset-bottom,0px)) 0!important;height:auto!important;min-height:0!important;padding:4px 7px!important;overflow:hidden!important}
 html.contextPhone #approvedCanvas{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:3px 7px!important;width:100%!important;height:100%!important;overflow:hidden!important}
 html.contextPhone #approvedCanvas #v3457Score{grid-column:1/-1!important;grid-row:1!important;min-height:37px!important;padding:3px 8px!important;line-height:1!important;font-size:11px!important}
 html.contextPhone #approvedCanvas>.bioUnit{grid-column:1/-1!important;grid-row:2!important;min-height:0!important;padding:0!important;display:block!important}
 html.contextPhone #scoutAtBat{padding:2px 7px!important;font-size:11px!important}
 html.contextPhone #scoutAtBat .abPrevious{display:none!important}
 html.contextPhone #approvedCanvas>#v3457Scene{grid-column:1!important;grid-row:3!important;order:0!important;height:min(100%,190px)!important;width:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1024 / 662!important;align-self:center!important;justify-self:center!important;background-image:none!important}
 html.contextPhone #approvedCanvas>#v34511ScoringDock{grid-column:2!important;grid-row:3!important;align-self:center!important;order:0!important;position:relative!important;inset:auto!important;max-height:100%!important;padding:0!important;overflow:hidden!important}
 html.contextPhone #v34511ScoringDock .controls{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important}
 html.contextPhone #v34511ScoringDock .controls button{grid-column:span 2!important;height:35px!important;min-height:35px!important;max-height:35px!important;font-size:11px!important;padding:2px!important;white-space:normal!important}
 html.contextPhone #v34511ScoringDock .controls button[data-action="Undo"],html.contextPhone #v34511ScoringDock .controls button[data-action="Field View"]{grid-column:span 3!important}
 html.contextPhone #v34511ViewOptions,html.contextPhone #approvedCanvas>.pitchAdvanceBar,html.contextPhone #approvedCanvas>#pitchAdvanceHint{display:none!important}
 html.contextPhone #phoneContextBar{min-height:52px!important;height:calc(52px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}
 html.contextPhone body.playFocus #fieldPanel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(235px,.7fr)!important;grid-template-rows:39px minmax(0,1fr)!important;inset:20px 0 0!important}
 html.contextPhone body.playFocus #fieldPanel h2{grid-column:1/-1!important;grid-row:1!important;min-height:39px!important;height:39px!important}
 html.contextPhone body.playFocus #fieldPanel .fieldbody{grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important}
 html.contextPhone body.playFocus #playDock{grid-column:2!important;grid-row:2!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:4px 6px!important}
 html.contextPhone body.playFocus #playChoices button{min-height:36px!important;font-size:11px!important;padding:2px!important}
 html.contextPhone body.playFocus #playNavigation button{min-height:38px!important;height:38px!important}
}
/* The scoring menu itself must also fit without its own scroll track. */
html.contextPhone #phoneContextSheet:not([hidden]){overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom,0px))!important}
html.contextPhone #phoneContextSheet h2{font-size:17px!important;margin:0!important;flex:0 0 auto!important}
html.contextPhone #phoneContextSheet>button{min-height:40px!important;flex:0 0 40px!important}
html.contextPhone #phoneMenuItems{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:0!important;align-content:start!important;overflow:hidden!important}
html.contextPhone #phoneMenuItems button{min-height:40px!important;padding:5px!important;font-size:11px!important;line-height:1.1!important;overflow-wrap:anywhere!important}
@media(min-width:375px){html.contextPhone #phoneMenuItems{grid-template-columns:repeat(3,minmax(0,1fr))!important}}