.pcga { min-width: 0; max-width: 100%; }
.pcga .pcgv-filters {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
    margin-bottom: 14px;
}
.pcga .pcgv-card__media { aspect-ratio: 16 / 9; }
.pcga .pcgv-card__media img { position: absolute; max-width: none; }
.pcga .pcgv-card__media img[style] { height: auto; object-fit: fill; }
.pcga .pcgv-card__media img:not([style]) { width: 100%; height: 100%; object-fit: cover; }
.pcga .pcgv-card[hidden] { display: none !important; }
.pcga .pcga-environment {
    display: grid;
    gap: 3px;
    width: 100%;
    min-width: 0;
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid #393d45;
}
.pcga .pcga-environment span {
    color: var(--pcgv-muted);
    font-size: 10px;
    line-height: 1.3;
}
.pcga .pcga-environment strong {
    color: #d7ad63;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.pcga .pcgv-footer { margin-top: 24px; }
@container (max-width: 820px) {
    .pcga .pcgv-filters { grid-template-columns: 1fr 1fr; }
    .pcga .pcgv-search { grid-column: 1 / -1; }
    .pcga .pcgv-apply { grid-column: 1; }
    .pcga .pcgv-reset { grid-column: 2; }
}
@container (max-width: 350px) {
    .pcga .pcgv-filters { grid-template-columns: 1fr; }
    .pcga .pcgv-filters > * { grid-column: 1; }
}