.cell-x::before {
  content: "X";
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #1e293b; /* slate-800 */
}
.cell-o::before {
  content: "O";
  font-size: 3rem;
  font-weight: bold;
  color: #1e293b; /* slate-800 */
}

.cell-o.matched,
.cell-x.matched {
  background-color: oklch(0.63 0.17 150.02) !important;
  box-shadow: 0px 6px 4px oklch(0.63 0.17 150.02 / 0.45);
}
.cell-o.matched::before,
.cell-x.matched::before {
  color: #e5e5e5 !important;
}