/* 1920×1080 固定。区画は #app を基準に絶対配置する。 */
.table-background, .table-scrim { position: absolute; inset: 0; pointer-events: none; }
.table-background {
  z-index: 0;
  background:
    repeating-linear-gradient(2deg, var(--clear) 0 5px, var(--wood-dark) 6px, var(--clear) 8px 31px),
    radial-gradient(ellipse at 30% 0, var(--wood-light), var(--clear) 65%),
    linear-gradient(110deg, var(--wood-dark), var(--wood), var(--wood-light), var(--wood-dark));
}
.table-scrim { z-index: 1; background: var(--bg-scrim); }
.board-plate { position: absolute; z-index: 10; left: 16px; top: 8px; width: 1324px; height: 800px; }
.board-mount { position: absolute; inset: 0; }
.log-strip { position: absolute; z-index: 20; left: 16px; top: 816px; width: 1324px; height: 52px; }
.turn-bar { position: absolute; z-index: 20; left: 1364px; top: 8px; width: 540px; height: 72px; }
.npc-panel { position: absolute; z-index: 20; left: 1364px; width: 540px; height: 216px; }
.npc-panel--1 { top: 88px; }
.npc-panel--2 { top: 312px; }
.npc-panel--3 { top: 536px; }
.self-summary { position: absolute; z-index: 20; left: 1364px; top: 760px; width: 540px; height: 108px; }
.hud-band { position: absolute; z-index: 20; left: 0; top: 876px; width: 1920px; height: 204px; }
.settings-corner { position: absolute; z-index: 20; left: 1836px; top: 848px; width: 68px; height: 40px; }
.hud-self, .hud-hand, .hud-dice, .hud-actions { position: absolute; top: 14px; height: 176px; }
.hud-self { left: 16px; width: 344px; }
.hud-hand { left: 376px; width: 716px; }
.hud-dice { left: 1108px; width: 200px; }
.hud-actions { left: 1324px; width: 580px; }