@font-face {
    font-family: 'PixelFont';
    src: url('./assets/fonts/PressStart2P.ttf') format('truetype');
}

body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
    /* dvh tracks the real visible viewport on mobile — plain 100vh includes
       the space behind Chrome's URL bar, which pushed the game down */
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    /* matches the in-game sky so nothing flashes while the canvas boots */
    background: linear-gradient(#5aa9e2, #6cb5e9, #7cc0ee, #8ecdf4, #a5daf8);
}

#gameContainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#canvasWrapper {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#canvasWrapper canvas {
        max-width: 100%;
        max-height: 100%;
        touch-action: none; /* keep swipes for the game, not browser scrolling */
    }