html,
body {
    overscroll-behavior: none;
}

:root {
    --bg-color: #000000;
    background-color: var(--bg-color);

    * {
        -webkit-user-select: none;
        user-select: none;
    }
}

#footage {
    position: absolute;
    margin: auto;
    inset: 1rem;
    max-width: calc(100% - 2rem);
    max-height: 100%;

    .interaction {
        cursor: pointer;
    }

    #camera {
        aspect-ratio: 1280 / 720;
        max-width: 100%;
        max-height: 90%;
        inset: 0 0 auto 0;
        margin: auto;

        &,
        >* {
            position: absolute;
        }

        #scene {
            display: block;
        }

        #scene,
        #click-map,
        #loader {
            width: 100%;
            height: 100%;
        }

        #click-map .interaction {
            fill: white;
            fill-opacity: 0.0;
        }

        #loader {
            display: block;
            background-color: var(--bg-color);
            font-family: monospace;
            font-size: 1.5rem;
            line-height: 2rem;
            color: white;

            &.hidden {
                display: none;
            }
        }

        #console {
            position: absolute;
            bottom: -10%;
        }
    }

    #console {
        width: 100%;
        height: 7.5%;

        #go-back {
            font-family: monospace;
            font-size: 1.5rem;
            line-height: 2rem;
            color: white;
        }
    }


}