* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
    font-family: monospace;
    cursor: crosshair;
}

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

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

/* Force landscape on portrait mobile screens */
@media (orientation: portrait) and (hover: none) and (pointer: coarse) {
    #gameContainer {
        width: 100vh;
        height: 100vw;
        transform: rotate(90deg);
        transform-origin: top left;
        position: absolute;
        top: 0;
        left: 100vw;
    }
}