.directory-browser{scroll-margin-top:24px}.directory-live{color:#bba8ce;align-items:center;gap:9px;font-size:12px;display:flex}.directory-live i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 14px var(--accent);border-radius:50%}.directory-browser .collection-toolbar{gap:23px}.directory-game-tab{color:#baa8cc;white-space:nowrap;border-radius:8px;align-items:center;padding:11px 15px;font-size:13px;transition:background .2s,color .2s;display:inline-flex}.directory-game-tab:hover{color:#f6eafa;background:#ffffff07}.directory-game-tab.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.directory-controls{align-items:center;gap:13px;width:100%;display:flex}.directory-controls .search-input{flex:1;width:auto;min-width:0;height:48px}.directory-controls .search-input input{font-size:14px}.directory-controls .sort-input{flex-shrink:0}.directory-controls .sort-input select{max-width:none;min-height:48px;font-size:13px}.directory-filter-toggle{color:#d3bddf;white-space:nowrap;background:#1b1424;border:1px solid #ffffff21;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 16px;font-size:13px;transition:background .2s,border-color .2s;display:flex}.directory-filter-toggle:hover,.directory-filter-toggle.active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:#f2e6fc;background:color-mix(in srgb,var(--accent) 10%,#17101e)}.directory-filter-toggle b{background:var(--accent);color:#140d1c;border-radius:6px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.directory-filter-toggle svg:last-child{transition:transform .2s}.directory-filter-toggle .rotated{transform:rotate(180deg)}.directory-filters{background:linear-gradient(135deg,#21162b,#15101e);border:1px solid #ffffff16;border-radius:13px;padding:25px}.filter-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.filter-panel-heading h3{font-family:var(--display);letter-spacing:-.4px;color:#f1e5fb;font-size:21px;font-weight:500}.filter-panel-heading p,.filter-category-heading p{color:#bda5ce;margin-top:8px;font-size:12px;line-height:1.8}.filter-reset{color:#d6bcec;white-space:nowrap;text-underline-offset:4px;padding:7px 0;font-size:12px;text-decoration:underline}.filter-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px;display:grid}.filter-score{border:0;min-width:0;margin:0;padding:0}.filter-score legend,.filter-language>span{color:#e5d5f0;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.filter-score legend svg,.filter-language>span svg{color:var(--accent)}.filter-bounds{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:end;gap:12px;display:grid}.filter-bounds>span{color:#8e749f;padding-bottom:13px}.directory-filters label{color:#bca1d0;min-width:0;font-size:11px;line-height:1.6}.directory-filters select{color:#ebdcf6;cursor:pointer;text-overflow:ellipsis;background:#100b18;border:1px solid #ffffff1b;border-radius:8px;width:100%;max-width:100%;min-height:44px;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:13px;display:block}.directory-filters select:focus-visible,.directory-filter-toggle:focus-visible,.filter-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.directory-filters select:disabled{opacity:.45;cursor:default}.filter-language select{margin-top:40px}.filter-category-heading{border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:25px;margin-top:26px;padding-top:24px;display:flex}.filter-category-heading h4{color:#ebd9f6;font-size:14px;font-weight:500}.filter-category-heading p{max-width:530px;margin-top:6px;font-size:11px}.filter-add{max-width:240px;position:relative;min-width:175px!important}.filter-add>svg{color:var(--accent);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.filter-add select{color:#dec6ef;background:#b895ff0b;border-style:dashed;margin:0;padding-left:34px}.filter-rules{flex-direction:column;gap:12px;margin-top:22px;display:flex}.filter-rule{background:#100b1777;border:1px solid #ffffff10;border-radius:10px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) 30px;align-items:center;gap:15px;padding:17px;display:grid}.filter-rule-name strong{color:#ebdcf6;overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.6}.filter-rule-name small{color:#a68ab9;align-items:center;gap:4px;margin-top:6px;font-size:10px;line-height:1.7;display:flex}.filter-rule-name small svg{color:var(--accent);flex-shrink:0}.filter-remove{color:#bba2ca;border:1px solid #ffffff10;border-radius:7px;place-items:center;width:30px;height:36px;display:grid}.filter-remove:hover{color:#f3bacb;background:#f3bacb09;border-color:#f3bacb55}.filter-empty-hint{color:#9e84b0;background:#ffffff03;border:1px dashed #ffffff10;border-radius:8px;margin-top:18px;padding:17px;font-size:12px;line-height:1.9}.filter-panel-footer{color:#b2c8b8;align-items:center;gap:7px;margin-top:20px;font-size:11px;display:flex}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chips>button{border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);color:#dfc9ee;background:color-mix(in srgb,var(--accent) 7%,transparent);overflow-wrap:anywhere;text-align:left;border-radius:7px;align-items:center;gap:7px;max-width:100%;padding:8px 10px;font-size:11px;line-height:1.5;display:inline-flex}.filter-chips>button:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.filter-chips>button svg{flex-shrink:0}.filter-chips .clear-all{color:#ab91bd;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.directory-result-info{color:#c5afd6;background:#100b1677;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:15px;padding:16px 27px;font-size:12px;line-height:1.6;display:flex}.directory-result-info>span:last-child{color:#947da7;text-align:right;font-size:11px}.directory-browser .entry-row{min-height:88px;transition:background .18s}.directory-browser .entry-row:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.directory-load-more{text-align:center;border-top:1px solid #ffffff09;justify-content:center;align-items:center;min-height:100px;padding:23px;display:flex}.directory-load-more>span{color:#baa0cf;align-items:center;gap:10px;font-size:12px;display:flex}.directory-load-more>span>svg{color:var(--accent)}.directory-load-more p{color:#ddbed2;margin-bottom:14px;font-size:13px}.directory-browser .empty-state{gap:15px}.directory-browser .empty-state>.button{margin-top:7px}@media (max-width:800px){.directory-controls{flex-wrap:wrap}.directory-controls .search-input{flex-basis:100%}.directory-controls .sort-input{flex:1}.directory-controls .sort-input select{width:100%}.directory-filters{padding:20px}.filter-rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;gap:12px}.filter-rule-name{grid-column:1/3}.filter-rule>label{grid-row:2}.filter-remove{grid-area:1/3/3}.filter-category-heading{align-items:flex-start}.directory-live{display:none}}@media (max-width:600px){.directory-browser .collection-toolbar{gap:17px;padding:17px}.directory-game-tab{padding:10px 12px;font-size:12px}.directory-controls{gap:10px}.directory-controls .search-input input{font-size:13px}.directory-controls .sort-input select{min-height:44px;padding-left:10px;font-size:12px}.directory-filter-toggle{gap:7px;min-height:44px;padding:0 12px;font-size:12px}.directory-filters{margin-inline:-4px;padding:17px 13px}.filter-panel-heading{gap:12px;margin-bottom:21px}.filter-panel-heading h3{font-size:18px;line-height:1.5}.filter-panel-heading p,.filter-reset{font-size:11px}.filter-main-grid{grid-template-columns:1fr;gap:20px}.filter-language select{margin-top:0}.filter-language>span{margin-bottom:10px}.directory-filters select{min-height:44px;font-size:12px}.filter-category-heading{flex-direction:column;gap:14px;margin-top:22px;padding-top:20px}.filter-add{width:100%;max-width:none}.filter-rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px;gap:10px;padding:13px 10px}.filter-rule-name strong{font-size:13px}.filter-rule-name small{font-size:10px}.filter-rule select{padding-inline:8px;font-size:11px}.filter-remove{width:25px}.filter-chips>button{font-size:10px}.directory-result-info{padding:14px 17px;font-size:11px}.directory-result-info>span:last-child{font-size:10px}.directory-load-more{min-height:90px;padding:20px 17px}.directory-browser .entry-row{min-height:86px}}@media (prefers-reduced-motion:reduce){.directory-browser *{scroll-behavior:auto!important;transition:none!important}}.filter-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.filter-presets>span{color:#ac91be;margin-right:5px;font-size:11px}.filter-presets>button{color:#d3bcdf;background:#130c1d;border:1px solid #ffffff19;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font-size:12px;display:flex}.filter-presets>button.selected,.filter-presets>button:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.directory-browser .directory-filters{background:#17111f;border-radius:11px;padding:18px 20px}.directory-browser .filter-panel-heading{align-items:center;gap:16px;margin-bottom:14px}.directory-browser .filter-panel-heading h3{letter-spacing:0;align-items:center;gap:8px;font-size:16px;display:flex}.directory-browser .filter-panel-heading h3 svg{color:var(--accent)}.directory-browser .filter-panel-heading p{margin-top:4px;font-size:11px;line-height:1.6}.directory-browser .filter-reset{padding:5px 0;font-size:11px}.directory-browser .filter-presets{gap:6px;margin-bottom:16px}.directory-browser .filter-presets>button{min-height:32px;padding:5px 11px}.directory-browser .filter-main-grid{align-items:stretch;gap:20px}.directory-browser .filter-score legend,.directory-browser .filter-language>span{margin-bottom:8px;font-size:12px;line-height:20px}.directory-browser .filter-language{flex-direction:column;align-self:stretch;display:flex}.directory-browser .filter-language select{margin-top:auto}.directory-browser .directory-filters select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6d9f0;background-color:#0e0a15;border-color:#ffffff1b;border-radius:7px;min-height:40px;padding:8px 11px;font-size:12px}.directory-browser .directory-filters option,.directory-browser .sort-input option{color:#e6d9f0;background:#191220}.directory-browser .sort-input select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.directory-browser .filter-bounds{gap:10px}.directory-browser .filter-bounds select{margin-top:5px}.directory-browser .filter-bounds>span{padding-bottom:10px}.directory-browser .filter-category-heading{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:17px;padding-top:15px;display:flex}.directory-browser .filter-category-heading h4{font-size:12px;line-height:1.7}.directory-browser .filter-category-heading>span{color:#a991bc;font-size:11px;line-height:1.7}.filter-category-options{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.filter-category-options>button{color:#c6b0d6;text-align:left;background:#100b17;border:1px solid #ffffff19;border-radius:7px;justify-content:center;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:7px 11px;font-size:12px;line-height:1.5;transition:background .15s,border-color .15s;display:inline-flex}.filter-category-options>button span{overflow-wrap:anywhere}.filter-category-options>button svg{color:#937ca6;flex-shrink:0}.filter-category-options>button:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:#f1e4fa}.filter-category-options>button.selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,#100b17);color:#f4e8fb}.filter-category-options>button.selected svg{color:var(--accent)}.filter-category-options>button:focus-visible,.filter-point-row button:focus-visible,.filter-remove:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.filter-no-categories{color:#ae96bf;padding-block:5px;font-size:12px}.directory-browser .filter-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.directory-browser .filter-rule{background:#100b17;border-color:#ffffff12;border-radius:9px;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:13px 14px;display:flex}.filter-rule-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.directory-browser .filter-rule-name{min-width:0}.directory-browser .filter-rule-name strong{font-size:13px;line-height:1.6}.directory-browser .filter-rule-name small{margin-top:3px;font-size:10px;line-height:1.5}.directory-browser .filter-remove{border-radius:6px;flex-shrink:0;width:28px;height:28px}.filter-point-row{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;display:grid}.filter-point-row>span{color:#b59bc7;font-size:11px;line-height:1.6}.filter-point-row>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.filter-point-row button{color:#bca5ce;min-width:0;min-height:32px;font-family:var(--display);background:#1c1425;border:1px solid #ffffff14;border-radius:6px;place-items:center;padding:4px;font-size:13px;line-height:1.5;display:grid}.filter-point-row button:hover{color:#f1e4fa;border-color:#bba0ce66}.filter-point-row button.selected{border-color:var(--accent);color:#f9efff;background:color-mix(in srgb,var(--accent) 18%,#17101e);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.filter-rule-summary{color:#a991bd;border-top:1px solid #ffffff0c;justify-content:space-between;align-items:baseline;gap:10px;padding-top:8px;font-size:11px;line-height:1.6;display:flex}.filter-rule-summary strong{color:#ddc8ec;white-space:nowrap;font-weight:500}.filter-rule-summary>span{text-align:right;overflow-wrap:anywhere;min-width:0}.directory-browser .filter-panel-footer{border-top:1px solid #ffffff0a;margin-top:13px;padding-top:11px;font-size:10px}@media (max-width:700px){.directory-browser .directory-filters{padding:15px}.directory-browser .filter-main-grid{grid-template-columns:1fr;gap:14px}.directory-browser .filter-language select{margin-top:0}.directory-browser .filter-rules{grid-template-columns:1fr}.directory-browser .filter-category-heading{gap:3px;margin-top:15px;padding-top:13px}.filter-category-options{gap:6px}.filter-category-options>button{min-height:36px;padding:7px 9px;font-size:11px}.directory-browser .filter-rule{padding:12px}.filter-point-row button{min-height:36px}}