.hero-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.hero-filters label{color:var(--muted);flex-direction:column;flex:170px;gap:.45rem;font-size:.875rem;display:flex}.hero-filters .hero-search{flex:2 260px}.hero-filters input,.hero-filters select{width:100%;min-height:44px;font-size:1rem}.hero-filters .btn{min-height:44px}.hero-result-count{color:var(--muted);margin:1rem 0;font-size:.9375rem}.hero-card-tags{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.hero-card-tags span{border:1px solid var(--line);color:var(--gold2);background:#112638;border-radius:6px;padding:.25rem .6rem;font-size:.8125rem}.hero-rarity{z-index:2;background:#091827e6;border:1px solid;border-radius:7px;padding:.3rem .65rem;font-size:.9375rem;font-weight:800;position:absolute;top:14px;right:14px}.hero-rarity-ur{color:#ffd18a}.hero-rarity-ssr{color:#d3a1ff}.hero-rarity-sr{color:#70c4ff}.hero-roster .hero-portrait-note{color:var(--muted);font-size:.8125rem}.hero-filters :focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:600px){.hero-filters{gap:.75rem}.hero-filters .hero-search{flex-basis:100%}.hero-filters label{flex-basis:calc(50% - .75rem);min-width:0}.hero-filters .btn{width:100%}}
