@media (prefers-reduced-motion: reduce) {
  .catalog-command--atlas .inline-filters .filter-selection-frame,
  .catalog-command--atlas .inline-filters .filter-selection-frame i,
  .catalog-command--atlas .active-chip-shell > .filter-selection-frame,
  .catalog-command--atlas .active-chip-shell > .filter-selection-frame i { transition: none; }
  .catalog-command--atlas .inline-filters .atlas-compact-option:hover .filter-selection-frame i,
  .catalog-command--atlas .inline-filters .atlas-compact-option:focus-visible .filter-selection-frame i,
  .catalog-command--atlas .misc-filter-options > label:hover > .filter-selection-frame i,
  .catalog-command--atlas .misc-filter-options > label:focus-within > .filter-selection-frame i,
  .catalog-command--atlas .active-chip-shell:hover > .filter-selection-frame i,
  .catalog-command--atlas .active-chip-shell:focus-within > .filter-selection-frame i { animation: none; transform: scale(1); }
  .catalog-command--atlas .inline-filters .element-filter::before,
  .catalog-command--atlas .inline-filters .misc-filter-toggle::before { animation: none; transition: none; }
}

@media (max-width: 1120px) {
  .catalog-command--atlas .inline-filter-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-command--atlas .inline-filter-section--misc { grid-column: 1 / -1; border-top: 1px solid rgba(104, 158, 164, .12); }
  .catalog-command--atlas .inline-filters .misc-filters { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .catalog-command--atlas {
    width: calc(100% - 1rem);
    margin-top: .15rem;
    padding-top: .4rem;
  }

  .catalog-command--atlas .catalog-controls--atlas {
    --catalog-toolbar-height: 2.5rem;
    grid-template-columns: 1fr;
    gap: .38rem;
    padding-bottom: .9rem;
  }

  .catalog-command--atlas .inline-filter-groups { grid-template-columns: 1fr; }
  .catalog-command--atlas .inline-filter-section,
  .catalog-command--atlas .inline-filter-section--misc {
    padding: .62rem 0 .72rem;
    border-left: 0;
    border-top: 1px solid rgba(104, 158, 164, .16);
  }
  .catalog-command--atlas .inline-filter-section:first-child { padding-top: .22rem; border-top: 0; }
  .catalog-command--atlas .inline-filter-section--misc { grid-column: auto; }
  .catalog-command--atlas .inline-filters .element-filters,
  .catalog-command--atlas .inline-filters .work-filters,
  .catalog-command--atlas .inline-filters .misc-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-command--atlas .inline-filters .atlas-compact-option {
    min-height: 2.35rem;
    height: auto;
    padding: 3px 5px;
  }
  .catalog-command--atlas .inline-filters .atlas-compact-option > span { font-size: .56rem; }
  .catalog-command--atlas .inline-filters .atlas-compact-option img { width: 20px; height: 20px; }
  .catalog-command--atlas .inline-filters .misc-filter-icon { width: 19px; height: 19px; }
}

@media (max-width: 430px) {
  .catalog-command--atlas .inline-filters .atlas-compact-option {
    grid-template-columns: 17px minmax(0, 1fr) 11px;
    padding-inline: 3px;
    gap: 1px 3px;
  }
  .catalog-command--atlas .inline-filters .atlas-compact-option img { width: 16px; height: 16px; }
  .catalog-command--atlas .inline-filters .misc-filter-icon { width: 15px; height: 15px; }
  .catalog-command--atlas .inline-filters .atlas-compact-option > span { font-size: 8.4px; }
}

@media (max-width: 580px) {
  .catalog-results-layout { width: calc(100% - 1rem); }
  .paldeck-list-heading {
    align-items: center;
    flex-wrap: wrap;
    padding-inline: 0;
  }
  .paldeck-list-heading > div:first-child { transform: none; }
  .paldeck-list-actions {
    width: auto;
    justify-content: flex-end;
  }
  .catalog-results-layout .pal-grid { padding: .72rem .2rem .3rem; gap: .55rem; }
  .catalog-results-layout .pal-card {
    min-height: 7.5rem;
    padding: .5rem 6rem .42rem .62rem;
  }
  .catalog-results-layout .paldeck-card-portrait { right: .18rem; bottom: .1rem; width: 6rem; height: 6rem; }
  .catalog-results-layout .paldeck-card-name { font-size: .94rem; }
  .catalog-results-layout .paldeck-card-number b { font-size: 1rem; }
  .catalog-results-layout .paldeck-card-elements { gap: .1rem; }
  .catalog-results-layout .paldeck-card-element { font-size: .5rem; }
  .catalog-results-layout .paldeck-card-element img { width: .88rem; height: .88rem; }
  .catalog-results-layout .paldeck-card-works { min-height: 1.35rem; flex-wrap: wrap; gap: .08rem .18rem; }
  .catalog-results-layout .paldeck-card-work { height: 1.2rem; }
  .catalog-results-layout .paldeck-card-work img { width: 1.05rem; height: 1.05rem; }
  .catalog-results-layout .paldeck-card-work b { font-size: .5rem; }
  .catalog-results-layout .paldeck-card-stat-bar { height: 1rem; }
  .catalog-results-layout .paldeck-card-stat-icon { width: 1rem; height: 1rem; }
  .catalog-results-layout .pal-card[data-stat-layout] .paldeck-card-stat { grid-template-columns: 1rem minmax(0, 1fr); grid-template-rows: 1rem; }
  .catalog-results-layout .pal-card[data-stat-layout] .paldeck-card-stat-icon { width: 1rem; height: 1rem; padding: .18rem; }
  .catalog-results-layout .pal-card[data-stat-layout] .paldeck-card-stat-bar span { padding-left: .28rem; font-size: .54rem; }
}

@media (max-width: 390px) {
  .catalog-command--atlas .inline-filters .element-filters,
  .catalog-command--atlas .inline-filters .misc-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-results-layout .pal-card { min-height: 7.15rem; padding-right: 5.85rem; }
  .catalog-results-layout .paldeck-card-portrait { width: 5.6rem; height: 5.6rem; }
}

@media (hover: none), (pointer: coarse) {
  .catalog-results-layout .pal-card,
  .catalog-results-layout .pal-card:hover,
  .catalog-results-layout .pal-card:focus-visible { transform: none; }
  .catalog-results-layout .pal-card::after { display: none; }
}

/* On narrow screens, icon-led filters keep the two-column control field readable without
   turning the filter panel into a long scroll. Misc. filters keep their labels for clarity. */
@media (max-width: 600px) {
  .catalog-command--atlas .inline-filters .element-filters > .element-filter {
    min-height: 2rem;
    height: 2rem;
    grid-template-columns: 20px minmax(0, 1fr) 10px;
    grid-template-rows: 1fr;
    gap: 0;
    padding: 2px 3px;
  }
  .catalog-command--atlas .inline-filters .element-filters > .element-filter > span:not(.filter-selection-frame) {
    display: block;
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
  }
  .catalog-command--atlas .inline-filters .element-filters > .element-filter > img {
    grid-column: 1;
    grid-row: 1;
    width: 21px;
    height: 21px;
    justify-self: center;
  }
  .catalog-command--atlas .inline-filters .element-filters > .element-filter::before {
    grid-column: 3;
    grid-row: 1;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter {
    grid-template-columns: minmax(0, 1fr) 10px;
    justify-items: center;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter > span:not(.filter-selection-frame) {
    display: none;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter > img {
    grid-column: 1;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter::before {
    grid-column: 2;
  }

  .catalog-command--atlas .inline-filters .work-filter-menu > summary.atlas-compact-option {
    min-height: 2rem;
    height: 2rem;
    grid-template-columns: 20px minmax(0, 1fr) 12px;
    grid-template-rows: 1fr;
    gap: 0;
    padding: 2px 3px;
  }
  .catalog-command--atlas .inline-filters .work-filter-menu > summary.atlas-compact-option > span:not(.filter-selection-frame):not(.filter-selected-count) {
    display: block;
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
  }
  .catalog-command--atlas .inline-filters .work-filter-menu > summary.atlas-compact-option > img {
    grid-column: 1;
    grid-row: 1;
    width: 20px;
    height: 20px;
    justify-self: center;
  }
  .catalog-command--atlas .inline-filters .work-filter-menu > summary.atlas-compact-option::after {
    grid-column: 3 !important;
    grid-row: 1;
  }
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option {
    grid-template-columns: minmax(0, 1fr) 12px;
  }
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option > span:not(.filter-selection-frame):not(.filter-selected-count) {
    display: none;
  }
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option::after {
    grid-column: 2 !important;
  }
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu > summary.atlas-compact-option > .filter-selected-count {
    right: auto;
    left: .08rem;
    min-width: 0;
    padding-inline: .12rem;
  }

  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-menu > summary.atlas-compact-option,
  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-toggle {
    min-height: 2.1rem;
    height: 2.1rem;
  }
}

/* Keep an open menu above the neighboring isolated filter sections at every viewport size. */
.catalog-command--atlas .inline-filters .inline-filter-section:has(.misc-filter-menu[open]) {
  z-index: 5000;
}

/* Give mobile filters two comfortable rows when needed. Misc. keeps readable labels and can
   scroll horizontally through its two-row rail instead of shrinking every control. */
@media (max-width: 600px) {
  .catalog-command--atlas .inline-filters .element-filters,
  .catalog-command--atlas .inline-filters .work-filters {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .28rem;
    min-width: 0;
    overflow: hidden;
    padding: 0 .05rem .2rem;
  }
  .catalog-command--atlas .inline-filters .work-filters {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .catalog-command--atlas .inline-filters .element-filters > .element-filter {
    width: 100%;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 3px;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter > img {
    width: 22px;
    height: 22px;
  }
  .catalog-command--atlas .inline-filters .element-filters:not(.filter-icons-ready) > .element-filter {
    width: 100%;
  }

  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu {
    width: 100%;
    min-width: 0;
  }
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu > summary.atlas-compact-option {
    width: 100%;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 3px;
  }
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option > img {
    width: 21px;
    height: 21px;
  }
  .catalog-command--atlas .inline-filters .work-filters:not(.filter-icons-ready) > .work-filter-menu {
    width: 100%;
  }

  .catalog-command--atlas .inline-filters .misc-filters {
    display: grid;
    grid-template-columns: repeat(8, minmax(6.5rem, 1fr));
    grid-template-rows: repeat(2, minmax(2.2rem, auto));
    grid-auto-flow: row;
    gap: .28rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 .05rem .2rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-menu,
  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-toggle {
    width: 100%;
    min-width: 0;
    min-height: 2.2rem;
    height: 2.2rem;
    overflow: hidden;
  }
  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-menu > summary.atlas-compact-option {
    width: 100%;
    min-height: 2.2rem;
    height: 2.2rem;
  }
  .catalog-command--atlas .inline-filters .misc-filters > :is(.misc-filter-menu, .misc-filter-toggle) > :is(summary, span, button) {
    min-width: 0;
  }
  .catalog-command--atlas .inline-filters .misc-filters .atlas-compact-option > span:not(.filter-selection-frame):not(.filter-selected-count) {
    font-size: .52rem;
  }
}

.mobile-filter-trigger,
.mobile-filter-clear { display: none; }

@media (max-width: 600px) {
  .catalog-command--atlas .inline-filters .inline-filter-groups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .28rem;
    align-items: start;
  }
  .catalog-command--atlas .inline-filters .inline-filter-section {
    min-width: 0;
    padding: .22rem 0 .28rem;
    border: 0;
  }

  /* Keep the mobile interaction frame and chevrons clear of the grid edges. */
  .catalog-command--atlas .inline-filters .element-filters {
    overflow: visible;
  }
  .catalog-command--atlas .inline-filters .element-filters > .element-filter,
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu > summary.atlas-compact-option {
    align-items: center;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter > img,
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option > img {
    align-self: center;
    justify-self: center;
  }
  .catalog-command--atlas .inline-filters .element-filters.filter-icons-ready > .element-filter::before,
  .catalog-command--atlas .inline-filters .work-filters.filter-icons-ready > .work-filter-menu > summary.atlas-compact-option::after {
    align-self: center;
    justify-self: center;
  }
  .catalog-command--atlas .inline-filters .element-filters > .element-filter > .filter-selection-frame,
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu > summary.atlas-compact-option > .filter-selection-frame {
    inset: -.14rem;
  }

  .catalog-command--atlas .inline-filter-section:has(.mobile-filter-trigger) {
    z-index: 200;
  }
  .catalog-command--atlas .inline-filter-section:has(.mobile-filter-trigger[aria-expanded="true"]),
  .catalog-command--atlas .inline-filter-section:has(.misc-filter-menu[open]) {
    z-index: calc(5000 + var(--mobile-filter-open-order, 0));
  }
  .catalog-command--atlas .inline-filters .work-filters {
    overflow: visible;
  }

  .catalog-command--atlas .mobile-filter-trigger {
    width: 100%;
    min-height: 2.55rem;
    padding: .35rem .65rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) .7rem;
    align-items: center;
    gap: .55rem;
    color: #dfecee;
    border: 1px solid var(--catalog-surface-border, rgb(54 89 102 / 34%));
    border-radius: var(--catalog-surface-radius, 5px);
    background: var(--catalog-surface-background, linear-gradient(180deg, rgb(12 29 39 / 96%), rgb(8 22 30 / 96%)));
    box-shadow: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .catalog-command--atlas .mobile-filter-trigger[aria-expanded="true"] {
    border-color: var(--catalog-surface-active-border, rgb(71 164 177 / 52%));
    background: var(--catalog-surface-active-background, linear-gradient(105deg, rgb(14 47 57 / 96%), rgb(9 32 41 / 96%)));
  }
  .catalog-command--atlas .mobile-filter-trigger:focus-visible {
    outline: 2px solid color-mix(in srgb, #70f4ff 72%, #071820);
    outline-offset: .08rem;
  }
  .mobile-filter-trigger__copy {
    min-width: 0;
    display: grid;
    gap: .04rem;
    overflow: hidden;
  }
  .mobile-filter-trigger__copy small {
    color: #66cbd2;
    font-size: .43rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .mobile-filter-trigger__copy strong {
    color: #eef8f9;
    overflow: hidden;
    font-size: .58rem;
    font-weight: 760;
    letter-spacing: -.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-filter-trigger__value {
    color: #8ea9ac;
    font-size: .48rem;
    font-weight: 760;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    display: none;
  }
  .mobile-filter-trigger::after {
    width: .68rem;
    height: .68rem;
    grid-column: 2;
    grid-row: 1;
    place-self: center;
    background: var(--catalog-chevron-color, #70f4ff);
    mask: var(--catalog-chevron-mask) center / contain no-repeat;
    -webkit-mask: var(--catalog-chevron-mask) center / contain no-repeat;
    content: "";
    transform: rotate(0deg);
    transition: transform 150ms ease;
  }
  .mobile-filter-trigger[aria-expanded="true"]::after {
    transform: rotate(180deg);
  }

  .catalog-command--atlas .mobile-filter-panel {
    position: absolute;
    top: calc(100% + .35rem);
    left: 0;
    width: calc(300% + .56rem);
    box-sizing: border-box;
    z-index: 1000;
    padding: .42rem .35rem .35rem;
    border: 1px solid var(--catalog-surface-active-border, rgb(71 164 177 / 52%));
    border-radius: var(--catalog-surface-radius, 5px);
    background: rgba(4, 17, 23, .98);
    box-shadow: 0 14px 28px rgb(0 0 0 / 42%), inset 0 1px rgb(177 232 239 / 8%);
    overflow: visible;
  }
  .catalog-command--atlas .inline-filter-section--work .mobile-filter-panel {
    left: calc(-100% - .28rem);
  }
  .catalog-command--atlas .inline-filter-section--misc .mobile-filter-panel {
    left: calc(-200% - .56rem);
  }
  .catalog-command--atlas .mobile-filter-panel .misc-filter-menu > summary.atlas-compact-option > .filter-selection-frame i {
    color: color-mix(in srgb, var(--filter-accent, #70f4ff) 78%, #071820);
  }
  .catalog-command--atlas .mobile-filter-panel .misc-filter-menu > summary.atlas-compact-option:focus-visible {
    outline: 2px solid color-mix(in srgb, #70f4ff 72%, #071820);
    outline-offset: .08rem;
  }
  .catalog-command--atlas .mobile-filter-panel .misc-filter-options {
    top: calc(100% + .55rem);
    background: rgba(4, 17, 23, .98);
    border-color: var(--catalog-surface-active-border, rgb(71 164 177 / 52%));
    box-shadow: 0 14px 28px rgb(0 0 0 / 42%), inset 0 1px rgb(177 232 239 / 8%);
  }
  .catalog-command--atlas .mobile-filter-panel.is-collapsed {
    display: none;
  }
  .catalog-command--atlas .mobile-filter-panel > .filter-section-title {
    display: none;
  }
  .catalog-command--atlas .mobile-filter-clear {
    width: 100%;
    min-height: 2.2rem;
    margin-top: .48rem;
    padding: .42rem .6rem .36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a9d9dd;
    border: 1px solid rgb(74 139 148 / 42%);
    border-radius: 2px;
    background: rgb(3 14 19 / 96%);
    box-shadow: inset 0 1px rgb(177 232 239 / 5%);
    font: inherit;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease;
  }
  .catalog-command--atlas .mobile-filter-clear:is(:hover, :focus-visible) {
    color: #f1feff;
    border-color: #70f4ff;
    background: rgb(7 27 34 / 98%);
    outline: 0;
  }
  .catalog-command--atlas .mobile-filter-clear:active { transform: translateY(1px); }
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    overflow: visible;
    padding: 0;
  }
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filters > .misc-filter-menu,
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filters > .misc-filter-toggle {
    width: 100%;
    min-width: 0;
  }
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu {
    overflow: visible;
  }
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu > summary.atlas-compact-option,
  .catalog-command--atlas .inline-filters .misc-filters > .misc-filter-toggle {
    overflow: visible;
  }

  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu,
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu {
    position: relative;
    z-index: 1;
  }
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu:is(:hover, :focus-within, [open]),
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu:is(:hover, :focus-within, [open]) {
    z-index: 10000;
  }
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu[open] > .misc-filter-options,
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu[open] > .misc-filter-options {
    z-index: 10001;
  }
  .catalog-command--atlas .inline-filters .work-filters > .work-filter-menu > .misc-filter-options,
  .catalog-command--atlas .inline-filters .misc-filter-panel .misc-filter-menu > .misc-filter-options {
    top: calc(100% + .55rem);
    bottom: auto;
    width: max-content !important;
    min-width: 7rem !important;
    max-width: calc(100vw - 1rem) !important;
  }
}