/* ============================
   ✨ AMBIENT DECOR BALLOONS
============================ */

.decor-area{
  position:absolute;
  inset:0;
  pointer-events: auto;
  z-index:2;
}

.decor-balloon{
  position:absolute;
  width:48px;
  height:64px;
  border-radius:999px;
  cursor:pointer;
  pointer-events:auto;
  animation: floatDecor 10s ease-in-out infinite;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.25));
}

.decor-balloon::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  width:2px;
  height:20px;
  background: rgba(255,255,255,.5);
}

@keyframes floatDecor{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-20px) translateX(12px); }
}

.decor-balloon.pop{
  animation: pop .35s ease forwards;
}

@keyframes pop{
  to{
    transform: scale(1.6);
    opacity:0;
  }
}