/* Mine Sweeper — theme override on top of the shared arcade kit. */
:root { --accent: #f5c451; }

/* Difficulty picker on the start screen. */
.diff-row { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.diff-btn {
  padding: 10px 18px;
  min-height: 44px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid var(--glass-border);
  cursor: pointer;
  transition: transform 0.12s ease, background 0.12s ease;
}
.diff-btn:active { transform: scale(0.94); }
.diff-btn.active {
  background: linear-gradient(135deg, var(--purple), #9b7bff);
  border-color: transparent;
}

/* Flag-mode toggle shown in the HUD on touch devices. */
.mode-btn.armed {
  background: linear-gradient(135deg, #f5c451, #e0a52c);
  color: #1a1405;
  border-color: transparent;
}
