html.intro-on,html.intro-on body{overflow:hidden}.intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0d1119,#05070b 60%,#000);animation:intro-open .35s ease-out both}@keyframes intro-open{0%{opacity:0}to{opacity:1}}.intro--leaving{animation:intro-close .6s cubic-bezier(.5,0,.75,0) forwards;pointer-events:none}@keyframes intro-close{to{opacity:0;transform:scale(1.35);filter:blur(6px)}}.intro__hole{position:absolute;width:120px;height:120px;border-radius:50%;background:#000;box-shadow:0 0 0 2px #4fa9ff8c,0 0 40px 8px #4fa9ff4d,inset 0 0 40px 10px #000;animation:intro-hole 2.6s cubic-bezier(.4,0,.3,1) both}@keyframes intro-hole{0%{transform:scale(0);opacity:0}14%{transform:scale(1);opacity:1}76%{transform:scale(1.05);opacity:1}to{transform:scale(.16);opacity:0}}.intro__disc{position:absolute;width:340px;height:340px;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(79,169,255,.4) 60deg,rgba(240,195,60,.3) 140deg,transparent 210deg,rgba(79,169,255,.28) 300deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle,transparent 34%,#000 42%,#000 68%,transparent 76%);mask-image:radial-gradient(circle,transparent 34%,#000 42%,#000 68%,transparent 76%);animation:intro-disc-in 2.6s ease-out both,intro-spin 1.5s linear infinite}@keyframes intro-disc-in{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}78%{opacity:.9}to{opacity:0;transform:scale(.2)}}@keyframes intro-spin{to{rotate:360deg}}.intro__block{position:absolute;border-radius:1px;image-rendering:pixelated;opacity:0;box-shadow:0 0 10px #4fa9ff59;animation:intro-pull 1.9s cubic-bezier(.55,0,.35,1) both}@keyframes intro-pull{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(0) scale(1)}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(0) rotate(var(--spin)) scale(.06)}}.intro__mark{position:relative;width:min(340px,66vw);height:auto;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 0 26px rgba(79,169,255,.5));animation:intro-mark 1.5s cubic-bezier(.2,.9,.3,1.3) 1.55s both}@keyframes intro-mark{0%{opacity:0;transform:scale(.3) rotate(-6deg);filter:blur(10px) drop-shadow(0 0 26px rgba(79,169,255,.5))}45%{opacity:1;transform:scale(1.04) rotate(0);filter:blur(0) drop-shadow(0 0 26px rgba(79,169,255,.5))}70%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.intro__flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(220,236,255,.85) 0%,transparent 55%);opacity:0;animation:intro-flash .55s ease-out 1.45s both}@keyframes intro-flash{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@media(max-width:700px){.intro__disc{width:240px;height:240px}.intro__hole{width:86px;height:86px}}@media(prefers-reduced-motion:reduce){.intro{display:none!important}html.intro-on,html.intro-on body{overflow:auto}}