/* lemonade-stand fullscreen: paired with fullscreen-fit.js, which toggles .fs-wide / .fs-tight /
   .fs-tighter and sets --fs-w. Applies only while the shell Full screen is on (html.pip-immersive). */
html.pip-immersive .game-wrap { display: block; }
html.pip-immersive .game-wrap .ls-howto,
html.pip-immersive .game-wrap .hd-about,
html.pip-immersive .game-wrap .facts,
html.pip-immersive .game-wrap .game-title { display: none; }
html.pip-immersive .game-wrap > * { max-width: var(--fs-w, none); margin-inline: auto; }
html.pip-immersive .game-wrap .hud { min-height: 0; padding-top: 4px; margin-bottom: 4px; }
html.pip-immersive .game-wrap #status { padding: 3px 8px; margin-bottom: 4px; min-height: 0; }
html.pip-immersive #end-overlay { z-index: 8100; }

html.pip-immersive .game-wrap.fs-wide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 16px;
  align-content: start;
  max-width: none;
}
html.pip-immersive .game-wrap.fs-wide > * { grid-column: 1 / span 2; max-width: none; margin-inline: 0; }
html.pip-immersive .game-wrap.fs-wide > #card-grid { grid-column: 1; grid-row: auto; }
html.pip-immersive .game-wrap.fs-wide > #color-btns { grid-column: 2; grid-row: span 1; }
html.pip-immersive .game-wrap.fs-wide .ups { flex-wrap: wrap; }

html.pip-immersive .game-wrap.fs-tight .stand { padding: .55rem; }
html.pip-immersive .game-wrap.fs-tight .stand .money { font-size: 1.5rem; margin: 0; }
html.pip-immersive .game-wrap.fs-tight .street { margin-top: .35rem; }
html.pip-immersive .game-wrap.fs-tight .panel { padding: .45rem .6rem; margin: 2px 0; }
html.pip-immersive .game-wrap.fs-tight .panel h3 { margin-bottom: .25rem; }
html.pip-immersive.pip-hd .game-wrap.fs-tight .street { height: 120px; }
html.pip-immersive .game-wrap.fs-tighter .meters,
html.pip-immersive .game-wrap.fs-tighter .goal-line,
html.pip-immersive .game-wrap.fs-tighter #ls-plan { display: none; }
html.pip-immersive.pip-hd .game-wrap.fs-tighter .street { height: 96px; }
html.pip-immersive .game-wrap.fs-tighter .ups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
html.pip-immersive .game-wrap.fs-tighter .ups .btn { min-height: 0; padding: 6px 4px; font-size: .72rem; }
html.pip-immersive .game-wrap.fs-tighter .ups .btn small { font-size: .62rem; line-height: 1.15; }
html.pip-immersive .game-wrap.fs-tighter .ls-go { min-height: 0; padding-block: 8px; }
html.pip-immersive .game-wrap.fs-tighter .row .btn { min-height: 0; padding-block: 6px; }
/* fs-tiny: phones in landscape / small portrait screens */
html.pip-immersive .game-wrap.fs-tiny .panel h3,
html.pip-immersive .game-wrap.fs-tiny .verdict,
html.pip-immersive .game-wrap.fs-tiny .stock-row + .meters { display: none; }
html.pip-immersive .game-wrap.fs-tiny .stand { padding: .4rem .55rem; }
html.pip-immersive .game-wrap.fs-tiny .stand .money { font-size: 1.25rem; line-height: 1.1; }
html.pip-immersive .game-wrap.fs-tiny .stock-row { margin: 0; }
html.pip-immersive .game-wrap.fs-tiny .event-banner { padding: 2px 6px; font-size: .72rem; margin: 2px 0; }
html.pip-immersive .game-wrap.fs-tiny .stepper .btn { min-height: 0; padding-block: 4px; }
html.pip-immersive .game-wrap.fs-tiny .ups .btn small { display: none; }
html.pip-immersive .game-wrap.fs-tiny .panel { padding: .3rem .5rem; margin: 2px 0; }
html.pip-immersive .game-wrap.fs-tiny .hud { padding-top: 2px; margin-bottom: 2px; }
html.pip-immersive .game-wrap.fs-tiny #status { padding: 1px 6px; margin-bottom: 2px; font-size: .78rem; }
html.pip-immersive.pip-hd .game-wrap.fs-tiny .street { height: 78px; margin-top: .25rem; }
html.pip-immersive .game-wrap.fs-tiny .report .rep-grid { gap: 2px; font-size: .78rem; }
html.pip-immersive .game-wrap.fs-tiny .report .spark { display: none; }