body {
      background-color: #222;
      color: #eee;
      font-family: sans-serif;
      /* Remove flex alignment as three-container is fixed */
      margin: 0;
      overflow: hidden; /* Prevent scrollbars */
    }

    /* Keep h1/p styling minimal as they overlay the canvas now */
    h1, p {
      text-align: center;
    }

    #three-container {
      position: fixed; /* Take up full screen */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; /* Behind text, above hidden p5 canvas */
      /* Remove flex centering, renderer fills container */
    }

    #three-container canvas {
       display: block;
    }

    /* Hide the original p5 container */
    #p5-canvas-container {
       position: absolute;
       top: -9999px;
       left: -9999px;
       z-index: -1;
       opacity: 0;
       overflow: hidden;
       width: 0; /* Explicitly set 0 size */
       height: 0;
    }