/* Layout Styles */
#game-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevent scrollbars */
}

#game-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* Height calculation is handled by JS to account for HUD/Inventory */
    background-color: var(--background-color); /* Ensure canvas bg matches body */
    display: block; /* Prevents small space below canvas */
    z-index: 1; /* Below UI */
}

#ui-layer {
    position: absolute;
    top: 0; /* Covers entire screen */
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Allows clicks to pass through by default */
    z-index: 10;
    /* Specific UI elements (like inventory bar) can enable pointer-events */
}