.card-player-test {
    background-color: #F0F0F0;
    transition: height 0.5s ease;
    overflow: hidden;
}

.card-player-test img {
    border: 2px solid var(--wvgold);
    padding: 0.2em;
    max-height: 140px;
}

.player-test-number {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-size: 5.8em;
    line-height: 0.8;
    color: #AAAAAA;
    letter-spacing: -0.05em;
    margin-top: 0.1em;
}

.player-test-fname {
    font-size: 2.7em;
    font-weight: normal;
    line-height: 0.85;
    color: #4B4B4B;
}

.player-test-lname {
    font-size: 2.7em;
    font-weight: bold;
    line-height: 0.85;
    color: #4B4B4B;
}

@media (max-width: 575.98px) {
    .card-player-test img {
        border: 2px solid var(--wvgold);
        padding: 0.2em;
        max-height: 100px;
    }

    .player-test-number {
        font-size: 3.2em;
        line-height: 1;
        font-weight: bold;
        color: #AAAAAA;
    }

    .player-test-fname {
        font-size: 1.5em;
        font-weight: normal;
        line-height: 0.85;
        color: #4B4B4B;
    }

    .player-test-lname {
        font-size: 1.5em;
        font-weight: bold;
        line-height: 0.85;
        color: #4B4B4B;
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .card-player-test img {
        border: 2px solid var(--wvgold);
        padding: 0.2em;
        max-height: 120px;
    }

    .player-test-number {
        font-size: 4.4em;
        line-height: 0.85;
        font-weight: bold;
        color: #AAAAAA;
    }

    .player-test-fname {
        font-size: 2.0em;
        font-weight: normal;
        line-height: 0.85;
        color: #4B4B4B;
    }

    .player-test-lname {
        font-size: 2.0em;
        font-weight: bold;
        line-height: 0.85;
        color: #4B4B4B;
    }
}