.ms-grid {
  display: grid;
  gap: 2px;
  margin: 0 auto;
  touch-action: manipulation;
  user-select: none;
  background: var(--surface-2);
  padding: 6px;
  border-radius: var(--radius-sm);
  width: max-content;
}
.ms-cell {
  width: 30px; height: 30px;
  min-width: 30px; min-height: 30px;
  border: none; border-radius: 6px;
  background: linear-gradient(180deg, #ffe3ef, #ffd0e3);
  font-size: 16px; font-weight: 900;
  display: grid; place-items: center;
  color: var(--ink); cursor: pointer;
  transition: transform .05s ease;
}
.ms-cell:active { transform: scale(.9); }
.ms-cell.revealed {
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--line);
}
.ms-cell.mine { background: var(--coral); color: #fff; }
.ms-cell.flag { background: var(--sun); }
.ms-cell.boom { background: #ff3b5c; }
/* 数字配色 */
.ms-cell.n1 { color:#2f80ed } .ms-cell.n2 { color:#27ae60 }
.ms-cell.n3 { color:#eb5757 } .ms-cell.n4 { color:#6f42c1 }
.ms-cell.n5 { color:#b8651b } .ms-cell.n6 { color:#1aa3a3 }
.ms-cell.n7 { color:#333 } .ms-cell.n8 { color:#888 }
@media (max-width: 380px) {
  .ms-cell { width: 26px; height: 26px; min-width: 26px; min-height: 26px; font-size: 14px; }
}