html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#app {
    width: 100%;
    height: 100%;
}

/*
 * Centred like the in-app splash, 128px wide, and above the app's canvas so the logo never
 * blinks out while the app starts; HicycleApp fades it out with its splash.
 */
.launch-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 128px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: opacity 0.4s;
}

.launch-logo.hidden {
    opacity: 0;
}