/* math-blitz · fullscreen.css - fit the play area to the screen while the shell's fullscreen is on.
   Everything is scoped under html.pip-immersive; leaving fullscreen restores the normal page.
   Driven by fullscreen-fit.js (sets --fs-w, adds .fs-stage / .fs-wide / .fs-board-root). */
html.pip-immersive .fs-stage{display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow-x:hidden}
html.pip-immersive .fs-stage>*{flex:none;min-width:0}
html.pip-immersive .fs-stage.fs-wide{display:grid;grid-template-columns:minmax(0,var(--fs-w,60vh)) minmax(0,1fr);column-gap:18px;row-gap:0;align-content:start;grid-auto-rows:min-content}
html.pip-immersive .fs-stage.fs-wide>*{grid-column:2;margin-bottom:8px}
html.pip-immersive .fs-stage.fs-wide>.fs-board-root{grid-column:1;grid-row:1 / span 40;align-self:start;margin-bottom:0}
html.pip-immersive .fs-stage>.fs-board-root{margin-left:auto;margin-right:auto}
html.pip-immersive .mb-stage{width:var(--fs-nat,388px)!important;max-width:none!important;zoom:var(--fs-zoom,1);margin:0 auto!important}
html.pip-immersive .mb-repair{display:none!important}
html.pip-immersive .fs-short .hud{display:none!important}html.pip-immersive .fs-short .mb-stage{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;align-items:center}html.pip-immersive .fs-short .mb-stage #color-btns{margin:0}html.pip-immersive .fs-short .mb-stage #card-grid{margin:0}