.search-wrapper{position:relative}.search-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-game-white);opacity:.5;pointer-events:none}.search-input{width:100%;padding:.75rem 2.5rem;background-color:var(--color-game-black);color:var(--color-game-white);border:2px solid var(--color-game-purple);font-family:inherit;font-size:14px}.search-input::placeholder{color:var(--color-game-white);opacity:.5}.search-input:focus{outline:none;border-color:var(--color-game-cyan)}.filter-select{border:none;background:transparent;padding:0}.filter-select select{border:1px solid var(--color-game-purple);border-radius:8px;background-color:var(--color-game-black);color:var(--color-game-white);min-height:44px;padding:.5rem .75rem}.filter-select select:focus,.filter-select select:focus-visible{outline:none;border-color:var(--color-game-purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-game-purple) 35%,transparent)}.filter-input{border:1px solid var(--color-game-purple);min-height:44px}.search-input{padding-right:2.25rem}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-game-white);opacity:.5;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.search-clear:hover{opacity:1;color:var(--color-game-cyan)}.tag-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;color:var(--color-game-cyan);border:1px solid var(--color-game-cyan);border-radius:4px;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.tag-toggle:hover{background:color-mix(in srgb,var(--color-game-cyan) 20%,transparent)}.active-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--color-game-cyan);color:var(--color-game-black);border-radius:9999px;font-size:10px;font-weight:700}.clear-filters-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;color:var(--color-game-red);border:1px solid var(--color-game-red);border-radius:4px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.clear-filters-btn:hover{background:color-mix(in srgb,var(--color-game-red) 20%,transparent)}