kelompok06-2048/Leaderboard_Responsive.css

/* Leaderboard_Responsive.css */

@media screen and (max-width: 1440px) {
    .container {
        width: 88%;
        padding: 30px 50px;
        max-height: 90vh;
    }

    .btn-back {
        top: 20px;
        left: 20px;
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 35px 30px;
        width: 95%;
    }

    h1 {
        font-size: 1.8rem;
    }

    .stats-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 25px 20px;
    }

    h1 {
        font-size: 1.5rem;
    }

    .leaderboard-item {
        padding: 14px 18px;
        gap: 15px;
    }

    .rank-badge {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .player-name {
        font-size: 16px;
    }

    .score-value {
        font-size: 18px;
    }
}