.warp{z-index:200;background:#070b14;position:fixed;inset:0}.warp-stars{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.warp.in{animation:.8s ease-in both warp-open}@keyframes warp-open{0%{clip-path:circle(24px at var(--warp-x,50%) var(--warp-y,50%))}to{clip-path:circle(150vmax at var(--warp-x,50%) var(--warp-y,50%))}}.warp.out{pointer-events:none;animation:.45s ease-out both warp-fade}@keyframes warp-fade{to{opacity:0}}.warp-label{min-height:100svh;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-lilac);text-shadow:0 2px #0a0614,0 0 18px #9b6ae6b3;place-items:center;margin:0;font-size:clamp(16px,2vw,22px);animation:1.2s steps(2,end) infinite warp-blink;display:grid;position:relative}.warp.in .warp-label{animation:.3s .5s both warp-label}@keyframes warp-label{0%{opacity:0}}@keyframes warp-blink{50%{opacity:.45}}.warp.out .warp-label{visibility:hidden}