@media (max-width: 1380px) {
  .tcg-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .tcg-page .catalog-command--atlas .inline-filter-groups {
    grid-template-columns: minmax(16rem, .9fr) minmax(14rem, .65fr) minmax(24rem, 1.45fr);
  }
}

@media (max-width: 1120px) {
  .tcg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .tcg-page .catalog-command--atlas .inline-filter-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tcg-page .inline-filter-section--misc { grid-column: 1 / -1; }
  .tcg-page .catalog-command--atlas .inline-filters .tcg-misc-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .tcg-card-flight-stage { overflow-y: auto; }
  .tcg-card-flight-backdrop,
  .tcg-card-flight-close { position: fixed; }
  .tcg-card-flight-navigation {
    top: calc(24px + var(--flight-card-height) + 1.15rem);
  }
  .tcg-card-flight-details {
    top: calc(24px + var(--flight-card-height) + 4.35rem);
    right: .75rem;
    bottom: auto;
    left: .75rem;
    padding-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  .tcg-card-flight-side {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: auto;
    max-height: none;
    translate: none;
  }
  .tcg-card-flight-side--identity {
    padding: 1rem 0 1rem 1rem;
    text-align: left;
    border-right: 0;
    border-left: 2px solid color-mix(in srgb, var(--flight-accent) 72%, white);
    background: linear-gradient(90deg, color-mix(in srgb, var(--flight-accent) 9%, rgba(4, 17, 23, .72)), transparent 88%);
  }
  .tcg-card-flight-side--identity .tcg-card-flight-stat-copy { flex-direction: row; }
}

@media (max-width: 820px) {
  .tcg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tcg-page .catalog-command--atlas .inline-filters .tcg-misc-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tcg-provenance { grid-template-columns: 1fr; }
  .tcg-provenance > a { justify-self: start; }
}

@media (max-width: 620px) {
  .tcg-results,
  .tcg-provenance { width: min(calc(100% - 1rem), 1680px); }
  .tcg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .tcg-card-flight-navigation {
    width: min(calc(100% - 1.5rem), 22rem);
    grid-template-columns: 2.6rem minmax(0, 1fr) 2.6rem;
  }
  .tcg-page .catalog-command--atlas .inline-filter-groups { grid-template-columns: 1fr; }
  .tcg-page .catalog-command--atlas .catalog-controls--atlas { grid-template-columns: minmax(0, 1fr); }
  .tcg-page .catalog-command--atlas .atlas-sort-control { width: 100%; min-width: 0; }
  .tcg-page .inline-filter-section--misc { grid-column: auto; }
  .tcg-page .catalog-command--atlas .inline-filters .element-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tcg-page .catalog-command--atlas .inline-filters .tcg-type-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tcg-page .catalog-command--atlas .inline-filters .tcg-misc-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tcg-results-heading { align-items: start; }
  .tcg-card-flight-details { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .tcg-card > button,
  .tcg-card-visual,
  .tcg-card-image,
  .tcg-card-image::after,
  .tcg-card-selection-frame,
  .tcg-card-selection-frame i,
  .tcg-card-flight-tilt,
  .tcg-card-flight-glare { transition: none; }
  .tcg-card > button:is(:hover, :focus-visible) .tcg-card-visual { transform: none; }
  .tcg-card > button:is(:hover, :focus-visible) .tcg-card-selection-frame i { animation: none; }
}