html, body {
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
  /* Wichtig: Verhindert, dass das Canvas Scroll blockt */
  background: linear-gradient(to bottom, #686680 0%, #34333f 20%, #34333f 50%, #0c0c0f 100%);
}

#waveCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}
  
  /* Optional – Debug UI bei Bedarf aktivieren */
  .controls {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px;
    border-radius: 10px;
    z-index: 10;
    font-size: 14px;
    max-height: 90vh;
    overflow: auto;
    display: none; /* oder 'block' zum Testen */
  }