/* cross-hop · fullscreen — in immersive mode the arena takes the whole stage below the dock.
   The engine sizes itself from .stage-wrap's box (resize event), so the wrap just gets the room: no transform. */
html.pip-immersive body[data-screen="game"] .app-shell.pip-stage{display:flex;flex-direction:column;padding-bottom:6px!important;overflow:hidden!important}
html.pip-immersive body[data-screen="game"] .editorial{display:none!important}
html.pip-immersive body[data-screen="game"] #screen-game{flex:1 1 auto;min-height:0;width:100%}
html.pip-immersive body[data-screen="game"] .game-arena{flex:1 1 auto;min-height:0;height:auto;width:100%;max-width:600px;margin:0 auto}
html.pip-immersive body[data-screen="game"] .hud{max-width:none}
html.pip-immersive body[data-screen="game"] .stage-wrap{flex:1 1 auto;min-height:0;height:auto;max-width:none;width:100%;border-radius:14px}
html.pip-immersive body[data-screen="game"] .dpad{margin-top:.4rem;flex:0 0 auto}
@media (orientation:landscape) and (max-height:520px){
  html.pip-immersive body[data-screen="game"] .game-arena{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);column-gap:10px;overflow:hidden;align-items:stretch}
  html.pip-immersive body[data-screen="game"] .hud{grid-column:1/3;flex-wrap:nowrap;gap:6px}
  html.pip-immersive body[data-screen="game"] .hud .hud-pill{padding:2px 8px}
  html.pip-immersive body[data-screen="game"] .hud .btn-hud{padding:4px 8px;min-height:0;font-size:.7rem}
  html.pip-immersive body[data-screen="game"] .crossing-scout{display:none}
  html.pip-immersive body[data-screen="game"] .stage-wrap{grid-column:1;grid-row:2;align-self:stretch}
  html.pip-immersive body[data-screen="game"] .dpad{grid-column:2;grid-row:2;align-self:center;margin:0}
}
/* the canvas must not size its wrap (its bitmap size follows the wrap), so pin it inside */
html.pip-immersive body[data-screen="game"] .stage-wrap{position:relative}
html.pip-immersive body[data-screen="game"] .stage-wrap canvas{position:absolute;inset:0;width:100%;height:100%}
/* fs-fix: title / rules / shop screens - keep the actions on screen, drop the copy */
html.pip-immersive body:not([data-screen="game"]) .app-shell.pip-stage{display:flex;flex-direction:column;overflow-y:auto!important;padding-bottom:6px!important}
html.pip-immersive body[data-screen="title"] #screen-title{display:flex;flex-direction:column;align-items:center;min-height:0;gap:.4rem;padding-top:0;padding-bottom:0;margin:0}
html.pip-immersive body[data-screen="title"] #screen-title :is(.kicker,.lede,.how-line,.facts-list){display:none!important}
html.pip-immersive body[data-screen="title"] #screen-title .game-title{margin:0;font-size:clamp(1.3rem,6vh,2rem)}
html.pip-immersive body[data-screen="title"] #screen-title .demo-wrap{flex:0 1 auto;min-height:0;margin:0;max-height:min(30vh,190px)}
html.pip-immersive body[data-screen="title"] #screen-title .demo-wrap canvas{max-height:min(30vh,190px);width:auto;max-width:100%}
html.pip-immersive body[data-screen="title"] #screen-title .btn-row{margin:0;gap:.4rem;flex-wrap:wrap;justify-content:center}
html.pip-immersive body[data-screen="title"] #screen-title .btn{padding:.5rem .9rem;min-height:0}