/* Tile and gap sizing is computed from the viewport in Board._getDimensions
   and applied inline, so there are no tile-size breakpoints here — only the
   chrome that genuinely needs to change on small screens. */

@media (max-width: 900px) {
  .accent-segment {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 600px) {
  .keyboard-hint {
    display: none;
  }
  .accent-bar {
    display: none;
  }
}