.db-filter-panel { margin-top: 8px; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--bg-card); }
.db-filter-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.db-filter-field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--text-secondary); min-width: 0; }
.db-filter-field select, .db-filter-field input { width: 100%; min-width: 0; min-height: 32px; color: var(--text-primary); background-color: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 5px 7px; font: inherit; font-size: 12px; }
.db-filter-field select:focus, .db-filter-field input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.db-range { display: flex; gap: 8px; }
.db-advanced-sections { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.db-filter-panel .db-filter-advanced { margin: 0; padding: 0; border: 0; }
.db-filter-panel .db-filter-advanced summary { cursor: pointer; font-weight: 500; font-size: 12px; color: var(--text-primary); padding: 5px 9px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); }
.db-filter-panel .db-filter-advanced[open] { flex-basis: 100%; order: 1; }
.db-filter-advanced .db-filter-grid { margin-top: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.db-filter-help { color: var(--text-muted); font-size: 11px; margin: 7px 0 0; }
.db-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.db-filter-chip { border: 1px solid var(--accent); border-radius: 20px; background: var(--bg-surface); color: var(--text-primary); padding: 6px 12px; cursor: pointer; font: inherit; font-size: 12px; }
.db-catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 18px; }
.db-catalog-grid > .player-card-new, .db-catalog-grid > .epic-card { width: 100%; }
.db-catalog-grid > .player-card { align-self: start; min-height: 90px; }
.db-catalog-grid .player-card-name { overflow-wrap: anywhere; }
.db-catalog-grid .player-card-info { min-width: 0; }
.db-catalog-grid--standard { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.db-crawl-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
@media (max-width: 1200px) { .db-filter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) { .db-filter-grid, .db-filter-advanced .db-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
    .db-filter-panel { padding: 12px; }
    .db-filter-grid { gap: 10px; }
    .db-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .db-catalog-grid--standard { grid-template-columns: minmax(0, 1fr); }
    .players-page .search-bar { padding: 12px; }
}