body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #101923;
    background-image: url("/assets/ui/repeatingBackground.jpg");
    background-repeat: repeat;
    background-position: center;
}

#app {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background:
        transparent;
}

#game-container {
    aspect-ratio: 16 / 9;
    width: min(100vw, calc(100dvh * 16 / 9));
    height: min(100dvh, calc(100vw * 9 / 16));
    background-color: #101923;
    background-image: url("/assets/ui/repeatingBackground.jpg");
    background-repeat: repeat;
    background-position: center;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.38);
    overflow: hidden;
}

body,
#game-container,
#game-container canvas {
    cursor: url("/assets/ui/cursor/cursor_hover.png") 7 5, default;
}

#game-container:active {
    cursor: url("/assets/ui/cursor/cursor_click.png") 7 5, pointer;
}