.mini-board { display: flex; flex-direction: column; gap: 6px; padding: 8px; border-radius: var(--radius-s); background: var(--surface-bar); font-size: 12px; }
.mini-board__front,
.mini-board__back { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.mini-board__power { margin: 0; color: var(--text-muted); }
.board-slot { display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; border: 1px solid var(--border); border-radius: var(--radius-s); background: var(--surface); min-width: 0; }
.board-slot__position { color: var(--text-faint); font: 600 10px var(--font); letter-spacing: .06em; text-transform: uppercase; }
.board-slot__card { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-slot__resting,
.board-slot__extra,
.board-slot__empty { color: var(--text-muted); }
.board-slot__cheers { display: flex; gap: 3px; }
.cheer-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid var(--border-strong); background: var(--text-faint); }
.cheer-dot[data-color="white"] { background: #f4f4f4; }
.cheer-dot[data-color="green"] { background: #3fae5a; }
.cheer-dot[data-color="red"] { background: #e0454f; }
.cheer-dot[data-color="blue"] { background: #3b82e0; }
.cheer-dot[data-color="purple"] { background: #9b59d0; }
.cheer-dot[data-color="yellow"] { background: #f2c230; }