:root {
    --navy-blue: #002B5C;
}

        .opacity {
            opacity: .8;
        }

        .stats_padding {
            padding: 5px 0;
            border-bottom:1px solid #d7d7d7;
        }

        .score_title_container,
        .game_stats_title_container,
        .team_stats_title_container,
        .player_stats_title_container {
            /* width: 80vw; */
            margin-left: 20px;
            margin-right: 20px;
            /* margin: 200px auto 0; */
            
            /* background-color: var(--navy-blue); */
            position: relative;
        }

        .score_title_container {
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        .game_stats_title_container {
            border-radius: 20px;
        }

        .team_stats_title_container {
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-left-radius: 20px;
        }

        .medal {
        font-size: 16px; /* Adjust as needed */
        vertical-align: middle; /* Optional: aligns better with text */
        margin-left: 4px; /* Optional: adds spacing between rank and medal */
        }

        .player_stats_title_container {
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        .scores_container {
            display: flex;
            gap: 20px;
            padding: 0 10px 0 10px;
        }

        .scores_tab,
        .game_stats_tab,
        .team_stats_tab,
        .player_stats_tab {
            position: absolute;
            top: -150px;
            height: 152px;
            margin-left: -20px;
            width: 25%;
            line-height: .5;
            background-color: var(--navy-blue);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        .scores_tab {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: .5rem;
            left: 0;
        }
        .game_stats_tab {
            left: 50%;
            transform: translateX(-50%);
        }
        .team_stats_tab {
            right: 0;
        }
        .player_stats_tab {
            left: 0;
        }

        .scores_tab h3, .scores_tab p,
        .game_stats_tab h3, .game_stats_tab p,
        .team_stats_tab h3, .team_stats_tab p,
        .player_stats_tab h3, .player_stats_tab p {
            color: #fff;
            text-align: center;

        }

        .results_container {
            display: flex;
            flex-direction: column;
            gap: 5.75px;
        }

        .mobile-stats-container {
            display:none;
        }

        .scores_container div {
            width: 100%;
        }

        /* MEDIA QUERIES */

        @media (max-width: 1470px) {
            .scores_container {
            flex-direction: column;
            }
            .scores_container div {
            width: 100%;
            padding: 0;
            }
        }

        @media (max-width: 1275px) {
            .scores_tab,
            .team_stats_tab,
            .game_stats_tab,

            .player_stats_tab {
                width: 35%;
            }
        }

        @media (max-width: 1025px) {

            #desktop_stats {
                width:100vw !important;
            }

            .opacity {
                opacity: 1;
                width: 100vw;
            }

            .scores_container{
                padding:0;
            }

            .results_container {
                border-radius: 0px;
            }
        }
    
        @media (max-width: 825px) {
                .scores_tab,
                .game_stats_tab,
                .team_stats_tab,
                .player_stats_tab {
                width: 45%;
            }
        }

        @media (max-width: 700px) {
            .scores_tab h3,
            .game_stats_tab h3,
            .team_stats_tab h3,
            .player_stats_tab h3 {
                font-size: 1.75em;
            }
        }

        @media (max-width: 650px) {
            .scores_tab, 
            .game_stats_tab, 
            .team_stats_tab, 
            .player_stats_tab {
                width: 55%;
                }
            }

                @media (max-width: 525px) {
                .scores_tab,
                .game_stats_tab,
                .team_stats_tab,
                .player_stats_tab {
                width: 100%;
                top: -152px;
                }

                .score_title_container, 
                .game_stats_title_container, 
                .team_stats_title_container,
                .player_stats_title_container {
                    margin: 160px auto;
                }

                .score_title_container,
                .game_stats_title_container,
                .team_stats_title_container,
                .player_stats_title_container {
                    /* width:100vw; */
                    border-bottom-right-radius: 20px;
                    border-bottom-left-radius: 20px;
                    border-top-right-radius: 0;
                    border-top-left-radius: 0;
            }

                .scores_tab,
                .game_stats_tab,
                .team_stats_tab,
                .player_stats_tab {
                top: -152px;
                }

                .scores_tab, .game_stats_tab, .team_stats_tab, .player_stats_tab {
                    margin-left: 0px;
                    border-top-left-radius: 20px;
                    border-top-right-radius: 20px;
            }
        }

        @media (max-width: 450px) {
                .score_title_container, 
                .game_stats_title_container, 
                .team_stats_title_container,
                .player_stats_title_container {
                    margin: 60px auto;
                    width: 100%;
                }

                #mobile_stats {
                    margin-top: 85px;
                }
        }

        /* .blue_container {
            width: 500px;
            height: 300px;
            background-color: blue;
               clip-path: path("M 200,300 L 20,300 A 20,20 0,0,1 0,280 L 0,100 A 20,20 0,0,1 20,80 L 100,80 A 20,20 0,0,0 120,60 L 120,20 A 20,20 0,0,1 140,0 L 480,0 A 20,20 0,0,1 500,20 L 500,280 A 20,20 0,0,1 480,300 L 200,300 Z");
        } */
        .blue_container {
            width: 100%;
            height: 300px;
            background-color: blue;
              clip-path: path("M 190,300 L 20,300 A 20,20 0,0,1 0,280 L 0,100 A 20,20 0,0,1 20,80 L 150,80 A 20,20 0,0,0 170,60 L 170,20 A 20,20 0,0,1 190,0 L 480,0 A 20,20 0,0,1 500,20 L 500,280 A 20,20 0,0,1 480,300 L 190,300 Z");
        }
        /* .blue_container {
            width: 500px;
            height: 300px;
            background-color: blue;
            clip-path: path("M 310,0 L 480,0 A 20,20 0,0,1 500,20 L 500,200 A 20,20 0,0,1 480,220 L 350,220 A 20,20 0,0,0 330,240 L 330,280 A 20,20 0,0,1 310,300 L 20,300 A 20,20 0,0,1 0,280 L 0,20 A 20,20 0,0,1 20,0 Z");
        } */