/* A single 800px design canvas. Only its outer scale responds to the device. */
html { scrollbar-gutter: stable; }
.board-frame {
  position: relative;
  width: min(800px, 100%);
  margin-inline: auto;
  overflow: hidden;
}
#boardFrame > #app {
  --roro-vw: 8px;
  --roro-vh: 12.8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  max-width: none;
  margin: 0;
  transform: scale(var(--board-scale, 1));
  transform-origin: top left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* Fullscreen changes available space, not the internal design. */
#boardFrame > #app { padding-top: 8px; }
#boardFrame .world-header { min-height: 64px; }
/* Use the former equipment dock's 112px for the full character portrait. */
#boardFrame .character-card { grid-template-rows: minmax(0, 1fr); }