.board-skyscrapers {
  display: grid;
  gap: 0;
  width: min(92vw, 28rem);
  aspect-ratio: 1;
  border: 2px solid var(--board-line-strong, #3b2a1a);
}
.board-skyscrapers .cell {
  position: relative;
  display: grid;
  place-items: center;
  font-weight: 650;
  background: var(--board-cell, #fffaf0);
  border: 0;
  border-top: 1px solid var(--board-line);
  border-left: 1px solid var(--board-line);
}
.board-skyscrapers .cell.is-given { font-weight: 800; color: var(--board-given, #241a14); }
.board-skyscrapers .sky-clue {
  display: grid;
  place-items: center;
  font-weight: 800;
  color: var(--board-given, #241a14);
  font-size: 0.92em;
}
.board-skyscrapers .sky-corner { pointer-events: none; }
#board.board-skyscrapers .cell.is-selected {
  background-color: var(--board-cell-sel);
  box-shadow: inset 0 0 0 2.5px var(--play-ring-active, #19D65A);
  border-radius: 5px;
  z-index: 2;
}