
@media screen and (max-width: 600px) {
    * {
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* IE 10+ */
        user-select: none;         /* Standard syntax */
    }

    .container{
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: flex-start;
    }

    .cell {
    } 
    /* .cell.hovered {
        background-color: var(--cell-hover-color) !important;
    }
    .cell:hover{ 
        background-color: transparent !important; /* Disable hover effect 
    } */

    .settingsContainer {
        display: none;
    }

    .gameContainer {
        width: 100%;
        /* height: 100%; */
    }

    .gameGrouping{  
        display: flex;
        flex-direction: column; 
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    
    .gameDetails {
        
        height: auto;
    }
    
    .game{
        overflow-y: scroll;
    }
    #board {
        width: 100%;
        overflow: scroll;


        touch-action: pan-x pan-y; /* Enable native touch scrolling */
        -webkit-overflow-scrolling: touch;
        /*touch-action: none;  Prevent zooming and panning 
        user-select: none;  /* Prevent text selection */
    }
}