.orb-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: all;
  opacity: 0.4; /* AIセクションの暗い背景に合わせて透明度を調整 */
}

.orb-container canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* レスポンシブ調整 */
@media (max-width: 768px) {
  .orb-container {
    opacity: 0.3; /* モバイルでは少し薄く */
  }
}