:root[data-lc-page-transition]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  background: radial-gradient(ellipse at center, #174766, #071626 70%);
  box-shadow: inset 0 0 24px #45badc;
  animation: lc-warden-portal 240ms ease-in both;
}

:root[data-lc-page-transition="arrive"]::after { animation: none; }

:root[data-lc-page-transition="open"]::after {
  animation-duration: 280ms;
  animation-direction: reverse;
}

@keyframes lc-warden-portal {
  from { opacity: 0; clip-path: inset(45% 45% round 22px); }
  to { opacity: 1; clip-path: inset(0 round 0); }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-lc-page-transition]::after { display: none; }
}