/* Minesweeper */

.ms-board{ display:inline-grid; }

.ms-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: var(--mono);
  font-weight: 800;
  user-select:none;
}

.ms-cell.covered{
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.65);
}

.ms-cell.revealed{
  background: rgba(255,255,255,0.92);
  color: #000;
}

.ms-cell.rock{
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.78);
}

.ms-cell.flag{
  background: rgba(255,255,255,0.10);
  color: #ffd54a;
}

.ms-cell.boom{
  background: rgba(255, 80, 80, 0.95);
  color: #000;
}

/* number colors (classic-ish) */
.ms-n1{ color:#1976d2; }
.ms-n2{ color:#2e7d32; }
.ms-n3{ color:#d32f2f; }
.ms-n4{ color:#512da8; }
.ms-n5{ color:#6d4c41; }
.ms-n6{ color:#00838f; }
.ms-n7{ color:#424242; }
.ms-n8{ color:#212121; }

.seg{
  display:inline-flex;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 3px;
}
.segbtn{
  border-radius: 11px;
}