/* ========================================
   OVERFLOW FIX - Sửa lỗi tràn màn hình
   ======================================== */

/* Reset các style gây tràn */
* {
    -webkit-transform: none !important;
    -webkit-backface-visibility: visible !important;
    -webkit-perspective: none !important;
}

/* Đảm bảo body không bị tràn */
body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* Đảm bảo main content không bị tràn */
.main-content {
    overflow-x: hidden;
    max-width: 100%;
}

/* Đảm bảo các page không bị tràn */
.page {
    overflow-x: hidden;
    max-width: 100%;
}

/* Fix cho các container */
.home-hero,
.theme-selection,
.level-selection,
.game-area,
.shop-header,
.profile-header {
    max-width: 100%;
    overflow-x: hidden;
}