@import url("../shared/multiplayer.css");

body { background: #f3f5fa; }
.mine-grid { gap: clamp(.25rem, 1vw, .42rem); }
.mine-cell {
  border-radius: clamp(.5rem, 1.8vw, .72rem);
  background: linear-gradient(145deg, #8cc2ed, #6ea9df);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.5),
    inset 0 -4px 8px rgba(45,112,177,.16),
    0 3px 8px rgba(74,117,164,.13);
  color: #fff;
  font-size: clamp(.95rem, 4vw, 1.45rem);
  font-weight: 850;
}
.mine-cell:not(:disabled):hover { filter: brightness(1.04) saturate(1.05); }
.mine-cell.open {
  background: linear-gradient(145deg, #e8f1fb, #d6e5f5);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.8),
    inset 0 -3px 7px rgba(84,125,168,.08),
    0 2px 6px rgba(74,117,164,.1);
}
.mine-cell.boom {
  background: linear-gradient(145deg, #ff8f97, #ef616d);
  color: #8b1722;
}
.mine-cell[data-number="1"] { color: #2667d4; }
.mine-cell[data-number="2"] { color: #20ad68; }
.mine-cell[data-number="3"] { color: #ed4046; }
.mine-cell[data-number="4"] { color: #913ab8; }
.mine-cell[data-number="5"] { color: #b12750; }
.mine-cell.boom { color: #8b1722; }