html,
body {
    background-color: white;
    overflow: hidden;
    /*
        The item is scaled into the space its layout offers. In full screen the body
        is as large as the screen; in a window it was only as high as its content -
        the item frame itself - and the item shrank into a strip of about 150 px.
    */
    height: 100%;
}

app {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.noselect {
    user-select: none;
}

*:fullscreen,
*:-moz-full-screen,
*:-ms-fullscreen {
    background: white;
}

.watermark {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-style: solid;
    border-width: 15px;
    border-color: red;
}

/*
    A survey is as long as its questions need, and the page it runs in does not
    scroll: it is built around an item of a fixed size, so html and body are set
    to hidden above. Everything below the lower edge of the window was therefore
    out of reach. The surface that carries a survey scrolls on its own instead -
    it fills the layout it sits in, and what does not fit is scrolled to.
*/
.survey-player {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    overflow-x: hidden;
}