.champion-catalog{margin-block:28px}.champion-catalog h2{margin:0 0 16px;font-size:1.1rem}.champion-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.champion-catalog-grid li{min-width:0}.champion-catalog-grid a{border:1px solid var(--line);background:var(--surface);height:100%;color:var(--text);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:.8rem;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.champion-catalog-grid a:hover{border-color:var(--primary);background:var(--surface-soft)}.champion-catalog-grid a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.champion-catalog-grid img{object-fit:cover;border-radius:8px;width:72px;height:72px}.champion-catalog-grid bdi{overflow-wrap:anywhere;max-width:100%}@media (width<=600px){.search-page-shell>.topbar.compact{flex-wrap:wrap;gap:8px;padding-block:12px}.search-page-shell>.topbar.compact .brand{flex-shrink:0}.search-page-shell>.topbar.compact .search-page-nav{flex-wrap:wrap;gap:8px 18px;width:100%}.search-page-shell>.topbar.compact .search-page-nav a{align-items:center;min-height:44px;display:flex}}@media (width<=400px){.champion-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.champion-catalog-grid img{aspect-ratio:1;width:min(72px,100%);height:auto}}