/* Faceted filtering follows the existing glass and per-game accent tokens. */
.browse-filter-fields .more-filters-button{align-self:stretch;min-height:54px}
.more-filters-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--glass-edge);border-radius:5px;background:var(--glass-sheen),var(--glass-input);color:var(--secondary);font:inherit;font-size:.8rem;white-space:nowrap;cursor:pointer}
.more-filters-button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-edge));color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--glass-input))}
.more-filters-button>span{font-size:.66rem;border-radius:4px;background:var(--glass-fill);border:1px solid var(--glass-edge);padding:0 5px}
.browse-filter-status{margin:-5px 0 24px}
.browse-match-row{display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:32px}
.browse-match-row p{margin:0;color:var(--secondary);font-size:.79rem}
.browse-match-row p strong{color:var(--text);font-weight:600}
.browse-match-row p>span{color:var(--muted);margin-left:8px;font-size:.72rem}
.browse-match-row button{padding:5px 10px;font-size:.73rem;white-space:nowrap}
.active-filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.active-filter-chip{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 9px;border:1px solid var(--glass-edge);border-radius:5px;background:var(--glass-input);color:var(--secondary);font:inherit;font-size:.73rem;cursor:pointer}
.active-filter-chip>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-filter-chip>span:last-child{font-size:1rem;line-height:1;color:var(--muted)}
.active-filter-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-edge));background:color-mix(in srgb,var(--accent) 6%,var(--glass-input))}
.active-filter-chip:hover>span:last-child{color:var(--accent)}
.glass-select-option:has(.glass-option-count) .glass-option-label{flex:1;min-width:0;display:flex;gap:8px}
.glass-option-count{margin-left:auto;font-size:.7rem;color:var(--muted);padding-left:8px;flex-shrink:0}
dialog.advanced-filter-dialog{width:930px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.advanced-filter-dialog .popup-body{padding:19px 22px;max-height:calc(100dvh - 188px);overflow:auto}
.advanced-filter-help{font-size:.79rem;line-height:1.7;color:var(--secondary);margin:0 0 17px}
.filter-draft-criteria{display:flex;gap:7px;flex-wrap:wrap}
.filter-draft-criteria:not(:empty){margin-bottom:15px}
.facet-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.facet-group{min-width:0;border:1px solid var(--glass-edge);border-radius:7px;padding:13px;background:var(--glass-input)}
.facet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-height:24px}
.facet-heading h3{font-size:.88rem;font-weight:600;color:var(--text);margin:0}
.facet-heading h3>span{font-size:.7rem;color:var(--muted);font-weight:500;margin-left:7px}
.facet-heading button{border:0;background:transparent;color:var(--secondary);font:inherit;font-size:.7rem;cursor:pointer;padding:3px}
.facet-heading button:hover{color:var(--accent)}
.facet-search{position:relative;margin-bottom:8px}
.facet-search input{width:100%;height:35px;padding:0 32px 0 10px;border:1px solid var(--glass-edge);border-radius:5px;background:var(--glass-input);color:var(--text);font:inherit;font-size:.74rem}
.facet-search input::-webkit-search-cancel-button{display:none}
.facet-search .search-clear{position:absolute;right:5px;top:5px;width:25px;height:25px;font-size:1rem}
.facet-options{max-height:205px;overflow:auto;scrollbar-width:thin;padding-right:5px}
.facet-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 5px;border-radius:4px;font-size:.76rem;line-height:1.4;color:var(--secondary)}
.facet-option[hidden]{display:none}
.facet-option:hover{background:var(--glass-fill)}
.facet-option:has(input:checked){color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.facet-option:has(input:disabled){opacity:.45;cursor:default}
.facet-option input{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:var(--accent)}
.facet-option-label{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}
.facet-option-label img{max-width:23px;max-height:17px;object-fit:contain;flex-shrink:0}
.facet-option-count{font-size:.68rem;color:var(--muted);margin-left:auto;padding-left:5px;flex-shrink:0}
.facet-no-options,.facet-no-data{font-size:.77rem;color:var(--muted);padding:13px 5px;margin:0}
.advanced-filter-footer{display:flex;align-items:center;gap:13px;padding:14px 22px;border-top:1px solid var(--glass-edge);background:var(--glass-input)}
.advanced-filter-footer [data-draft-count]{font-size:.71rem;color:var(--muted)}
.advanced-filter-footer [data-apply-filters]{margin-left:auto;white-space:nowrap}
.advanced-filter-footer .subtle-button{font-size:.75rem;margin:0}
.advanced-filter-footer button:disabled{opacity:.4;cursor:default}
.live-search-toolbar .more-filters-button{height:100%}
@media(max-width:850px){.browse-filter-fields .more-filters-button{min-height:48px}.browse-match-row p>span{display:block;margin-left:0;margin-top:2px}}
@media(max-width:600px){.facet-groups{grid-template-columns:minmax(0,1fr)}.advanced-filter-dialog .popup-body{padding:15px;max-height:calc(100dvh - 180px)}.advanced-filter-footer{padding:12px 15px;gap:9px}.advanced-filter-footer [data-draft-count]{display:none}.facet-options{max-height:180px}.browse-filter-status{margin-bottom:18px}.active-filter-chip{font-size:.69rem;padding:5px 8px;gap:8px}.browse-match-row p{font-size:.75rem}.more-filters-button{font-size:.75rem;padding:9px 12px}.live-search-toolbar .more-filters-button{height:42px}}

#content .browse-controls .browse-filter-fields{grid-template-columns:repeat(var(--browse-fields),minmax(0,1fr)) auto}
@media(max-width:1150px){#content .browse-controls .browse-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#content .browse-controls .browse-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#content .browse-controls .more-filters-button{grid-column:1/-1}}