.mc-board {
  display: flex;
  align-items: stretch;
  gap: 8px;
  background: #3e2a1e;
  padding: 14px 10px;
  border-radius: 20px;
  width: min(520px, 100%);
}

.mc-store {
  width: 58px;
  border-radius: 16px;
  background: #5a3d29;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #f3e5d0;
  font-weight: 800;
  font-size: 1.3rem;
  gap: 4px;
  padding: 6px;
}

.mc-store span { font-size: 0.62rem; font-weight: 600; color: #d8bfa0; }

.mc-pits-wrap { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.mc-row { display: flex; gap: 8px; flex-direction: row-reverse; }
.mc-row.mc-row-bottom { flex-direction: row; }

.mc-pit {
  flex: 1;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #6b4a32, #43301f);
  border: none;
  color: #f3e5d0;
  font-weight: 800;
  font-size: 1.15rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.1s ease, box-shadow 0.15s ease;
}

.mc-pit:disabled { cursor: default; opacity: 0.85; }
.mc-pit.mc-active:hover:not(:disabled) { box-shadow: 0 0 0 3px var(--color-primary); }
.mc-pit.mc-empty-highlight { box-shadow: 0 0 0 3px var(--color-accent); }
.mc-pit[data-anim="sow"] { animation: mc-pulse 0.2s ease; }

@keyframes mc-pulse {
  0% { transform: scale(1.25); }
  100% { transform: scale(1); }
}