/* fort pop · fullscreen — the shell stage is #play (data-pip-stage); the rail fills the stage below the dock
   instead of the page-relative 100dvh - 3.25rem it uses in the normal layout. */
html.pip-immersive body[data-screen="play"] #play.pip-stage{display:block!important;overflow:hidden!important;padding-bottom:0!important}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-rail{height:100%}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad .ad-well{display:none}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{overflow:auto;min-height:0}
@media (orientation:landscape) and (max-height:520px){
  html.pip-immersive body[data-screen="play"] #play.pip-stage .play-rail{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 12rem}
  html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{border-top:0;border-left:3px solid var(--pop-ink)}
  html.pip-immersive body[data-screen="play"] #play.pip-stage .hud .btn{padding:.15rem .5rem;font-size:.7rem}
}
/* the canvas bitmap follows its wrap, so pin it inside instead of letting it size the wrap */
html.pip-immersive body[data-screen="play"] #play.pip-stage .arena{min-height:0;overflow:hidden}
html.pip-immersive body[data-screen="play"] #play.pip-stage .stage-wrap{min-height:0;position:relative}
html.pip-immersive body[data-screen="play"] #play.pip-stage #stage{position:absolute;inset:0;width:100%;height:100%}
/* portrait: hud on top, map takes what is left, shop capped so the map keeps most of the screen */
html.pip-immersive body[data-screen="play"] #play.pip-stage .arena{display:flex;flex-direction:column}
html.pip-immersive body[data-screen="play"] #play.pip-stage .stage-wrap{flex:1 1 auto;height:auto}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:36dvh}
@media (min-width:960px){html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:none}}
@media (orientation:landscape) and (max-height:520px){
  html.pip-immersive body[data-screen="play"] #play.pip-stage .arena{display:block}
  html.pip-immersive body[data-screen="play"] #play.pip-stage .hud{position:absolute}
  html.pip-immersive body[data-screen="play"] #play.pip-stage .stage-wrap{height:100%}
  html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:none}
}
html.pip-immersive body[data-screen="play"] #play.pip-stage .arena{height:auto;align-self:stretch}
html.pip-immersive body[data-screen="play"] #play.pip-stage .hud{gap:.2rem .3rem}
html.pip-immersive body[data-screen="play"] #play.pip-stage .hud .btn{padding:.2rem .5rem;font-size:.72rem;min-height:0}
html.pip-immersive body[data-screen="play"] #play.pip-stage .hud .stat{font-size:.78rem}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad .hint{display:none}
html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:28dvh}
@media (min-width:960px){html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:none}}
@media (orientation:landscape) and (max-height:520px){html.pip-immersive body[data-screen="play"] #play.pip-stage .play-ad{max-height:none}}
@media (max-width:959px) and (orientation:portrait){html.pip-immersive body[data-screen="play"] #play.pip-stage .play-rail{grid-template-rows:minmax(0,1fr) minmax(0,28dvh)}}
@media (orientation:landscape) and (max-height:520px){html.pip-immersive body[data-screen="play"] #play.pip-stage .arena{height:100%}}