/* MINES */
.mines-info {
  display: flex; justify-content: center; align-items: center;
  gap: 18px; margin-bottom: 14px; flex-wrap: wrap;
}
.mines-stat { text-align: center; }
.mines-stat strong {
  display: block; font-family: "Poppins", sans-serif;
  font-weight: 800; font-size: 1.2rem; color: #fff;
}
.mines-dificuldades {
  display: inline-flex; gap: 4px;
  background: rgba(255,255,255,0.04); padding: 4px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
}
.mines-dif-btn {
  font-family: "Poppins", sans-serif; font-weight: 600; font-size: 0.78rem;
  background: transparent; color: #cbc4d9; border: 0;
  padding: 6px 10px; border-radius: 5px; cursor: pointer;
}
.mines-dif-btn.ativa {
  background: linear-gradient(120deg, #94a3b8, #38bdf8); color: #1a1230;
}
/* Visual estilo Windows 95 com bevel 3D realista */
.mines-tab {
  display: inline-grid;
  gap: 0; padding: 6px;
  background: #c0c0c0;
  /* Moldura embutida 3D — sunken inset (clássico Win95) */
  border-style: solid;
  border-width: 3px;
  border-color: #7b7b7b #ffffff #ffffff #7b7b7b;
  margin-bottom: 14px;
  user-select: none;
  box-shadow:
    0 12px 32px rgba(0,0,0,0.6),
    inset 1px 1px 0 #5a5a5a,
    inset -1px -1px 0 #f0f0f0;
}
.mines-celula {
  width: 28px; height: 28px;
  /* Botão raised 3D (closed) */
  background: linear-gradient(135deg, #d4d4d4 0%, #c0c0c0 50%, #a8a8a8 100%);
  display: flex; align-items: center; justify-content: center;
  font-family: "Poppins", "Courier New", sans-serif; font-weight: 900;
  font-size: 1rem;
  cursor: pointer;
  border-style: solid;
  border-width: 3px;
  border-color: #ffffff #7b7b7b #5a5a5a #ffffff;
  transition: filter 0.05s;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.mines-celula:hover {
  filter: brightness(1.08);
}
.mines-celula:active:not(.aberta):not(.flag) {
  /* "Pressed" effect — vira sunken brevemente */
  border-color: #7b7b7b #ffffff #ffffff #7b7b7b;
  background: #b8b8b8;
}
.mines-celula.aberta {
  /* Sunken: borda invertida, fundo plano */
  background: #bdbdbd;
  border-style: solid;
  border-width: 1px;
  border-color: #7b7b7b;
  cursor: default;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15);
}
.mines-celula.aberta.bomba {
  background: radial-gradient(circle, #ef4444, #b91c1c);
  color: #fff;
  font-size: 1.2rem;
  animation: minesBoom 0.4s ease-out;
  box-shadow:
    inset 0 0 8px rgba(0,0,0,0.5),
    0 0 18px rgba(239, 68, 68, 0.6);
}
@keyframes minesBoom {
  0%   { transform: scale(1.5); background: #fbbf24; }
  100% { transform: scale(1); }
}
.mines-celula.flag {
  color: #b91c1c;
  font-size: 0.85rem;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.3));
}
/* Cores clássicas do Win95 minesweeper */
.mines-celula.aberta.n1 { color: #0000ff; }
.mines-celula.aberta.n2 { color: #008000; }
.mines-celula.aberta.n3 { color: #ff0000; }
.mines-celula.aberta.n4 { color: #000080; }
.mines-celula.aberta.n5 { color: #800000; }
.mines-celula.aberta.n6 { color: #008080; }
.mines-celula.aberta.n7 { color: #000000; }
.mines-celula.aberta.n8 { color: #808080; }
@media (max-width: 540px) {
  .mines-celula { width: 22px; height: 22px; font-size: 0.85rem; border-width: 2px; }
}