.setup { display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap; margin: 16px 0; }
.setup select { width: auto; }
.board-wrap { display: flex; justify-content: center; margin-bottom: 12px; }
#canvas { border-radius: 12px; border: 1px solid var(--border); max-width: 100%; }
.turn { font-weight: 700; margin-bottom: 8px; }
.dice-row { display: flex; gap: 12px; align-items: center; justify-content: center; margin-bottom: 8px; }
.dice { font-size: 2.4rem; }
.dice.rolling { animation: spin 0.4s linear; }
@keyframes spin { to { transform: rotate(360deg); } }
.msg { min-height: 1.4em; font-weight: 700; color: var(--primary); margin: 6px 0 10px; }