.filters-sidebar{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:1.5rem;background:var(--hsr-surface-glass);border:1px solid var(--hsr-border);border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:hidden}.filter-section{margin-bottom:0}.filter-title{font-family:var(--font-mono, inherit);font-size:.72rem;font-weight:500;color:var(--hsr-purple);text-transform:uppercase;letter-spacing:.14em;margin:0 0 1rem;padding-left:0;display:flex;align-items:center;gap:10px}.filter-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hsr-border),transparent)}.filter-bar,.rarity-filters,.type-filters{display:flex;flex-wrap:wrap;gap:.6rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.filter-bar button,.rarity-filters button,.type-filters button,.stat-grid button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#0a0b1499;border:1.5px solid var(--hsr-border);border-radius:8px;padding:.5rem;cursor:pointer;min-width:42px;height:42px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-body, inherit)}.rarity-filters button{padding:.5rem .8rem;height:auto;font-weight:600;color:var(--text-secondary);font-size:.85rem}.filter-bar button:hover,.rarity-filters button:hover,.type-filters button:hover,.stat-grid button:hover{background:#4fd8c41f;border-color:var(--hsr-purple);transform:translateY(-1px)}.filter-bar button.selected,.rarity-filters button.selected,.type-filters button.selected,.stat-grid button.selected{background:var(--hsr-gold-dim);border-color:var(--hsr-gold);box-shadow:0 0 10px #e8b94d33}.rarity-filters button.selected{color:var(--hsr-gold)}.type-icon,.filter-icon{height:24px;width:24px;object-fit:contain;opacity:.7;transition:opacity .2s,filter .2s}button:hover .type-icon,button:hover .filter-icon{opacity:1}button.selected .type-icon,button.selected .filter-icon{opacity:1;filter:drop-shadow(0 0 4px var(--hsr-gold))}.icon-duo{display:flex;gap:2px}.mini-icon{height:20px;width:20px;opacity:.7}.mobile-filter-trigger{display:none;align-items:center;gap:.5rem;position:fixed;top:5.25rem;right:1.25rem;z-index:100;background:var(--hsr-gold);color:#14151f;border:none;padding:.7rem 1.3rem;border-radius:50px;font-family:var(--font-mono, inherit);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 24px #00000073;cursor:pointer}.drawer-overlay{position:fixed;inset:0;background:#06060cbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;visibility:hidden;opacity:0;transition:.3s}.drawer-overlay.active{visibility:visible;opacity:1}.drawer-content{box-sizing:border-box;position:absolute;left:-320px;top:0;width:300px;max-width:85vw;height:100%;background:var(--hsr-surface);padding:2rem 1.5rem;transition:.3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5rem}.drawer-content.active{transform:translate(320px)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;margin-bottom:.5rem}.drawer-title{font-family:var(--font-display, inherit);color:var(--hsr-gold);text-transform:uppercase;font-weight:600;letter-spacing:.04em;font-size:.9rem}.close-drawer{background:none;border:none;color:var(--hsr-purple);font-size:1.5rem;cursor:pointer;line-height:1}@media(min-width:861px){.drawer-overlay{position:static;background:none;visibility:visible;opacity:1}.drawer-content{position:static;width:100%;padding:0;background:none;transform:none}.drawer-header{display:none}}@media(max-width:860px){.mobile-filter-trigger{display:flex}.filters-sidebar{background:transparent;border:none;padding:0;box-shadow:none}}.drawer-content::-webkit-scrollbar,.filters-sidebar::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-thumb,.filters-sidebar::-webkit-scrollbar-thumb{background:var(--hsr-border);border-radius:10px}