/* minesweeper-patterns · fullscreen - paired with fullscreen-fit.js (sets --mp-fs-bh on #mp-app, toggles .fs-wide on .mp-play).
 * Applies only while the game-shell's Full screen is on (html.pip-immersive); normal play is untouched. */
html.pip-immersive .mp-article{display:none}
html.pip-immersive .mp-app{min-height:0}
html.pip-immersive .mp-board{width:min(100%,calc(var(--cols) / var(--rows) * var(--mp-fs-bh,56vh)))}
html.pip-immersive .mp-play .mp-modes{margin:8px 0 2px}
html.pip-immersive .mp-play .mp-tip{margin:0 0 4px}
html.pip-immersive .mp-play .mp-note{min-height:0}
html.pip-immersive .mp-play.fs-wide{display:grid;grid-template-columns:minmax(0,1fr) var(--mp-fs-side,270px);column-gap:18px;align-content:center;align-items:start}
html.pip-immersive .mp-play.fs-wide>*{grid-column:2;min-width:0}
html.pip-immersive .mp-play.fs-wide>.mp-board-wrap{grid-column:1;grid-row:1/span 6;align-self:center}
html.pip-immersive .mp-play.fs-wide>.mp-toasts{grid-column:1;grid-row:1}
/* short landscape screens (phones): the home menu fits without scrolling */
@media (max-height:520px) and (min-width:600px){
  html.pip-immersive .mp-lede,html.pip-immersive .mp-links{display:none}
  html.pip-immersive .mp-modes-grid{grid-template-columns:repeat(3,1fr);margin-bottom:8px}
  html.pip-immersive .mp-lib-btn{min-height:44px;margin-bottom:8px}
  html.pip-immersive .mp-stats{margin-bottom:6px}
}