/* Large screens / 4K TVs */
@media (min-width: 2000px) {
  .board {
    --tile-gap: 5px;
  }
}

/* Tablet */
@media (max-width: 900px) {
  .accent-segment {
    width: 6px;
    height: 6px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .board {
    --tile-gap: 2px;
  }

  .keyboard-hint {
    display: none;
  }
}

/* Fullscreen mode */
:fullscreen .board {
  border-radius: 0;
}