.search-filter.svelte-lhmjvz{position:relative;display:flex;align-items:center;margin-bottom:12px;max-width:320px}.search-icon.svelte-lhmjvz{position:absolute;left:12px;width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.search-input.svelte-lhmjvz{width:100%;padding:10px 36px 10px 38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;transition:border-color .2s,background .2s}.search-input.svelte-lhmjvz::placeholder{color:var(--text-muted)}.search-input.svelte-lhmjvz:focus{border-color:var(--accent);background:#ffffff14}.clear-search.svelte-lhmjvz{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s}@media(hover:hover){.clear-search.svelte-lhmjvz:hover{background:#fff3}}.clear-search.svelte-lhmjvz svg:where(.svelte-lhmjvz){width:12px;height:12px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.filters-row.svelte-lhmjvz{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-group.svelte-lhmjvz{display:flex;align-items:center;gap:8px}.filter-label.svelte-lhmjvz{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sort-options.svelte-lhmjvz,.rarity-options.svelte-lhmjvz{display:flex;gap:4px}.filter-btn.svelte-lhmjvz{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}@media(hover:hover){.filter-btn.svelte-lhmjvz:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}}.filter-btn.active.svelte-lhmjvz{background:#6366f126;border-color:var(--accent);color:var(--text-primary)}.filter-btn.svelte-lhmjvz:disabled{opacity:.4;cursor:not-allowed}.sort-icon.svelte-lhmjvz{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.sort-icon.flipped.svelte-lhmjvz{transform:rotate(180deg)}.filter-select.svelte-lhmjvz{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s,background .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}@media(hover:hover){.filter-select.svelte-lhmjvz:hover{border-color:#fff3}}.filter-select.svelte-lhmjvz:focus{border-color:var(--accent);background-color:#ffffff14}.filter-select.svelte-lhmjvz option:where(.svelte-lhmjvz){background:var(--bg-secondary);color:var(--text-primary)}.rarity-btn.svelte-lhmjvz{min-width:42px;justify-content:center;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px}.rarity-count.svelte-lhmjvz{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;opacity:.7}.rarity-btn.rarity-common.active.svelte-lhmjvz{background:#9ca3af33;border-color:#9ca3af;color:#d1d5db}.rarity-btn.rarity-uncommon.active.svelte-lhmjvz{background:#22c55e33;border-color:#22c55e;color:#4ade80}.rarity-btn.rarity-rare.active.svelte-lhmjvz{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.rarity-btn.rarity-epic.active.svelte-lhmjvz{background:#a855f733;border-color:#a855f7;color:#c084fc}.rarity-btn.rarity-legendary.active.svelte-lhmjvz{background:#fbbf2433;border-color:#fbbf24;color:#fcd34d}.rarity-btn.rarity-mythic.active.svelte-lhmjvz{background:#ec489933;border-color:#ec4899;color:#f472b6}.reset-btn.svelte-lhmjvz{padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s}@media(hover:hover){.reset-btn.svelte-lhmjvz:hover{color:var(--text-primary)}}.filters-toggle.svelte-lhmjvz{position:relative;gap:5px}.filters-toggle.active.svelte-lhmjvz{background:#6366f11a;border-color:#6366f14d}.filters-toggle.has-filters.svelte-lhmjvz{border-color:var(--accent)}.filter-icon.svelte-lhmjvz{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.filter-badge.svelte-lhmjvz{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--accent);border-radius:9px;color:#fff;font-size:10px;font-weight:700}.chevron.svelte-lhmjvz{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.chevron.open.svelte-lhmjvz{transform:rotate(180deg)}.mobile-expanded-filters.svelte-lhmjvz{display:none;flex-direction:column;gap:12px;padding:12px;margin-bottom:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.mobile-filter-row.svelte-lhmjvz{display:flex;flex-direction:column;gap:8px}.mobile-filter-row.svelte-lhmjvz .filter-select:where(.svelte-lhmjvz){width:100%}.mobile-filter-row.svelte-lhmjvz .rarity-options:where(.svelte-lhmjvz){flex-wrap:wrap}.desktop-filters.svelte-lhmjvz{display:flex}.mobile-filters.svelte-lhmjvz{display:none}@media(max-width:900px){.desktop-filters.svelte-lhmjvz{display:none}.mobile-filters.svelte-lhmjvz{display:flex;gap:8px}.mobile-expanded-filters.svelte-lhmjvz{display:flex}.search-filter.svelte-lhmjvz{max-width:none}.search-input.svelte-lhmjvz{padding:8px 32px 8px 36px}.filter-btn.svelte-lhmjvz,.reset-btn.svelte-lhmjvz{padding:5px 8px;font-size:11px}.rarity-btn.svelte-lhmjvz{min-width:36px;padding:5px 6px;font-size:10px}.rarity-count.svelte-lhmjvz{font-size:9px}}