.table-player,
.ranking-player {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.player-avatar,
.player-avatar-fallback {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    flex: 0 0 36px;
    border: 1px solid rgba(216, 166, 43, .3);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(216, 166, 43, .2), rgba(255, 255, 255, .03));
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
    object-fit: cover;
}

.player-avatar-fallback {
    font-family: var(--tactical-font, inherit);
}

.player-avatar-frame { position: relative; display: block; width: 36px; height: 36px; }
.player-avatar-frame > .player-avatar { position: absolute; inset: 0; background: #171b1c; }
.player-avatar-frame > .player-avatar[hidden] { display: none; }

.player-identity {
    display: grid;
    min-width: 0;
}

.player-identity strong,
.player-identity b,
.player-identity small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-player b {
    color: #eeece7;
    font-size: 13px;
}

.ranking-player small {
    color: #555b5d;
    font: 7px ui-monospace, monospace;
    letter-spacing: .08em;
}
