body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #000000;
    /* Prevent iOS Safari from adjusting font sizes on orientation change */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

#app {
    width: 100%;
    /* Use dvh (dynamic viewport height) so the canvas fills correctly on
       mobile browsers where the address bar resizes the viewport */
    height: 100dvh;
    /* Fallback for browsers that don't support dvh */
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Make the Phaser canvas always fill its container */
#game-container canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    touch-action: none; /* prevents scroll/zoom gestures on the canvas */
}