/* Crosslink V292 — tablet board maximisation.
   The board is intrinsically square; fill the limiting viewport axis without
   stretching the artwork or overlapping the dice/pawn rail.
   Phone layout (<=800px) is intentionally unchanged. */
@media (min-width:801px) and (max-width:1200px),
       (min-width:801px) and (max-width:1400px) and (pointer:coarse) {
  body.board-view .board-wrap,
  body.board-view:not(.classic-mode) .board-wrap,
  body.board-view.pawn-status-hidden .board-wrap,
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .board-wrap {
    --board-side:min(calc(100dvh - 8px),calc(100vw - 194px));
    position:fixed!important;inset:0!important;
    width:100vw!important;max-width:100vw!important;
    height:100dvh!important;min-height:100dvh!important;
    padding:4px!important;gap:8px!important;
    flex-direction:row!important;align-items:center!important;
    justify-content:center!important;overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .board-wrap {
    --board-side:min(calc(100dvh - 8px),calc(100vw - 376px));
    padding-left:182px!important;
  }
  body.board-view canvas#board,
  body.classic-mode.board-view canvas#board,
  body.board-view.pawn-status-hidden canvas#board,
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) canvas#board {
    width:var(--board-side)!important;height:var(--board-side)!important;
    max-width:var(--board-side)!important;max-height:var(--board-side)!important;
    min-width:0!important;flex:0 0 auto!important;
    margin:0!important;aspect-ratio:1!important;
  }
  body.board-view .playbar,
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .playbar {
    width:174px!important;max-width:174px!important;
    flex:0 0 174px!important;
    margin:0!important;gap:8px!important;padding:9px!important;
  }
  /* Pawn panel keeps its own area rather than covering the larger board. */
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .expanded-pawn-status {
    left:4px!important;max-width:172px!important;width:172px!important;
  }
}
/* Portrait tablets: board across almost the full usable width, with the dice
   in a compact row below. Do not retain the old 720/760px cap. */
@media (min-width:801px) and (max-width:1200px) and (orientation:portrait),
       (min-width:801px) and (max-width:1400px) and (pointer:coarse) and (orientation:portrait) {
  body.board-view .board-wrap,
  body.board-view:not(.classic-mode) .board-wrap,
  body.board-view.pawn-status-hidden .board-wrap,
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .board-wrap {
    --board-side:min(calc(100vw - 8px),calc(100dvh - 154px))!important;
    padding:4px 4px max(4px,env(safe-area-inset-bottom))!important;
    flex-direction:column!important;justify-content:flex-start!important;
    gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important;
  }
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .board-wrap {
    padding-left:4px!important;
  }
  body.board-view .playbar,
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .playbar {
    width:min(var(--board-side),calc(100vw - 8px))!important;
    max-width:calc(100vw - 8px)!important;
    flex:0 0 auto!important;
    display:grid!important;grid-template-columns:1fr auto 1fr!important;
    gap:8px!important;padding:8px!important;
  }
  body.board-view:not(.classic-mode):not(.pawn-status-hidden) .expanded-pawn-status {
    position:relative!important;inset:auto!important;order:2!important;
    width:min(var(--board-side),calc(100vw - 8px))!important;
    max-width:calc(100vw - 8px)!important;max-height:none!important;
  }
}