/* Shared game shell. Individual games own their grid geometry and artwork. */
#game-table .play-layout,
body .br-arcade-layout,
body .tycoon-play-layout {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,225px)!important;
  gap:clamp(12px,2vw,26px)!important;
  align-items:start;
  width:100%;
  max-width:1160px;
  margin-inline:auto;
}
#game-table .play-layout > *,
body .br-arcade-layout > *,
body .tycoon-play-layout > * {min-width:0}
#game-table .play-layout > .br-game-options,
body .br-arcade-layout > .br-game-options,
body .tycoon-play-layout > .br-game-options {
  width:100%;
  min-width:0;
  max-width:100%;
  position:static;
}
#game-table .play-layout > :is(.board-wrap,.number-board,.match-game) {
  width:min(100%,clamp(310px,calc(100dvh - 240px),510px))!important;
  min-width:0!important;
  margin-inline:auto!important;
}
body .br-arcade-play > #board {
  width:min(100%,clamp(300px,calc(100dvh - 245px),510px))!important;
  min-width:0!important;
  margin-inline:auto!important;
}
body.br-nonogram-view .br-arcade-play > #board {
  width:min(100%,clamp(280px,calc(100dvh - 265px),430px))!important;
}
body.br-fleet-view .br-arcade-layout {grid-template-columns:minmax(0,1fr)!important}
body.br-fleet-view .br-arcade-layout > .br-game-options {grid-row:1}
body.br-fleet-view .br-arcade-play > #board {
  width:min(100%,clamp(520px,2 * (100dvh - 280px),960px))!important;
}
body .br-arcade-play > #board.br-solitaire-board {
  width:min(100%,760px)!important;
}
@media(max-width:760px){
  #game-table .play-layout,
  body .br-arcade-layout,
  body .tycoon-play-layout {grid-template-columns:minmax(0,1fr)!important}
  #game-table .play-layout > .br-game-options,
  body .br-arcade-layout > .br-game-options,
  body .tycoon-play-layout > .br-game-options {grid-row:1;margin-bottom:0}
  #game-table .play-layout > :is(.board-wrap,.number-board,.match-game),
  body .br-arcade-play > #board,
  body.br-fleet-view .br-arcade-play > #board {
    width:min(100%,460px)!important;
  }
}