/* Optimization CSS for Casino Games */

/* GPU Acceleration - Force hardware acceleration on critical game elements */
.game-section,
.game-component,
.mines_Btn__2KHHl,
.picker,
.tile-wrapper,
.roulette-tile,
.roll,
.mines_Main__IqyTI,
.mines_Appear__RPiih,
.mines_BombFrame__3sPYa,
#crashChart,
.chart-container {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Fix for mobile touch lag and 300ms delay */
button,
a,
.mines_Btn__2KHHl,
.btn,
.label,
.selectBomb,
[role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

/* Prevent text selection while clicking buttons/grid in games */
.game-sidebar,
.game-component,
.mines_Wrapper__NRZQf,
.roll,
.roulette {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Performance fix for expensive CSS filters on mobile */
@media (max-width: 768px) {

    .hits_Item__1SvQF,
    .backdrop-blur {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: rgba(39, 45, 57, 0.95) !important;
    }

    /* Optimize animations for mobile */
    .isAnimate,
    .mines_isAnimate__1Tj9o {
        animation-duration: 0.3s !important;
        -webkit-animation-duration: 0.3s !important;
    }
}

/* Ensure hit area is sufficient on mobile */
@media (max-width: 480px) {
    .mines_Btn__2KHHl {
        margin: 2px !important;
        width: calc(20% - 4px) !important;
    }
}

/* Fix for overlapping elements that might block clicks */
.game-sign {
    pointer-events: none;
}

.game-sign-wrap {
    pointer-events: auto;
}

/* Smooth scrolling for horizontal hit rows */
.hits_HitRow__2xXX {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto !important;
}