html,
body {
    overscroll-behavior-y: none;
}



#game,
#game-inner,
#maze,
#mobileControls,
#mobileControls button {
    touch-action: none;
    overscroll-behavior: none;
}

/* Modiliam įrenginiui */

#mobileControls {
    display: none;
    margin-top: 12px;
    text-align: center;
}

#mobileControls button {
    width: 58px;
    height: 58px;
    margin: 4px;

    font-size: 26px;
    font-weight: bold;

    color: #00ffcc;
    background: #111;
    border: 2px solid #00ffcc;
    border-radius: 14px;

    box-shadow: 0 0 10px rgba(0,255,200,0.4);

    transition:
        transform 0.08s ease,
        box-shadow 0.08s ease;


    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;

}

/* eilė kairė - pauzė - dešinė */
#mobileControls .middle-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* pauzės mygtukas - šiek tiek išskirtinis */
#mobileControls .pause-btn {
    width: 64px;
    height: 64px;
    font-size: 24px;

    /* šiek tiek stipresnis glow */
    box-shadow: 0 0 14px rgba(0,255,200,0.6);
}

#mobileControls button:active,
#mobileControls button.pressed {
    transform: scale(0.92);
    box-shadow: 0 0 26px rgba(0,255,200,1);
    /* box-shadow: 0 0 22px rgba(0,255,200,0.9); */
}

@media (max-width: 800px) {
    #mobileControls {
        display: block;
    }
}






/*
Google sign-in mygtukas ir vartotojo informacija
*/
@media (max-width: 700px) {
    #loginBox,
    #userPanel {
        position: static;
        min-height: 44px;
        margin: 8px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #userPanel.hidden,
    #loginBox.hidden {
        display: none;
    }

    .g_id_signin {
        transform: scale(0.85);
        transform-origin: center;
    }
}



/*
Šoninis meniu
*/
/* desktop + planšetė */
@media (min-width: 701px) {
    #gameMenu {
        left: 0;
    }

    #gameMenu.closed {
        left: -220px;
    }
}

/* telefonas */
@media (max-width: 700px) {
    #gameMenu {
        left: -220px;
    }

    #gameMenu.open {
        left: 0;
    }
}





@media (max-width: 700px) {
    #loginBox,
    #userPanel,
    #mobileControls,
    #timer,
    #status,
    #leaderboard-title,
    #leaderboard,
    .game-header {
        width: var(--mobile-game-width, 100%);
        max-width: 584px;
        margin: 0 auto;
        text-align: center;

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* .game-title, .lab-title {
        width: 100%;
        margin: 8px 0 10px;
        text-align: center;
    } */

    #controls {
        width: 100%;
        margin: 0 auto 10px;

        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
    }

    #controls button,
    #controls select {
        font-size: 11px;
        padding: 5px 6px;
        white-space: nowrap;
    }
}

#gameMenuBtn {
    z-index: 10001;
}

/*
Zoom mygtukai - paslėpti mobiliam įrenginiui
*/
@media (max-width: 800px) {
    button.zoomControl {
        display: none !important;
    }
}