.mahjong-board {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(8, 1fr);
  gap: 8px;
  min-height: 560px;
  padding: 12px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--green) 20%, var(--paper));
}
.mahjong-tile {
  min-height: 58px;
  background: #fff8e8;
  color: #264034;
  font-size: 20px;
  box-shadow: 0 6px 0 #c9b88f, 0 10px 18px rgba(0,0,0,.16);
}
.mahjong-tile.locked {
  opacity: .52;
}
.mahjong-tile.open {
  border-color: var(--gold);
}