.observatory-entering #world { transform: scale(1.4); transform-origin: 67% 53%; filter: blur(3px) brightness(1.2); transition: transform .85s ease-in, filter .85s ease-in; }
.observatory-veil { position: absolute; inset: 0; z-index: 12; display: grid; place-items: center; pointer-events: auto; background: radial-gradient(circle at 65% 50%, #fff6db55, #1f3345bb 72%); animation: entry-fade .85s ease-in both; }
.observatory-portal { position: absolute; width: min(40vmin, 360px); aspect-ratio: 1; border-radius: 50%; border: 3px solid #ffdda2; box-shadow: 0 0 55px #ffcf70, inset 0 0 45px #ffdfae; animation: portal-open .85s ease-in both; }
.observatory-veil-label { align-self: end; margin-bottom: 13vh; padding: 13px 22px; background: #f8f2e7; color: #284136; border-radius: 50px; font: 600 15px Jost, sans-serif; }
@keyframes entry-fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes portal-open { from { transform: scale(.2); opacity: 0 } to { transform: scale(5); opacity: 1 } }
@media (prefers-reduced-motion: reduce) { .observatory-entering #world, .observatory-veil, .observatory-portal { animation: none; transition: none; } }