.exit-cloud {
  position: fixed; z-index: 16; aspect-ratio: 2 / 1; opacity: 0; pointer-events: none;
  transform: translate(-50%, -50%); filter: blur(2.5px) drop-shadow(0 4px 6px rgba(120, 70, 10, .45));
  background:
    radial-gradient(circle at 22% 66%, #fff4dc 0 15%, rgba(255, 236, 190, .85) 19%, transparent 23%),
    radial-gradient(circle at 38% 46%, #fff8e8 0 19%, rgba(255, 233, 180, .85) 23%, transparent 27%),
    radial-gradient(circle at 58% 38%, #fffaf0 0 22%, rgba(250, 222, 160, .85) 26%, transparent 30%),
    radial-gradient(circle at 76% 56%, #fff1d2 0 17%, rgba(245, 210, 140, .85) 21%, transparent 25%),
    radial-gradient(ellipse 46% 26% at 50% 70%, #f7deaa 0 70%, transparent 100%);
}
.exit-cloud::after {
  content: ""; position: absolute; inset: 30% 12% 8%; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(214, 160, 70, .35), transparent);
}
.exit-cloud.is-leaving {
  opacity: 0; transform: translate(-50%, -62%) scale(1.25);
  transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .exit-cloud.is-leaving { transform: translate(-50%, -50%); }
}