/* Minefield Minestrike - grid + multiplier */
.mines-arena { align-items: center; gap: 12px; }

.mn-mult {
  margin: 0;
  font-size: clamp(20px, 5vw, 30px);
  font-weight: 900;
  color: #2fd99a;
  text-shadow: 0 0 18px rgba(47, 217, 154, 0.4);
  min-height: 1.2em;
}
.mn-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  width: min(420px, 92vw);
}
.mn-tile {
  aspect-ratio: 1;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: linear-gradient(160deg, #14231b, #0a1510);
  color: #2fd99a;
  font-size: clamp(16px, 4.5vw, 22px);
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.1s ease, background 0.15s ease, border-color 0.15s ease;
}
.mn-tile:not(:disabled):hover { transform: translateY(-2px); border-color: rgba(47, 217, 154, 0.6); }
.mn-tile.safe {
  background: linear-gradient(160deg, #0a8f5c, #076240);
  border-color: #2fd99a;
  cursor: default;
}
.mn-tile.mine {
  background: linear-gradient(160deg, #8e1b1b, #5c1010);
  border-color: #ff5c7a;
  cursor: default;
}
.mn-tile.boom { animation: mn-boom 0.5s ease; }
@keyframes mn-boom {
  30% { transform: scale(1.25) rotate(8deg); }
  100% { transform: none; }
}
.mines-arena .tap-pad { max-width: 420px; }

@media (prefers-reduced-motion: reduce) {
  .mn-tile.boom { animation: none; }
}