/* block-puzzle · fullscreen — paired with fullscreen-fit.js (sets --bp-fs-w on #bp-play, toggles .fs-wide).
 * Applies only while the game-shell's Full screen is on (html.pip-immersive); normal play is untouched. */
html.pip-immersive #bp-play{margin:0 auto;width:max-content;max-width:100%;justify-items:stretch}
html.pip-immersive #bp-play .bp-stage{width:var(--bp-fs-w,100%);max-width:none;margin:0 auto}
html.pip-immersive #bp-play:not(.fs-wide)>.bp-hud,
html.pip-immersive #bp-play:not(.fs-wide)>.bp-powers,
html.pip-immersive #bp-play:not(.fs-wide)>.bp-goal{width:var(--bp-fs-w,100%);margin:0 auto}
html.pip-immersive #bp-play .bp-mode-label{display:none}
html.pip-immersive #bp-play.fs-wide{grid-template-columns:var(--bp-fs-w) 300px;column-gap:20px;align-content:center;align-items:start;justify-content:center;width:auto}
html.pip-immersive #bp-play.fs-wide>*{grid-column:2;min-width:0}
html.pip-immersive #bp-play.fs-wide>.bp-stage{grid-column:1;grid-row:1/span 6;margin:0}
html.pip-immersive #bp-play.fs-wide>.bp-hud{grid-template-columns:1fr 1fr}
html.pip-immersive #bp-play.fs-wide>.bp-hud>.bp-chip{grid-column:1/-1}
html.pip-immersive #bp-play.fs-wide>.bp-powers{grid-template-columns:1fr}
/* home screen: keep it on one screen too */
html.pip-immersive #bp-home{max-width:560px;margin:0 auto}
@media (orientation:landscape) and (max-height:560px){
  html.pip-immersive #bp-home .bp-modes{grid-template-columns:repeat(3,1fr)}
  html.pip-immersive #bp-home .bp-mode{min-height:56px;padding:8px 10px;gap:10px}
  html.pip-immersive #bp-home .bp-mtxt small{display:none}
  html.pip-immersive #bp-home{max-width:760px;gap:8px}
}
html.pip-immersive #bp-canvas{max-width:none}