.step1{height:100%}.step1 .bg-container{animation:cameraPull 10s ease both;width:100vw;height:100%;position:absolute;z-index:-2}.step1 .bg-container img{animation:bgFlicker 1.5s ease-in-out infinite alternate;width:100%;height:100%;object-fit:cover}.step1 .screen{animation:cameraPush 10s ease both}.step1 .fg{animation:cameraPull 10s ease both}.step1 .astro1 .layers{position:absolute;top:50%;left:10%;width:30%;z-index:0;aspect-ratio:1448/1754}.step1 .astro1 .layers img{width:100%}.step1 .astro1 .layers .bear{position:absolute;width:100%;height:100%;top:0;transform-origin:50% 80%;animation:bodyIdle 2s ease-in-out infinite alternate}.step1 .astro1 .layers .rarm{width:20.5%;position:absolute;top:29.8%;left:34.5%;transform-origin:80% 80%;animation:a1bodyRarm .3s ease-in-out infinite alternate}.step1 .astro1 .layers .larm{width:21.7%;position:absolute;top:28.1%;left:10.6%;transform-origin:20% 80%;animation:a1bodyLarm .4s ease-in-out infinite alternate}.step1 .astro1 .layers .head{width:52%;position:absolute;top:0;left:13.8%;transform-origin:50% 80%;animation:a1bodyHead 1.5s ease-in-out infinite alternate}.step1 .astro1 .layers .shadow{width:100%;position:absolute;bottom:0;left:0}.step1 .astro1 .layers .objects{width:87%;position:absolute;bottom:9%;left:0}.step1 .astro1 .layers .body{width:43%;position:absolute;top:32.6%;left:11.5%}.step1 .astro2 .layers{position:absolute;top:50%;right:0;width:30%;z-index:0;aspect-ratio:883/1467}.step1 .astro2 .layers img{width:100%}.step1 .astro2 .layers .bear{position:absolute;width:100%;height:100%;top:0;transform-origin:50% 80%;animation:bodyIdle 2s ease-in-out infinite alternate}.step1 .astro2 .layers .rarm{width:38.5%;position:absolute;top:19.8%;left:33.5%;transform-origin:20% 90%;animation:a2bodyRarm 2s ease-in-out infinite}.step1 .astro2 .layers .larm{width:16.7%;position:absolute;top:34.7%;left:7.6%;transform-origin:50% 20%;animation:a2bodyLarm 1s ease-in-out infinite alternate}.step1 .astro2 .layers .head{width:48%;position:absolute;top:0;left:5.8%;transform-origin:50% 80%;animation:a2bodyHead 1.5s ease-in-out infinite alternate}.step1 .astro2 .layers .shadow{width:100%;position:absolute;bottom:0;left:0}.step1 .astro2 .layers .objects{width:65%;position:absolute;bottom:4%;left:26%}.step1 .astro2 .layers .body{width:46%;position:absolute;top:30.2%;left:7.5%}.step1 .bg img{position:absolute;min-height:100%;min-width:100%;width:100%;object-fit:cover;z-index:0}.step1.alarm{animation:bgAlarm 1s ease-in-out infinite alternate}.step1 .screen{aspect-ratio:1;display:flex;justify-content:center;align-items:center;pointer-events:none}.step1 .screen img{position:absolute;width:100%}.step1 .connectDialog,.step1 .screen video{position:absolute;width:90%;animation:videoFlicker .8s ease-in-out infinite alternate}.step1 .connectDialog{background:#223d74;color:cyan;height:90%;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-out;opacity:1;font-size:2em;text-align:center;padding:15%;box-sizing:border-box}@keyframes cameraPull{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes cameraPush{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes a1bodyHead{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@keyframes a2bodyRarm{0%{transform:rotate(0deg)}10%{transform:rotate(5deg) scaleX(1.1)}20%{transform:rotate(0deg)}30%{transform:rotate(3deg) scaleX(1.05)}40%{transform:rotate(0deg)}50%{transform:rotate(7deg) scaleX(1.08)}60%{transform:rotate(0deg)}70%{transform:rotate(5deg) scaleX(1.04)}80%{transform:rotate(0deg)}90%{transform:rotate(6deg) scaleX(1.09)}to{transform:rotate(0deg)}}@keyframes a2bodyLarm{0%{transform:rotate(8deg)}to{transform:rotate(0deg)}}@keyframes a2bodyHead{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes bgFlicker{0%{filter:brightness(1)}20%{filter:brightness(1.1)}25%{filter:brightness(1)}32%{filter:brightness(1.2)}39%{filter:brightness(1)}54%{filter:brightness(1.15)}59%{filter:brightness(1)}64%{filter:brightness(1.05)}74%{filter:brightness(1)}90%{filter:brightness(1.1)}to{filter:brightness(1)}}@keyframes bgAlarm{0%{filter:brightness(.7) sepia(1) hue-rotate(-40deg) saturate(5)}to{filter:brightness(.2) sepia(1) hue-rotate(-40deg) saturate(5)}}@keyframes videoFlicker{0%{filter:brightness(1)}20%{filter:brightness(1.1)}25%{filter:brightness(1)}32%{filter:brightness(1.2)}39%{filter:brightness(1)}54%{filter:brightness(1.15)}59%{filter:brightness(1)}64%{filter:brightness(1.05)}74%{filter:brightness(1)}90%{filter:brightness(1.1)}to{filter:brightness(1)}}@media (max-aspect-ratio:4/5){.step1 .astro1 .layers{top:47%;left:-5%;width:72%}.step1 .astro2 .layers{top:45%;right:-10%;width:43%}}@media (min-aspect-ratio:4/5){.step1 .screen{width:40%}.step1 .astro1 .layers{top:41%;left:4%;width:49%}.step1 .astro2 .layers{top:45%;right:-16%;width:43%}}@media (min-aspect-ratio:5/4){.step1 .screen{width:35%}}@media (min-aspect-ratio:8/5){.step1 .screen{width:23%;top:2%}.step1 .astro1 .layers{top:42%;left:10%;width:37%}.step1 .astro2 .layers{top:33%;right:4%;width:30%}}.step2 .ship{position:absolute;top:0;left:0;height:100%;width:100%;animation:s2Shake 4s ease-in-out infinite alternate}@keyframes s2Shake{0%{transform:translate(0) scale(1.1)}20%{transform:translate(5px) scale(1.1)}40%{transform:translate(-5px,5px) scale(1.1)}60%{transform:translate(3px,-3px) scale(1.1)}80%{transform:translate(-4px,2px) scale(1.1)}to{transform:translate(1px,-1px) scale(1.1)}}.step2 .bg{overflow:visible;height:120%;animation:s2BGMovement 4s ease-in-out infinite alternate}@keyframes s2BGMovement{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}.step2 .bg img{animation:s2BGZoom 8s ease-in-out forwards}@keyframes s2BGZoom{0%{transform:scale(1.5)}to{transform:scale(1.1)}}.step2 .chair{position:absolute;bottom:0;left:0;width:100%}.step2 .astro1 .layers{position:absolute;bottom:-4%;left:-3%;width:45%;aspect-ratio:1606/2406;transform-origin:50% 80%;animation:bodyIdle 1.7s ease-in-out infinite alternate}.step2 .astro1 .layers .body{width:59.5%;position:absolute;top:48.8%;left:.5%}.step2 .astro1 .layers .arm{width:67.5%;position:absolute;top:42.8%;left:32.5%;transform-origin:0 50%;animation:s2a1Arm 2s ease-in-out infinite alternate}@keyframes s2a1Arm{0%{transform:rotate(-2deg) scaleX(1)}12%{transform:rotate(1deg) scaleX(1.1)}20%{transform:rotate(-1deg) scaleX(1)}28%{transform:rotate(3deg) scaleX(1.05)}42%{transform:rotate(-3deg) scaleX(1)}51%{transform:rotate(4deg) scaleX(1.2)}69%{transform:rotate(-1deg) scaleX(1)}73%{transform:rotate(3deg) scaleX(1.05)}82%{transform:rotate(-5deg) scaleX(1)}93%{transform:rotate(3deg) scaleX(1.07)}to{transform:rotate(0deg) scaleX(1)}}.step2 .astro1 .layers .head{width:77.5%;position:absolute;top:0;left:0;transform-origin:20% 80%;animation:s2a1Head 2.1s ease-in-out infinite alternate}@keyframes s2a1Head{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.step2 .astro2 .layers{position:absolute;bottom:-4%;right:-3%;width:45%;aspect-ratio:1688/2390;transform-origin:50% 80%;animation:bodyIdle 2s ease-in-out .8s infinite alternate}.step2 .astro2 .layers .body{width:55.5%;position:absolute;top:48.8%;right:.5%}.step2 .astro2 .layers .arm{width:70.5%;position:absolute;top:44%;left:0;transform-origin:100% 50%;animation:s2a2Arm 1.8s ease-in-out infinite alternate}@keyframes s2a2Arm{0%{transform:rotate(0deg) scaleX(1)}28%{transform:rotate(-3deg) scaleX(1)}42%{transform:rotate(-1deg) scaleX(1.05)}51%{transform:rotate(-5deg) scaleX(1)}65%{transform:rotate(0deg) scaleX(1.08)}80%{transform:rotate(-2deg) scaleX(1)}to{transform:rotate(0deg) scaleX(1)}}.step2 .astro2 .layers .head{width:72.5%;position:absolute;top:0;right:0;transform-origin:80% 80%;animation:s2a2Head 1.8s ease-in-out infinite alternate}@keyframes s2a2Head{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}.step2 .chairs{animation:s2ChairAnimation 10s ease both}.step2 .astros{animation:s2AstrosAnimation 10s ease both}.step2 .controls{height:100%;animation:s2BgAnimation 10s ease both}.step2 .controls img{height:100%}@keyframes s2ChairAnimation{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes s2AstrosAnimation{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes s2BgAnimation{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (max-aspect-ratio:4/5){.step2 .astro1 .layers{bottom:4%;left:-22%;width:72%}.step2 .astro2 .layers{bottom:3%;right:-25%;width:72%}}@media (min-aspect-ratio:4/5){.step2 .astro1 .layers{bottom:-6%;left:-2%;width:46%}.step2 .astro2 .layers{bottom:-2%;right:-2%;width:45%}}@media (min-aspect-ratio:5/4){.step2 .astro1 .layers{bottom:-12%;left:-2%;width:42%}.step2 .astro2 .layers{bottom:-11%;right:1%;width:42%}}@media (min-aspect-ratio:8/5){.step2 .astro1 .layers{bottom:-12%;left:0;width:38%}.step2 .astro2 .layers{bottom:-11%;right:2%;width:39%}}.nft{aspect-ratio:1;border-radius:15px;overflow:hidden;border:3px solid #2b1810;box-shadow:0 3px 0 #2b1810,0 5px 2px rgba(43,24,16,.48);transition:all .25s ease;user-select:none}.nft.selected{outline:4px solid #ff0;transform:scale(.9);padding:0}.step3 .fg .layers{position:absolute;bottom:-4%;left:0;width:100%;aspect-ratio:3500/2230;transform-origin:50% 0;animation:s3CameraPush 10s ease both}.step3 .foreground{position:absolute;bottom:0;left:0;width:100%}.step3 .bearpod{position:absolute;bottom:90%;width:40%;left:30%;animation:incomingRocket 2.8s cubic-bezier(.005,.8,.9,.7);transform-origin:50% 100%}.step3 .bearpod img{width:100%;transform-origin:50% 100%;animation:bodyIdle 1.7s ease-in-out infinite alternate}@keyframes s3CameraPush{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes incomingRocket{0%{transform:translateY(-200%)}80%{transform:translateX(0)}90%{transform:scaleY(.9)}to{transform:scale(1)}}@media (max-aspect-ratio:4/5){.step3 .fg .layers{bottom:0;left:-25%;width:150%}}@media (min-aspect-ratio:4/5){.step3 .fg .layers{bottom:-10%;left:0;width:100%}}@media (min-aspect-ratio:5/4){.step3 .fg .layers{bottom:-30%;left:0;width:100%}}@media (min-aspect-ratio:8/5){.step3 .fg .layers{bottom:-60%;left:0;width:100%}}.step4 .fomo .layers{position:absolute;top:32%;left:22%;width:19%;z-index:0;aspect-ratio:972/2092}.step4 .fomo .layers img{width:100%}.step4 .fomo .layers .bear{position:absolute;width:100%;height:100%;top:0;transform-origin:50% 80%;animation:bodyIdle 2s ease-in-out infinite alternate}.step4 .fomo .layers .legs{position:absolute;bottom:1%;left:24%;width:75%}.step4 .fomo .layers .larm{width:61.7%;position:absolute;top:49.1%;left:.6%;transform-origin:100% 0;animation:a1bodyLarm .4s ease-in-out infinite alternate}.step4 .fomo .layers .rarm{width:50.5%;position:absolute;top:48.8%;left:16.5%;transform-origin:80% 80%;animation:a1bodyRarm .3s ease-in-out infinite alternate}.step4 .fomo .layers .body{position:absolute;top:43%;width:57%;left:32%;animation:fomoBody 2s ease-in-out infinite alternate}@keyframes fomoBody{0%{transform:rotate(2deg)}to{transform:rotate(0deg)}}.step4 .fomo .layers .head{position:absolute;top:18%;width:61%;left:21%;transform-origin:center bottom;animation:fomoHead 2s ease-in-out infinite alternate}@keyframes fomoHead{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.step4 .fomo .layers .hair{position:absolute;top:-67%;left:0;transform-origin:center bottom;animation:fomoHair 1s ease-in-out infinite alternate}@keyframes fomoHair{0%{transform:scaleY(1)}to{transform:scaleY(1.1)}}.step4 .fud .layers{position:absolute;top:46%;right:21%;width:7%;z-index:0;aspect-ratio:681/841}.step4 .fud .layers img{width:100%}.step4 .fud .layers .cat{position:absolute;width:100%;height:100%;top:0;transform-origin:50% 80%;animation:bodyIdle 2s ease-in-out infinite alternate}.step4 .fud .layers .body{position:absolute;top:0;left:0;width:100%}.step4 .fud .layers .head{position:absolute;top:-56%;left:41%;width:78%;transform-origin:center bottom;animation:fudHead 1s ease-in-out infinite alternate}@keyframes fudHead{0%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.step4 .fud .layers .tail{position:absolute;top:38%;left:-35%;width:84%;transform-origin:100% 37%;animation:fudTail .76s ease-in-out infinite alternate}@keyframes fudTail{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.step4 .fud .layers .arm{position:absolute;top:-48%;left:81%;width:68%;transform-origin:left bottom;animation:fudArm 2s ease-in-out infinite alternate}@keyframes fudArm{0%{transform:rotate(5deg) scaleY(1)}80%{transform:rotate(10deg) scaleY(.95)}90%{transform:rotate(0deg) scaleY(1.05)}to{transform:rotate(10deg) scaleY(.95)}}@keyframes bodyIdle{0%{transform:scaleY(1)}to{transform:scaleY(.98)}}@keyframes a1bodyLarm{0%{transform:rotate(6deg)}to{transform:rotate(0deg)}}@keyframes a1bodyRarm{0%{transform:rotate(0deg)}to{transform:rotate(7deg)}}@media (max-aspect-ratio:4/5){.step4 .fomo .layers{top:40%;left:-6%;width:36%}.step4 .fud .layers{top:63%;right:3%;width:14%}}@media (min-aspect-ratio:4/5){.step4 .fud .layers{top:48%;right:3%;width:10%}.step4 .fomo .layers{top:32%;left:18%;width:22%}}@media (min-aspect-ratio:5/4){.step4 .fud .layers{top:45%;right:3%;width:11%}.step4 .fomo .layers{top:22%;left:18%;width:22%}}@media (min-aspect-ratio:8/5){.step4 .fud .layers{top:45%;right:3%;width:11%}.step4 .fomo .layers{top:19%;left:18%;width:21%}}.staked-nft .reward-badge{position:absolute;top:6px;right:6px;background-color:rgba(0,0,0,.6);color:#fff;padding:2px 6px;border-radius:100px;font-size:12px;font-weight:700;z-index:2;gap:4px;flex-direction:row}.staked-nft,.staked-nft .reward-badge{display:flex;align-items:center;justify-content:center}.staked-nft{position:relative;aspect-ratio:1;border-radius:10px;transform:scale(.95);transition:all .3s ease-in-out;overflow:hidden}.staked-nft,.staked-nft:hover{box-shadow:inset 0 0 10px rgba(0,248,255,.38),0 0 10px rgba(0,248,255,.38),0 4px 10px #000}.staked-nft:hover{transform:scale(1)}