/* Basic Reset */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevent scrollbars AT ALL TIMES */
    background-color: #111; /* Background for behind the canvas */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white; /* Default text color (though WebGL controls text color now) */
}

/* Remove flex centering from body, as UI is positioned in WebGL */
body {
    display: block; /* Or remove display property entirely */
}

/* Canvas Styling - REMOVED border and background */
canvas {
    display: block; /* Remove extra space below */
    /* Width/height are controlled by JS/CSS within the container */
}

/* Game Container */
#game-container {
    position: relative; /* Needed for absolute positioning of canvas */
    display: block; /* Ensure it takes up space */
    width: 100%; /* Take up full viewport width */
    height: 100%; /* Take up full viewport height */
    overflow: hidden; /* Clip anything overflowing (shouldn't happen) */
}

/* --- ALL OLD UI ELEMENT STYLES ARE REMOVED --- */
/* Remove styles for: */
/* #main-menu, .menu-container, #color-selection, #instructions, */
/* #start-button-container, #ui, #stamina-bar-container, */
/* #level-up-indicator, #level-up-options, .level-up-button, */
/* #damage-text-container, .damage-text, #reload-indicator, */
/* #shop-button, #shop-screen, .shop-item, .shop-buy-button, */
/* #shop-close-button */

/* --- You might keep font imports or very basic body styles if needed --- */