/* Scout 3.45.54: coordinated iPhone layout repair. Authoritative final layer.
   Scoring logic, data and tested backup handling are unchanged unless explicitly noted. */
#scout34553PitchReturn{display:none!important}
html.contextPhone body:has(#approvedLive:not([hidden])) #phoneContextBar>button:first-child{display:none!important}
#scout34554FieldNav{display:none}
@media(max-width:500px) and (orientation:portrait){
 html.contextPhone #v3457Scene,
 html.contextPhone #approvedCanvas #v3457Scene{
   width:100%!important;align-self:stretch!important;flex:0 0 var(--scout-final-scene-height,320px)!important;
   height:var(--scout-final-scene-height,320px)!important;
   min-height:110px!important;max-height:var(--scout-final-scene-height,320px)!important;
   aspect-ratio:auto!important;
 }
 /* Keep the proportional grid, but give high and low pitches generous target area. */
 html.contextPhone #v3457Scene #scoutStrikeOverlay{
   left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
   width:34%!important;height:clamp(116px,51%,165px)!important;
   max-height:67%!important;
 }
 html.contextPhone #v3457Scene #liveZone{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 html.contextPhone #scoutZoneInstruction{top:7px!important;right:73px!important;font-size:11px!important;left:60px!important}
 html.contextPhone #scoutPlate{bottom:8px!important}
 /* Field layout: each header item occupies its own row; no overlay on the score. */
 html.contextPhone body.playFocus #fieldPanel{
   position:fixed!important;inset:20px 0 0!important;
   display:flex!important;flex-direction:column!important;gap:0!important;
   overflow:hidden!important;
 }
 html.contextPhone body.playFocus #flowContext{flex:0 0 auto!important;min-height:31px!important;padding:4px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}
 html.contextPhone body.playFocus #scout34554FieldNav{
   display:flex!important;flex:0 0 48px!important;height:48px!important;min-height:48px!important;
   align-items:center!important;justify-content:space-between!important;gap:10px!important;
   padding:3px 12px!important;box-sizing:border-box!important;
   background:#102f49!important;border-bottom:1px solid #4e718a!important;
 }
 #scout34554FieldNav button{min-height:42px!important;padding:5px 12px!important;border:1px solid #e9ca82!important;border-radius:10px!important;background:#174c73!important;color:white!important;font:750 15px system-ui!important;flex:none!important}
 #scout34554FieldNav span{font:11px system-ui;color:#cfdeea;text-align:right;line-height:1.2}
 html.contextPhone body.playFocus #fieldPanel h2{
   display:flex!important;flex:0 0 37px!important;min-height:37px!important;height:37px!important;
   padding:7px 12px!important;box-sizing:border-box!important;align-items:center!important;font-size:15px!important;
 }
 html.contextPhone body.playFocus #fieldPanel .fieldHeaderButtons{display:none!important}
 html.contextPhone body.playFocus #fieldPanel .fieldbody{
   flex:0 1 min(44dvh,390px)!important;height:min(44dvh,390px)!important;max-height:min(44dvh,390px)!important;min-height:230px!important;overflow:hidden!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   background-color:#102b3b!important;
 }
 html.contextPhone body.playFocus #fieldsvg{display:block!important;max-height:100%!important;max-width:100%!important;width:100%!important;height:100%!important}
 html.contextPhone body.playFocus #playDock{
   flex:1 1 auto!important;max-height:none!important;min-height:140px!important;
   padding:7px 10px max(9px,env(safe-area-inset-bottom))!important;
   background:#0d2a45!important;
 }
 html.contextPhone #playNavigation button{font-size:13px!important}
 html.contextPhone #playChoices button{min-height:47px!important;font-size:14px!important}
 html.contextPhone #playDock[data-stage="result"] #playChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html.contextPhone #playDock[data-stage="result"] #playChoices button{min-height:56px!important;font-size:16px!important}
 html.contextPhone #playDock #playSummary{font-size:13px!important;font-weight:650!important}
}
@media (max-width:500px) and (orientation:portrait) and (max-height:720px){
 html.contextPhone #v3457Scene #scoutStrikeOverlay{height:54%!important;max-height:64%!important}
 html.contextPhone body.playFocus #scout34554FieldNav{height:44px!important;min-height:44px!important;flex-basis:44px!important}
}