@media (max-width: 1200px) {
  body:not(.base-game-room-sidebar-collapsed) .blackjack-standard-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .blackjack-standard-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1000px),
  (min-width: 600px) and (min-height: 600px) and (max-width: 1366px) and (any-pointer: coarse) {
  body.base-game-game-active:not(.base-game-room-sidebar-collapsed) .blackjack-room-main {
    padding-inline-end: 0;
  }
}

@media (max-width: 900px) {
  .blackjack-gameplay {
    grid-template-columns: minmax(0, 1fr);
    padding-inline-end: 18px;
  }

  .blackjack-comparison-table-region {
    height: clamp(300px, 55vh, 480px);
  }
}

@media (max-width: 760px) {
  .blackjack-dealer-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-dealer-row:has(.blackjack-standard-round-break-controls > :not([hidden])) {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-dealer-row:has(.blackjack-standard-actions.is-dealer-actions) {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-gameplay.is-complete .blackjack-standard-dealer-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-round-break-controls {
    width: min(100%, 328px);
    justify-self: center;
  }

  .blackjack-actions {
    width: min(100%, 328px);
    justify-self: center;
  }

  .blackjack-standard-actions.is-dealer-actions {
    width: var(--blackjack-standard-action-column-width);
    justify-self: center;
  }

  .blackjack-metrics-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blackjack-metric:nth-child(3) {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    border-left: 0;
  }

  .blackjack-metric:nth-child(4) {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
  }

  .blackjack-sandbox-metrics-overview .blackjack-auto-continue-metric,
  .blackjack-standard-metrics-overview .blackjack-auto-continue-metric {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    border-left: 0;
  }

  .blackjack-comparison-pagination {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blackjack-comparison-pagination span {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .blackjack-table-sandbox,
  .blackjack-table-live-game {
    min-height: 390px;
    padding: 16px 10px;
    border-radius: 22px;
  }
}

@media (max-width: 560px) {
  .blackjack-standard-dealer-results-heading-actions {
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
  }

  .blackjack-standard-last-round-dialog {
    padding: 18px;
  }

  .blackjack-standard-last-round-content {
    max-height: calc(100vh - 174px);
  }

  .blackjack-standard-last-round-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-last-round-dealer-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .blackjack-standard-skip-dealer-bid-dialog-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .blackjack-standard-skip-dealer-bid-dialog-actions .base-game-button {
    width: 100%;
  }

  .blackjack-standard-dealer-bet-form {
    grid-template-columns: minmax(0, 1fr) minmax(76px, auto);
    column-gap: 6px;
  }

  .blackjack-standard-dealer-bet-entry {
    grid-template-columns: minmax(68px, 0.28fr) minmax(0, 1fr);
    gap: 4px;
  }

  .blackjack-standard-dealer-bet-adjustments {
    gap: 2px;
  }

  .blackjack-standard-dealer-bet-adjustments button {
    padding-inline: 2px;
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .blackjack-standard-hands .blackjack-cards:has(.blackjack-card.is-dealing) {
    scrollbar-width: none;
  }

  .blackjack-standard-hands .blackjack-cards:has(.blackjack-card.is-dealing)::-webkit-scrollbar {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blackjack-standard-money-transfer {
    display: none;
  }

  .blackjack-standard-final-results-button {
    animation: none;
  }

  .blackjack-standard-bet-adjustment-feedback.is-decrease,
  .blackjack-standard-bet-adjustment-feedback.is-increase {
    animation: blackjack-standard-bet-adjustment-fade 180ms ease-out forwards;
  }

  .blackjack-card.is-dealing,
  .blackjack-card.is-revealing {
    animation: none;
  }
}