@media (max-width: 1050px) {
  .hero-grid { grid-template-columns: 1fr; gap: 20px; }
  .hero-live-status, .hero-copy { grid-column: 1; grid-row: auto; }
  .hero-live-status { align-self: auto; margin-bottom: 0; }
  .hero-copy { width: min(100%, 760px); }
  .ai-visual { grid-column: 1; grid-row: auto; display: block; width: min(100%, 800px); max-width: 800px; justify-self: center; }
  .filter-bar { align-items: stretch; flex-direction: column; }
  .search-box { flex: 0 0 44px; width: 100%; }
  .filter-controls { display: grid; grid-template-columns: repeat(3, 1fr) auto; }
  .filter-controls select { width: 100%; }
  #percentage-filter, #recommendation-sort { min-width: 0; }
  .game-grid { grid-template-columns: repeat(auto-fill, 200px); }
}
@media (max-width: 800px) {
  :root { --header-height: 64px; }
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 68px 0; }
  .hero { padding-top: 48px; }
  .hero-grid { grid-template-columns: 1fr; gap: 18px; padding: 28px; border-radius: 24px; }
  .hero h1 { max-width: 700px; font-size: clamp(36px, var(--hero-title-size-desktop, 48px), 84px); }
  .provider-section { padding-block: 30px; }
  .games-section { padding-top: 30px; }
  .game-results.list-view .game-card { grid-template-columns: 105px 1fr; }
  .game-results.list-view .game-thumbnail { width: 105px; }
  .game-results.list-view .game-content { display: block; }
  .game-results.list-view .game-percentage { margin-top: 10px; }
  .game-results.list-view .card-actions { margin-top: 10px; }
}
@media (max-width: 600px) {
  .section { padding: 54px 0; }
  .provider-section { padding-block: 24px; }
  .games-section { padding-top: 24px; }
  .hero { padding-top: 38px; }
  .header-actions { gap: 6px; }
  .header-actions .btn { min-height: 36px; padding-inline: 11px; font-size: 11px; }
  .header-actions { width: 100%; max-width: 100%; justify-content: center; margin-left: 0; }
  .site-header--with-member-buttons .header-inner { align-content: center; flex-wrap: wrap; padding-block: 6px; }
  .site-header--with-member-buttons .brand:not(.brand--without-logo) { margin-inline: auto; }
  .brand-logo { max-width: var(--member-logo-width-mobile, 150px); }
  .site-header[data-logo-position="center"] .brand:not(.brand--without-logo) { position: static; transform: none; }
  .hero-grid { gap: 14px; padding: 18px; border-radius: 20px; }
  .hero h1 { font-size: clamp(32px, var(--hero-title-size-mobile, 40px), 64px); }
  .hero-lead { margin-top: 17px; font-size: 15px; line-height: 1.68; }
  .hero-callout { margin-bottom: 17px; font-size: 11px; letter-spacing: .055em; }
  .generator-card { padding: 18px; }
  .form-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .provider-carousel { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 7px; padding: 7px; border-radius: 17px; }
  .provider-carousel__nav { width: 34px; height: 34px; }
  .provider-carousel__nav span { font-size: 23px; }
  .provider-list { gap: 8px; padding: 6px 3px 9px; }
  .provider-button { flex-basis: 118px; width: 118px; height: 60px; padding: 6px 8px; border-radius: 13px; }
  .filter-controls { grid-template-columns: 1fr 1fr; }
  #recommendation-sort { grid-column: 1 / -1; }
  .filter-controls .view-switch { justify-self: stretch; }
  .view-button { flex: 1; }
  .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .game-card { width: 100%; max-width: none; }
  .game-thumbnail { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .game-content { padding: 12px; }
  .game-content h3 { font-size: 13px; }
  .provider-name { font-size: 9px; }
  .game-percentage { margin-top: 10px; }
  .game-percentage__meta { margin-bottom: 5px; }
  .game-percentage__value { font-size: 12px; }
  .game-percentage__track { height: 9px; }
  .score-notification { height: 40px; margin-bottom: 22px; }
  .score-notification__icon { flex-basis: 38px; font-size: 15px; }
  .score-notification:not([data-running-text-speed]) .score-notification__content { animation-duration: 34s; }
  .thumb-icon { width: 52px; height: 52px; font-size: 22px; }
  .card-actions .btn { min-height: 36px; font-size: 9px; }
  .game-load-more { margin-top: 20px; }
  .game-load-more__button { width: 100%; min-width: 0; }
  .result-summary, .pattern-steps { grid-template-columns: 1fr; }
  .result-summary-item-wide { grid-column: auto; }
  .result-analysis-message { padding: 13px 45px 13px 13px; }
  .result-analysis-message__icon { flex-basis: 29px; min-height: 29px; font-size: 16px; }
  .result-actions { flex-direction: column; }
  .result-actions > .btn, .result-unavailable-action { flex-basis: auto; width: 100%; }
  .result-actions .btn { width: 100%; }
  .modal-shell { padding: 24px 18px; }
  .game-results.list-view .game-card { grid-template-columns: 90px 1fr; }
  .game-results.list-view .game-thumbnail { width: 90px; }
}
@media (max-width: 380px) {
  .container { width: min(calc(100% - 22px), var(--container)); }
  .provider-carousel { grid-template-columns: 32px minmax(0, 1fr) 32px; gap: 6px; padding: 6px; }
  .provider-carousel__nav { width: 32px; height: 32px; }
  .provider-list { gap: 7px; }
  .provider-button { flex-basis: 112px; width: 112px; height: 58px; }
  .game-grid { grid-template-columns: 1fr; }
  .filter-controls { grid-template-columns: 1fr; }
  .game-results.list-view .game-card { grid-template-columns: 1fr; }
  .game-results.list-view .game-thumbnail { width: 100%; min-height: 150px; }
}