.filter-bar{display:flex;gap:.6rem;margin:.75rem 0;flex-wrap:wrap;justify-content:center}.filter-bar button{display:flex;align-items:center;gap:.32em;padding:.5em 1em;background:#1f1f26;color:#fff;border:1.5px solid #333;border-radius:12px;cursor:pointer;font-size:1rem}.filter-bar button.selected{background:#282828;color:#ffe479;border-color:#ffe47990;box-shadow:0 0 6px #ffe47930}.type-icon{width:24px;height:24px;filter:drop-shadow(0 0 2px #0008)}.filter-section.svelte-1gsr5sq{margin-bottom:1.25rem}.filter-title.svelte-1gsr5sq{font-size:.85rem;font-weight:600;color:#ffffffd9;margin:0 0 .5rem;padding-left:4px;text-transform:uppercase;letter-spacing:.05em}.page.two-col.svelte-5za1fe{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;align-items:start}.filters-sidebar.svelte-5za1fe{position:sticky;top:2rem;background:#28234659;border:1.8px solid #7d6ce2;border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;max-height:calc(100vh - 4rem);overflow-y:auto}.char-grid.svelte-5za1fe{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem;width:100%}.filters-toggle.svelte-5za1fe{display:none;position:fixed;bottom:1.5rem;right:1.5rem;background:#7d6ce2;color:#fff;border:none;padding:.9rem 1.4rem;border-radius:14px;font-weight:700;box-shadow:0 8px 24px #0009;z-index:99;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.3)}.filters-drawer.svelte-5za1fe{padding-top:3rem;position:fixed;inset:0;background:#0a0a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:flex-end}.drawer-content.svelte-5za1fe{width:85%;max-width:320px;height:100%;background:#141521;border-left:2px solid #7d6ce2;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;box-shadow:-10px 0 30px #00000080}.drawer-header.svelte-5za1fe{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(125,108,226,.3);padding-bottom:1rem}.drawer-title.svelte-5za1fe{color:#ffd369;font-size:1.2rem;font-weight:800;text-transform:uppercase}.close-btn.svelte-5za1fe{background:#7d6ce21a;border:1px solid #7d6ce2;color:#7d6ce2;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;display:grid;place-items:center}@media (max-width: 1024px){.page.two-col.svelte-5za1fe{grid-template-columns:1fr;gap:1rem;padding:1rem}.desktop-only.svelte-5za1fe{display:none}.filters-toggle.svelte-5za1fe{display:block}}@media (max-width: 600px){.char-grid.svelte-5za1fe{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.page.two-col.svelte-5za1fe{padding:.75rem}}@media (max-height: 500px){.drawer-content.svelte-5za1fe{padding:1rem}.filters-toggle.svelte-5za1fe{bottom:.5rem}}.svelte-5za1fe::-webkit-scrollbar{width:6px}.svelte-5za1fe::-webkit-scrollbar-thumb{background:#463e85;border-radius:10px}