.alc-warp{z-index:100;background:var(--alc-bg);animation:alc-warp-in var(--alc-motion-dur-medium) ease-out both;--alc-iris:0%;-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--alc-iris), #000 calc(var(--alc-iris) + 0.5%));-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--alc-iris), #000 calc(var(--alc-iris) + 0.5%));mask:radial-gradient(circle at 50% 50%, transparent var(--alc-iris), #000 calc(var(--alc-iris) + 0.5%));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.alc-warp[data-phase=cruise],.alc-warp[data-phase=arrive]{animation:none}@keyframes alc-warp-in{0%{opacity:0}to{opacity:1}}@property --alc-iris{syntax:"<percentage>";inherits:false;initial-value:0%}.alc-warp[data-leaving]{animation:alc-warp-iris calc(var(--alc-motion-dur-long) * 2) var(--alc-motion-curve-standard) forwards;pointer-events:none}@keyframes alc-warp-iris{0%{--alc-iris:0%}to{--alc-iris:150%}}.alc-warp-core{color:var(--alc-ink);justify-items:center;gap:18px;display:grid;position:relative}.alc-warp-glyph{color:var(--alc-ink);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--alc-purple-100) 70%, transparent));animation:alc-warp-glyph-in calc(var(--alc-motion-dur-long) * 1.25) var(--alc-motion-curve-enter) .12s both;position:relative}.alc-warp[data-phase=cruise] .alc-warp-glyph,.alc-warp[data-phase=arrive] .alc-warp-glyph{animation:alc-warp-bob var(--alc-motion-dur-ambient) var(--alc-motion-curve-breathe) infinite}.alc-warp[data-leaving] .alc-warp-glyph{animation:alc-warp-glyph-out var(--alc-motion-dur-long) var(--alc-motion-curve-exit) forwards}@keyframes alc-warp-glyph-in{0%{opacity:0;filter:blur(6px);transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes alc-warp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--alc-motion-breathe-shift-max) * -1))}}@keyframes alc-warp-glyph-out{to{opacity:0;filter:blur(4px);transform:scale(2.4)}}.alc-warp-halo{border-radius:var(--alc-radius-full);background:radial-gradient(circle, color-mix(in srgb, var(--alc-orange-300) 30%, transparent) 0%, color-mix(in srgb, var(--alc-purple-400) 18%, transparent) 45%, transparent 70%);width:220px;height:220px;animation:alc-warp-halo var(--alc-motion-dur-ambient) var(--alc-motion-curve-breathe) infinite;margin:-110px 0 0 -110px;position:absolute;top:28px;left:50%}@keyframes alc-warp-halo{0%,to{opacity:.8;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.alc-warp-caption{font-family:var(--alc-font-mono);font-size:var(--alc-text-label);letter-spacing:.24em;text-transform:uppercase;color:var(--alc-ink-2);animation:alc-warp-caption var(--alc-motion-dur-long) ease-out .35s both}@keyframes alc-warp-caption{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.24em}}.alc-warp[data-phase=cruise] .alc-warp-caption,.alc-warp[data-phase=arrive] .alc-warp-caption{animation:none}.alc-warp[data-leaving] .alc-warp-caption{opacity:0;transition:opacity var(--alc-motion-dur-short) ease-out}@media (prefers-reduced-motion:reduce){.alc-warp canvas{display:none}.alc-warp,.alc-warp-glyph,.alc-warp-halo,.alc-warp-caption{animation:none!important}.alc-warp[data-leaving]{opacity:0;transition:opacity var(--alc-motion-dur-short) linear}}