#leaf-air-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  overflow:visible;
}

/* 🍃 잎 */
.leaf-random{
  position:absolute;
  width:75px;
  height:75px;

  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  opacity:0;
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.15));
  will-change: transform, opacity;

  /* ✅ 여기 애니메이션만 돌린다 (경로 애니메이션 X) */
  animation: leaf-fly var(--leaf-dur, 10s) linear infinite;
}

/* 이미지 */
.leaf-type-1{ background-image:url("../src/leaf1.png"); }
.leaf-type-2{ background-image:url("../src/leaf2.png"); }
.leaf-type-3{ background-image:url("../src/leaf3.png"); }

/* ✅ 이동은 transform translateX 로만 한다 */
@keyframes leaf-fly{
  0%   { transform: translateX(0) scale(0.95); opacity:0; }
  10%  { opacity:1; }
  40%  { opacity:1; }     /* ← 여기까지만 유지 */
  45%  { opacity:0.2; }   /* ← 급격히 fade */
  50%  { opacity:0; } 
  100% { transform: translateX(var(--leaf-move-x, 120vw)) scale(1.05); opacity:0; }
}
