/* sokoban-push · fullscreen. Paired with fullscreen-fit.js (toggles .fs-wide on the stage; also nudges the
   game to re-size its cells once the layout changes). Only inside the game-shell Full screen. */
html.pip-immersive .game-wrap.pip-stage .sp-how { font-size: .76rem; margin: 2px 4px 4px; }
html.pip-immersive .game-wrap.pip-stage .sp-pad { margin: 4px 0; }
html.pip-immersive .game-wrap.pip-stage.fs-wide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
  grid-template-rows: repeat(14, auto) 1fr;
  column-gap: 20px;
  align-content: start;
}
html.pip-immersive .game-wrap.pip-stage.fs-wide > * { grid-column: 2; min-width: 0; }
html.pip-immersive .game-wrap.pip-stage.fs-wide > .sp-stage { grid-column: 1; grid-row: 1 / -1; align-self: center; margin: 0; min-height: 0; }
html.pip-immersive .game-wrap.pip-stage.fs-wide > .sp-levels { grid-column: 2; }
@media (max-height: 460px) {
  html.pip-immersive .game-wrap.pip-stage .sp-how, html.pip-immersive .game-wrap.pip-stage .facts { display: none; }
}
@media (max-height: 460px) {
  html.pip-immersive .game-wrap.pip-stage .sp-cross { grid-template-columns: repeat(3, 50px); grid-template-rows: repeat(3, 40px); gap: 3px; }
  html.pip-immersive .game-wrap.pip-stage .sp-side { width: 54px; height: 54px; }
  html.pip-immersive .game-wrap.pip-stage .game-title { display: none; }
  html.pip-immersive .game-wrap.pip-stage #status { margin: 2px 0; min-height: 0; }
}
@media (max-height: 700px) and (max-width: 420px) {
  html.pip-immersive .game-wrap.pip-stage .game-title, html.pip-immersive .game-wrap.pip-stage .facts { display: none; }
}
@media (max-height: 700px) {
  html.pip-immersive .game-wrap.pip-stage .sp-stage { min-height: 0; margin: 2px 0; }
  html.pip-immersive .game-wrap.pip-stage .sp-how { display: none; }
  html.pip-immersive .game-wrap.pip-stage .sp-pad { margin: 2px 0; }
}