/* static/css/gameStyles.css */
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrollbars if canvas is slightly off */
    background-color: #333; /* A background for the whole page, if canvas doesn't fill it */
}

.footer,
.waves,
#xxm{ 
    display: none !important;
}

#game-container {
    /*
    Phaser will usually center the canvas itself if you use its scale manager.
    But you can add some basic styling here if needed.
    e.g., to ensure it's displayed as a block
    */
    position: fixed !important; /* Fixed or Absolute to viewport */
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: block !important; /* Still good for centering canvas */
    justify-content: center !important;
    align-items: center !important;
    z-index: 1 !important; /* Game container below navbar */
    margin: 0 !important; /* Reset margins */
    padding: 0 !important; /* Reset padding */
}

/* Make sure the canvas generated by Phaser takes up the space */
canvas {
    display: block; /* Removes any extra space below the canvas */
}