.avatar {
    position: relative;
    overflow: hidden;
    image-rendering: pixelated;
}

.avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leaderboard li {
    grid-template-columns: 36px 32px minmax(0, 1fr) auto;
}

.mini-avatar {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: rgba(98, 223, 135, .13);
    image-rendering: pixelated;
}

.player, .profile h3 a { color: inherit; text-decoration: none; }
.player:hover, .profile h3 a:hover { color: var(--green); }