body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background-color: black;
}

#game-area {
    display: grid;
    aspect-ratio: 4 / 3;
    width: min(100vw, calc(100vh * 4 / 3));
    max-width: 100vw;
    max-height: 100vh;
}

#game-background,
#game-main,
#game-foreground {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    display: block;
}

#game-background {
    z-index: 1;
}

#game-main {
    z-index: 3;
}

#game-foreground {
    z-index: 2;
}