html,
body {
    height: 100%;
}

body {
    background: #000;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;

    /* prehliadač si nesmie brať dotyky pre seba (zoom stránky, posúvanie, „pull to refresh“) */
    touch-action: none;
    overscroll-behavior: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

#loader {
    max-width: 60vw;
    max-height: 60vh;
    width: auto;
    height: auto;
}

canvas {
    display: block;
    touch-action: none;
    box-shadow: 2px 2px 5px rgba(169, 169, 169, 0.8);
}