/* board.css — overrides that turn the tool's live app CSS into a standalone 1920x1080 still.
   The tool normally sizes #scaler with JS (it fits the canvas to the app window). These files
   have no JS, so the board is pinned at its native 1920x1080 and the *iframe* is scaled by the
   landing page instead. Nothing here changes how a box looks — only how the page is framed. */

html, body {
  margin: 0;
  padding: 0;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: #dfe3ea;
}

#scaler {
  width: 1920px;
  height: 1080px;
  transform: none;
}

/* The tool applies these via JS/app chrome; assert them so the still matches the live board. */
#canvas,
#fundBoard {
  position: relative;
  width: 1920px;
  height: 1080px;
  margin: 0;
}

/* This is a picture, not a control surface: kill every affordance that implies interactivity. */
.board-shot * {
  cursor: default !important;
  user-select: none;
}
.board-shot .a-check,
.board-shot .cl-check,
.board-shot .asset,
.board-shot .trust-asset {
  cursor: default !important;
}