.fragment-warp{isolation:isolate;contain:paint}.fragment-warp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 6px,hsl(var(--foreground) / .055) 6px 7px);animation:fragment-static 2.2s ease-out both}.fragment-warp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid hsl(var(--primary) / .5);border-radius:inherit;opacity:0;animation:fragment-edge 2.2s ease-out both}.warp-atmosphere{overflow:hidden;opacity:0;background:radial-gradient(ellipse at 70% 50%,hsl(var(--accent) / .2),transparent 65%);animation:fragment-atmosphere 2.4s ease-out both}.warp-ring{position:absolute;left:65%;top:45%;width:24rem;height:16rem;border:1px solid hsl(var(--primary) / .4);border-radius:50%;box-shadow:0 0 2rem hsl(var(--accent) / .15),inset 0 0 2rem hsl(var(--primary) / .08);opacity:0}.warp-ring-outer{animation:fragment-ring 2s cubic-bezier(.16,1,.3,1) both}.warp-ring-inner{width:15rem;height:10rem;border-color:hsl(var(--accent) / .6);animation:fragment-ring 1.8s .15s cubic-bezier(.16,1,.3,1) both}.warp-fracture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(112deg,transparent 43%,hsl(var(--primary) / .3) 43.2%,transparent 43.6%,transparent 56%,hsl(var(--accent) / .4) 56.2%,transparent 56.6%);animation:fragment-fracture 1.8s ease-out both}.warp-scan{position:absolute;left:0;right:0;top:-20%;height:20%;background:linear-gradient(transparent,hsl(var(--accent) / .16),hsl(var(--primary) / .2),transparent);animation:fragment-scan 1.8s ease-out both}.warp-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,hsl(var(--primary) / .24),transparent 70%)}.fragment-warp-unlocked .warp-flash{animation:fragment-unlock 1.8s ease-out both}.fragment-warp-unlocked .warp-ring-outer{border-color:hsl(var(--primary) / .7);animation-duration:2.3s}.fragment-warp .warp-code{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%}.warp-code-echo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.warp-code-echo-top{color:hsl(var(--accent));clip-path:inset(5% 0 55% 0);animation:fragment-echo-top 1.8s ease-out both}.warp-code-echo-bottom{color:hsl(var(--foreground));clip-path:inset(55% 0 5% 0);animation:fragment-echo-bottom 1.8s ease-out both}.fragment-warp-rift .warp-code>span:first-child{display:block;animation:fragment-rift 1.6s ease-out both}.fragment-warp-echo .warp-code-echo{animation-duration:2.2s}.fragment-warp-signal .warp-code>span:first-child{display:block;animation:fragment-signal 1.7s ease-out both}@keyframes fragment-atmosphere{0%{opacity:0}20%,45%{opacity:1}to{opacity:0}}@keyframes fragment-static{0%{opacity:0;background-position:0 -10px}15%{opacity:.65}45%{opacity:.3;background-position:0 15px}to{opacity:0;background-position:0 30px}}@keyframes fragment-edge{0%{opacity:.1}25%{opacity:.8;box-shadow:inset 0 0 2rem hsl(var(--accent) / .2)}to{opacity:0}}@keyframes fragment-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(-22deg) scale(.15)}20%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) rotate(18deg) scale(1.7)}}@keyframes fragment-fracture{0%{opacity:0;transform:skew(-8deg) translate(-10%)}25%{opacity:.7}to{opacity:0;transform:skew(5deg) translate(10%)}}@keyframes fragment-scan{0%{transform:translateY(0);opacity:0}20%{opacity:.8}to{transform:translateY(650%);opacity:0}}@keyframes fragment-unlock{0%{opacity:0;transform:scale(.5)}25%{opacity:.8}to{opacity:0;transform:scale(1.5)}}@keyframes fragment-rift{0%,18%,55%,to{transform:none}8%{transform:translate(-3px) skew(-4deg)}35%{transform:translate(3px) skew(3deg)}70%{transform:translate(-1px)}}@keyframes fragment-echo-top{0%{opacity:0;transform:translate(0)}15%{opacity:.6;transform:translate(-5px)}40%{opacity:.3;transform:translate(3px)}to{opacity:0;transform:translate(0)}}@keyframes fragment-echo-bottom{0%{opacity:0;transform:translate(0)}20%{opacity:.4;transform:translate(5px)}50%{opacity:.25;transform:translate(-2px)}to{opacity:0;transform:translate(0)}}@keyframes fragment-signal{0%{opacity:.55;filter:blur(1px)}30%{opacity:.8;filter:blur(.4px)}to{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.fragment-warp:before,.fragment-warp:after,.fragment-warp .warp-atmosphere,.fragment-warp .warp-atmosphere *,.fragment-warp .warp-code>span{animation:none;transform:none;filter:none}.fragment-warp .warp-atmosphere,.fragment-warp .warp-code-echo,.fragment-warp:before,.fragment-warp:after{display:none}.fragment-warp-unlocked{border-color:hsl(var(--primary) / .7)}}