/* CSS for aesthetics and layout */
body {
    margin: 0;
    padding: 0;
    overflow: hidden; 
    background-color: #111; /* Dark background */
    font-family: 'Inter', sans-serif;
    color: #fff;
}

#webgl-canvas, #ui-canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed; 
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
#ui-canvas {
    pointer-events: none; /* Allows clicks/touches to fall through to the WebGL canvas if needed, but your JS will handle it */
    z-index: 10;	
}