/* 3D Canvas Styles */
html, body {
    overflow-x: hidden;
    width: 100%;
}

#canvas-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.6; /* Slight transparency to blend with background */
}

#three-canvas-container {
    width: 100%;
    height: 100%;
    position: relative;
    touch-action: none;
}

#three-canvas-container canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}