.waterfall-container {
  position: absolute;
  right:287px;
  top:187px !important;
  width: 80px;
  height: 90px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
}
.waterfall-container.area2 {
  position: absolute;
  right:170px;
  top:187px !important;
  width: 80px;
  height: 90px;
  overflow: hidden;
}
.splash-zone {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 90px;
}

/* 물보라(Splash) 입자 스타일 */
.particle-splash {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  pointer-events: none;
  animation: splashAnim 0.8s ease-out forwards;
}

@keyframes splashAnim {
  0% {
    transform: translate(0, 0) scale(0.3);
    opacity: 1;
  }
  100% {
    transform: translate(var(--dx), var(--dy)) scale(1.2);
    opacity: 0;
  }
}

/* 물안개(Mist) 입자 스타일 */
.particle-mist {
  position: absolute;
  background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 0%);
  border-radius: 50%;
  filter: blur(8px);
  pointer-events: none;
  animation: mistAnim 2.5s ease-out forwards;
}

@keyframes mistAnim {
  0% {
    transform: translate(0, 0) scale(0.5);
    opacity: 0.2;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: translate(var(--dx), var(--dy)) scale(2.5);
    opacity: 0;
  }
}