/* 緊急修復 - 確保所有彈窗都能正常滾動 */

/* 修正 .screen-content 基礎樣式 */
.screen-content {
    max-height: 90vh !important;
    overflow: hidden !important;
}

/* scrollable-content 必須能滾動 */
.scrollable-content {
    max-height: 90vh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
}

/* iOS 滾動條樣式 */
.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 不會滾動 */
.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;
    }
}