/* This replaces the old 500ms page entrance; the bounded effect uses WAAPI. */
.world-page { animation: none; }

.world-transition-layer {
  position: fixed;
  inset: 0;
  z-index: 40;
  overflow: hidden;
  contain: strict;
  pointer-events: none;
}
.world-transition-form {
  position: absolute;
  display: block;
  pointer-events: none;
  opacity: 0;
  border-radius: 46% 54% 66% 34% / 63% 41% 59% 37%;
  background: radial-gradient(ellipse at 45% 48%, rgb(var(--transition-color) / .32), rgb(var(--transition-color) / .16) 45%, transparent 74%);
  filter: blur(12px);
  will-change: transform, opacity;
}
[data-transition-world="blog"] { --transition-color: 230 127 155; }
[data-transition-world="astro"] { --transition-color: 127 165 236; }
[data-transition-world="astro"] .world-transition-form { border-radius: 50% 44% 49% 46%; }
[data-transition-world="still"] { --transition-color: 186 214 191; }
[data-transition-world="still"] .world-transition-form { border-radius: 65% 35% 47% 53% / 46% 60% 40% 54%; }
[data-transition-world="contact"] { --transition-color: 216 215 107; }
[data-transition-world="contact"] .world-transition-form { border-radius: 72% 28% 65% 35% / 66% 35% 65% 34%; }

@media (prefers-reduced-motion: reduce) {
  .world-transition-layer { display: none; }
}