.screen-content {
    max-height: 90vh !important;
    overflow: hidden !important;
}

.scrollable-content {
    max-height: 90vh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
}

.scrollable-content::-webkit-scrollbar {
    width: 8px;
}

.scrollable-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.scrollable-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

.screen {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
}

html, body {
    overflow: hidden !important;
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    overscroll-behavior: none !important;
}

@media (max-width: 768px) {
    .screen-content {
        padding: 30px 20px !important;
        max-height: 85vh !important;
    }
    
    .scrollable-content {
        max-height: 85vh !important;
    }
    
    #settingsScreen .screen-content {
        max-height: 85vh !important;
    }
    
    #howToPlayScreen .how-to-play-content {
        max-height: 85vh !important;
    }
    
    #leaderboardScreen .screen-content {
        max-height: 85vh !important;
    }
}