.score-container{
    background-color: #48AAD0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid 2px #fff;
    & h2{
        font-size: clamp(32px, 4vw, 80px);
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 4px;
        margin-bottom: 0.5em;
        text-align: center;
        width: 70%;
        -webkit-text-stroke: 2px black;
        color: rgb(var(--magenta));
        fill: #e83e8c;
    }
    & .score-list{
        display: flex;
        gap: 2rem;
        padding-bottom: 3rem;
        @media (max-width: 768px) {
            flex-direction: column;
        }
        & .score-item{
            display: flex;
            gap: 1rem;
            & .score-details{
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 0.5rem;
                @media (max-width: 768px) {
                    align-items: flex-start;
                }
                & .player-name{
                    & p{
                        margin: 0;
                        color: white;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 24px;
                        text-transform: uppercase;
                    }
                }
                & .player-points{
                    & p{
                        margin: 0;
                        color: white;
                        font-size: 20px;
                        font-weight: 600;
                        line-height: 24px;
                        text-transform: uppercase;
                    }
                }
            }
        }
    }
    & .btn-new-version{
        & .btn-back{
            z-index: 0;
        }
    }
}