@media (max-width: 1199.98px) {
  .game-shell {
    padding-inline: 28px;
  }

  .intro-panel h1 {
    font-size: clamp(2.65rem, 5vw, 4rem);
  }

}

@media (max-width: 991.98px) {
  .game-shell {
    min-height: auto;
    padding: 14px 24px 28px;
  }

  .game-layout {
    min-height: auto;
    margin-top: 10px;
  }

  .intro-panel {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);
    align-items: end;
    gap: 10px 22px;
    padding-right: 0;
  }

  .intro-panel .eyebrow {
    grid-column: 1 / -1;
    margin-bottom: -4px;
  }

  .intro-panel h1 {
    font-size: clamp(2.2rem, 6vw, 3.6rem);
  }

  .intro-panel h1 em {
    display: inline;
  }

  .intro-lead {
    margin: 0 0 4px;
  }

  .rules-list,
  .signal-legend {
    display: none;
  }

  .board-card {
    width: min(100%, 780px);
  }

}

@media (max-width: 767.98px) {
  .home-link {
    top: 12px;
    left: 12px;
  }

  .page-decoration--lime {
    top: -250px;
    right: -250px;
  }

  .page-decoration--blue {
    display: none;
  }

  .game-shell {
    padding: 12px 12px 22px;
  }

  .game-topbar {
    min-height: 46px;
    padding-left: 50px;
  }

  .game-brand {
    font-size: 0.61rem;
  }

  .brand-mark {
    width: 25px;
    height: 25px;
  }

  .text-action,
  .new-game-button {
    padding-inline: 10px;
    font-size: 0.67rem;
  }

  .intro-panel {
    display: block;
    padding: 5px 6px 0;
  }

  .intro-panel .eyebrow {
    margin-bottom: 5px;
  }

  .intro-panel h1 {
    font-size: clamp(1.95rem, 9vw, 2.75rem);
    line-height: 0.94;
  }

  .intro-lead {
    max-width: 620px;
    margin: 9px 0 2px;
    font-size: 0.78rem;
    line-height: 1.4;
  }

  .board-card {
    padding: 13px;
    border-radius: 22px;
  }

  .board-toolbar {
    align-items: flex-end;
    margin-bottom: 10px;
  }

  .board-toolbar h2 {
    font-size: 1.22rem;
  }

  .difficulty-switch button {
    min-width: 65px;
    min-height: 39px;
  }

  .field-meta {
    margin-bottom: 10px;
  }

  .field-meta > div {
    padding: 7px 9px;
  }

  .minefield-board {
    max-height: min(54vh, 520px);
  }

  .field-actions {
    margin-top: 10px;
  }

  .status-line {
    margin-top: 7px;
  }
}

@media (max-width: 575.98px) {
  .game-brand > span:last-child {
    display: none;
  }

  .topbar-actions {
    margin-left: auto;
  }

  .board-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .board-toolbar > div:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .board-kicker {
    margin: 0;
  }

  .difficulty-switch {
    width: 100%;
  }

  .difficulty-switch button {
    min-width: 0;
    flex: 1;
  }

  .minefield-board {
    padding: 5px;
    gap: 1px;
    border-radius: 13px;
    box-shadow: 5px 5px 0 color-mix(in srgb, var(--lime) 68%, var(--ink));
  }

  .minefield-board[data-difficulty="easy"] {
    width: min(92%, 360px);
  }

  .minefield-board[data-difficulty="hard"] {
    padding: 4px;
  }

  .field-actions {
    gap: 5px;
  }

  .tool-button,
  .check-button {
    gap: 5px;
    font-size: 0.64rem;
  }

  .game-dialog {
    padding: 24px;
    border-radius: 22px;
  }
}

@media (max-width: 374.98px) {
  .game-shell {
    padding-inline: 8px;
  }

  .home-link {
    left: 8px;
  }

  .game-topbar {
    padding-left: 48px;
  }

  .text-action {
    padding-inline: 7px;
  }

  .new-game-button {
    padding-inline: 9px;
  }

  .intro-panel h1 {
    font-size: 1.86rem;
  }

  .intro-lead {
    font-size: 0.73rem;
  }

  .board-card {
    padding: 10px;
  }

  .field-meta > div {
    display: grid;
    gap: 1px;
    padding: 6px 7px;
  }

  .field-meta strong {
    text-align: left;
  }

  .status-line {
    font-size: 0.61rem;
  }
}

@media (max-height: 760px) and (min-width: 992px) {
  .game-shell {
    padding-top: 12px;
  }

  .game-layout {
    min-height: calc(100vh - 62px);
  }

  .intro-panel h1 {
    font-size: clamp(2.6rem, 4.2vw, 4rem);
  }

  .intro-lead {
    margin-block: 15px;
  }

  .rules-list {
    gap: 6px;
    margin-bottom: 14px;
  }

  .minefield-board {
    max-width: 450px;
  }

  .minefield-board[data-difficulty="easy"] {
    max-width: 370px;
  }

  .minefield-board[data-difficulty="hard"] {
    max-width: 475px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-link,
  .new-game-button {
    transition: none;
  }
}