/* The Game tab (js/gametab.js): the card game fills the panel below the header, in its own frame. The game keeps its
   own table look (lab/game, GameDatum), drawn from its own tokens; only this panel follows the theme. */
.gameview { display: none; grid-column: 1 / -1; grid-row: 2; position: relative; min-width: 0; min-height: 0; overflow: hidden; contain: strict;
  background: #0b1417; border-radius: var(--panel-r, 0); }
body[data-view="game"] :is(.side, .stage, .rmap, .tl-only) { display: none; }
body[data-view="game"] .gameview { display: block; }
.game-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
/* phones: the drawer still holds the view switch (as in the Data and Map views) */
@media (max-width: 760px) {
  body[data-view="game"] .side { display: flex; bottom: auto; padding-bottom: 0; border-bottom-right-radius: 16px; }
  body[data-view="game"] .side > :not(.side-brand) { display: none; }
  body[data-view="game"] .side-brand { margin: 0; border: 0; }
}