/* Veil for world pages: see veil.js */
html.entering::after {
  content: attr(data-enter-title); position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center; padding: 24px; text-align: center;
  background: #101318; color: #e8603f; font: italic 400 clamp(28px, 5vw, 48px)/1.1 var(--font-newsreader), "Newsreader", Georgia, serif;
  transition: opacity 1.1s ease, transform 1.4s cubic-bezier(.2, .7, .2, 1);
}
html.entered::after { opacity: 0; transform: scale(1.08); pointer-events: none; }
html.leaving::after {
  content: ""; position: fixed; inset: 0; z-index: 9999; background: #101318;
  animation: leave .28s ease-in both;
}
@keyframes leave { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html.entering::after { display: none; } }