/* ==========================================================================
   Cena 1 — Vídeo da fada
   ========================================================================== */
#scene-video {
  position: fixed;
  inset: 0;
  z-index: 10;
  background: radial-gradient(120% 90% at 50% 30%, var(--forest) 0%, var(--forest-deep) 65%, #071d10 100%);
  opacity: 1;
  transition: opacity 0.4s linear;
}

#scene-video.scene-exit {
  opacity: 0;
  transition: opacity 0.5s linear 0.9s;
  pointer-events: none;
}

#fada-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  filter: blur(0px) saturate(1);
  opacity: 1;
  transition:
    transform 1.1s var(--ease-magic),
    filter 1.1s var(--ease-magic),
    opacity 0.9s var(--ease-soft) 0.15s;
  will-change: transform, filter, opacity;
}

#fada-video.dissolving {
  transform: scale(1.16);
  filter: blur(20px) saturate(1.3) brightness(1.15);
  opacity: 0;
}

/* véu de luz que passa no instante em que a magia começa */
#video-flash {
  position: fixed;
  inset: 0;
  z-index: 11;
  background: radial-gradient(circle at 50% 62%, rgba(240, 214, 106, 0.55), rgba(48, 173, 121, 0.25) 40%, transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s var(--ease-soft);
}

#video-flash.active {
  opacity: 1;
  transition: opacity 0.35s ease-out, opacity 0.6s ease-in 0.35s;
}