/* ant-farm fullscreen: paired with fullscreen-fit.js, which sets --fs-w (the farm's width)
   and toggles .fs-wide. Applies only while the shell's Full screen is on (html.pip-immersive);
   normal play is untouched. */
html.pip-immersive .game-wrap { display: block; }
html.pip-immersive .game-wrap .af-howto { display: none; }
html.pip-immersive .game-wrap #farm-stage { width: var(--fs-w, 100%); max-width: var(--fs-w, none); }
html.pip-immersive .game-wrap .hud { margin-bottom: .25rem; }
html.pip-immersive .game-wrap #status { min-height: 1.2em; margin-bottom: .25rem; text-align: center; }

/* Wide screens: the farm fills the height on the left, HUD + status + panels on the right. */
html.pip-immersive .game-wrap.fs-wide {
  display: grid;
  grid-template-columns: var(--fs-w) 300px;
  column-gap: 18px;
  align-content: start;
  justify-content: center;
}
html.pip-immersive .game-wrap.fs-wide > * { grid-column: 2; min-width: 0; }
html.pip-immersive .game-wrap.fs-wide > #farm-stage { grid-column: 1; grid-row: 1 / span 12; margin: 0; align-self: start; }
html.pip-immersive .game-wrap.fs-wide .hud { flex-wrap: nowrap; align-items: center; }
html.pip-immersive .game-wrap.fs-wide #move-count { font-size: .72rem; min-width: 0; }
html.pip-immersive .game-wrap.fs-wide .hd-about p { font-size: .9rem; line-height: 1.5; margin: 0 0 .55rem; }
html.pip-immersive .game-wrap.fs-wide .hd-about h2 { font-size: 1.1rem; }