/* renversi.css */
.rv-wrap { text-align: center; display: flex; flex-direction: column; gap: 12px; }
.rv-score { font-size: 20px; font-weight: 700; }
.rv-board {
  display: grid; grid-template-columns: repeat(8, 38px); gap: 2px;
  background: #1f4d3a; padding: 6px; border-radius: 10px; margin: 0 auto;
  border: 2px solid #143a2a;
}
.rv-cell {
  width: 38px; height: 38px; border: none; border-radius: 4px;
  background: #2e6b4f; display: grid; place-items: center; cursor: default; padding: 0;
}
.rv-cell.playable { cursor: pointer; box-shadow: inset 0 0 0 2px var(--accent-2); }
.rv-cell.playable:hover { background: #3a8060; }
.rv-disc { width: 28px; height: 28px; border-radius: 50%; display: block; }
.rv-disc.seat0 { background: #14161f; border: 1px solid #000; }
.rv-disc.seat1 { background: #f4f4f8; border: 1px solid #ccc; }
@media (max-width: 380px) {
  .rv-board { grid-template-columns: repeat(8, 32px); }
  .rv-cell { width: 32px; height: 32px; }
  .rv-disc { width: 24px; height: 24px; }
}