/* Pentamarket — Indonesia Flag Rain V1.1 SAFE
   Decorative-only. No layout animation, no 3D/filter workload, no interaction. */
#penta-indonesia-flag-rain {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 18;
  contain: strict;
}

#penta-indonesia-flag-rain[hidden] {
  display: none !important;
}

#penta-indonesia-flag-rain .penta-id-flag-particle {
  position: absolute;
  top: -50px;
  left: 0;
  width: var(--flag-width);
  height: calc(var(--flag-width) * 0.6667);
  opacity: 0;
  will-change: transform, opacity;
  animation: pentaFlagFallSafe var(--fall-duration) linear var(--fall-delay) infinite;
}

#penta-indonesia-flag-rain .penta-id-flag-inner {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  animation: pentaFlagWaveSafe var(--wave-duration) ease-in-out infinite alternate;
}

#penta-indonesia-flag-rain .penta-id-flag-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 1px;
  background: linear-gradient(to bottom, #e70011 0 50%, #fff 50% 100%);
}

#penta-indonesia-flag-rain .penta-id-flag-face::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.10), rgba(255,255,255,.05), rgba(0,0,0,.08));
  opacity: .42;
}

@keyframes pentaFlagFallSafe {
  0% {
    transform: translate3d(var(--start-x), -12vh, 0) rotate(var(--rotate-start));
    opacity: 0;
  }
  7% { opacity: var(--opacity); }
  48% {
    transform: translate3d(calc(var(--start-x) + (var(--fall-shift) * .45)), 48vh, 0) rotate(var(--rotate-mid));
    opacity: var(--opacity);
  }
  92% { opacity: var(--opacity); }
  100% {
    transform: translate3d(calc(var(--start-x) + var(--fall-shift)), 110vh, 0) rotate(var(--rotate-end));
    opacity: 0;
  }
}

@keyframes pentaFlagWaveSafe {
  from { transform: skewY(-1.5deg) scaleX(.97); }
  to   { transform: skewY(1.8deg) scaleX(1.02); }
}

@media (prefers-reduced-motion: reduce) {
  #penta-indonesia-flag-rain { display: none !important; }
}