* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*-ms-touch-action: none;*/
    /*touch-action: none;*/
}

body,
html {
    margin: 0;
    padding: 0;
    background: black;
    /*overflow: hidden;*/
    width: 100%;
    height: 100vh;
}

html:-moz-full-screen,
html:-webkit-full-screen,
html:-ms-fullscreen,
html:fullscreen {
    overflow: hidden;
}

html.inGame {
    height: 100vh;
}

html.inGame.criOS {
    height: 130vh;
}

body.inGame {
    height: 100%;
    overflow: visible;
}

@media (orientation: landscape) {
    html.inGame {
        height: 130vh;
    }
}

#iOSFullscreen {
    width: 100vw;
    height: 155vh;
    position: absolute;
    z-index: 999;
}

#iOSFullscreenAnimation {
    width: 100vw;
    height: 100vh;
    background: #0000007f;
    position: fixed;
    z-index: 1000;
}

.full-screen-hand {
    width: 114px;
    height: 112px;
    top: 50vh;
    left: 50vw;
    position: fixed;
    transform: translate(-50%, -50%);
}

.full-screen-hand-animation {
    animation-name: fullscreen-swipe;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    -webkit-animation-name: fullscreen-swipe;
    -webkit-animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
}

@keyframes fullscreen-swipe {
    from {
        top: 80%;
    }

    to {
        top: 40%;
    }
}

@-webkit-keyframes fullscreen-swipe {
    from {
        top: 80%;
    }

    to {
        top: 40%;
    }
}
