html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: sans-serif;
}

#renderCanvas {
    width: 100%;
    height: 100%;
    display: block;
    touch-action: none; /* Prevent default touch actions like scrolling/zooming on the canvas */
}

#ui-container {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 8px;
    border-radius: 5px;
    z-index: 10;
    pointer-events: none; /* Allow clicks/touches to pass through UI to the canvas */
}

#ui-container div {
    margin-bottom: 4px;
}

/* Style for optional control indicator */
/*
#control-indicator {
    pointer-events: none; // Ensure it doesn't interfere with canvas input
}
*/

/* ... other styles ... */