.beast-filter{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.beast-filter__btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;min-height:44px;padding:.5rem 1.1rem;font-size:.9rem;line-height:1;transition:border-color .3s,color .3s,background .3s}.beast-filter__btn:hover{border-color:var(--accent);color:var(--accent)}.beast-filter__btn.is-active{border-color:var(--accent);color:var(--accent);background:#c8aa6e14}.beast-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:2rem 0;display:grid}.beast-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;color:inherit;border-radius:4px;padding:1.5rem;transition:border-color .3s,transform .3s;display:block}.beast-card:hover{border-color:var(--accent);transform:translateY(-2px)}.beast-card__placeholder{opacity:.45;margin-bottom:.6rem;font-size:2.75rem;display:block}.beast-card__name{font-family:var(--font-heading);color:var(--accent);font-size:1.15rem}@media (width<=600px){.beast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding-top:1.25rem}.beast-card{place-content:center;min-height:150px;padding:1rem;display:grid}}