.fallback-board {
  position: absolute;
  inset: 6%;
  overflow: hidden;
  border: 1px solid #3e3422;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 35%, #152022, #050809 62%), repeating-linear-gradient(18deg, transparent 0 33px, #a9945b0b 34px 35px);
  box-shadow: inset 0 0 45px #000, 0 0 0 3px #8f6e3440;
}

.fallback-tile {
  position: absolute;
  width: 78px;
  height: 39px;
  padding: 3px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  border: 2px solid #aa8c55;
  border-radius: 7px;
  background: linear-gradient(145deg, #fffdf5, #d8cdb5);
  box-shadow: 0 7px 14px #000a;
  color: #17130d;
}

.fallback-tile::after {
  content: '';
  position: absolute;
  inset: 4px auto 4px 50%;
  width: 1px;
  background: #987a43;
}

.fallback-half {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  place-items: center;
}

.fallback-pip { width: 4px; height: 4px; border-radius: 50%; background: #17130d; }
.fallback-pip.blank { visibility: hidden; }