.trophies { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 28px; }
.trophy { display: grid; gap: 10px; justify-items: center; text-align: center; align-content: start; }
.trophy[hidden] { display: none; }
.trophy__badge {
    width: 88px; height: 88px; display: grid; place-items: center; overflow: hidden;
    background: #000; color: var(--yellow); font-size: 40px;
    border: 4px solid var(--yellow);
}
.trophy__badge img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; }
.trophy:hover .trophy__badge { animation: idle .6s steps(2) infinite alternate; }
.trophy__type {
    font-family: var(--font-pixel); font-size: 8px;
    background: var(--pink); color: #101010; padding: 5px 7px;
}
.trophy__title { font-family: var(--font-pixel); font-size: 10px; line-height: 1.7; color: var(--text); }
.trophy__meta { font-size: 13px; color: var(--yellow); }
.trophy__desc { font-size: 14px; color: var(--text-2); }