html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: Grandstander;
    overscroll-behavior: none;
}

#wrapper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#renderer {
    display: block;
    width: 100%;
    height: 100%;
}

body > svg {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.koi-world-mode #gui,
.koi-world-mode #code,
.koi-world-mode #drop,
.koi-world-mode #menu {
    visibility: hidden;
}

#gui {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#gui #cards {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#gui #overlay {
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}