.camera-layer{position:fixed;inset:0;overflow:hidden;--parallax-x:0px;--parallax-y:0px;--skew-x:0deg;--skew-y:0deg}.main-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .55),calc(var(--parallax-y, 0px) * .55));width:98%;z-index:3;margin-top:30px;font-family:Rose Gard,serif;font-size:136px;font-weight:400;text-align:center;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;mix-blend-mode:difference;:first-letter{color:#9ca1ff}h1{font-weight:inherit;margin:0}text-shadow:0 0 12px rgba(255,255,255,.35),0 0 24px rgba(255,255,255,.2);@media (max-width:1920px){line-height:225px}@media (max-width:768px){font-size:72px;line-height:.8}}.subtitle{font-family:Roboto,Arial,sans-serif;font-size:12px;color:white;text-align:right;width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .25),calc(var(--parallax-y, 0px) * .25));text-transform:uppercase;margin-top:137px;margin-left:340px;mix-blend-mode:difference;z-index:3;@media (max-width:1920px){margin-top:-235px;margin-left:-224px;text-align:left;color:black;mix-blend-mode:normal}@media (max-width:1024px){margin-top:-356px;margin-left:-29px}@media (max-width:768px){font-size:12px;margin-top:215px;margin-left:-90px;color:white;text-align:right}}.position-wrapper{margin-top:100px}.o-star{width:165px;height:165px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .3),calc(var(--parallax-y, 0px) * .3));margin-top:12px;margin-left:-100px;@media (max-width:1920px){margin-top:-107px;margin-left:262px}@media (max-width:1024px){margin-top:6px;margin-left:-58px}background:url(/assets/title/o-star.png) 50% no-repeat;background-size:cover;z-index:1;@media (max-width:768px){width:100px;height:100px;margin-top:16px;margin-left:-30px}}.characters{width:646px;height:707px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .65),calc(var(--parallax-y, 0px) * .65));margin-top:-238px;margin-left:210px;@media (max-width:1920px){margin-top:-119px;margin-left:30px}@media (max-width:1024px){margin-top:-7px;margin-left:180px}background:url(/assets/render.png) 50% no-repeat;background-size:cover;z-index:3;@media (max-width:768px){width:323px;height:353px;margin-top:6px;margin-left:102px}}.white-waves{width:1279px;height:983px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .12),calc(var(--parallax-y, 0px) * .12));margin-top:-100px;margin-left:-110px;background:url(/assets/white-waves.webp) 50% no-repeat;background-size:cover;opacity:.03;mix-blend-mode:difference;@media (max-width:1024px){margin-left:6px}}.vignette{z-index:2;background:linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,calc(.6 * var(--vignette-intensity, 0))) 100%),radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.55) 100%)}.corner-ui,.vignette{position:fixed;inset:0;pointer-events:none}.corner-ui{z-index:5}.corner-ui .text-bottom{pointer-events:auto}.left-line{width:40px;height:1px;background:white;position:absolute;left:28px;top:50%;@media (max-width:1024px){left:0}}.right-line{width:40px;height:1px;background:white;position:absolute;right:28px;top:50%;@media (max-width:1024px){right:0}}.bottom-line{width:1px;height:165px;background:white;position:absolute;bottom:140px;left:50%;@media (max-width:1920px){height:65px;bottom:116px}}.top-line{width:1px;height:80px;background:white;position:absolute;top:200px;left:50%;@media (max-width:1920px){height:65px;top:116px}}.corner-ui .corner-star{width:38px;height:37px;position:absolute;top:28px;left:28px;background:url(/assets/title/corner-star.png) 50% no-repeat;background-size:contain;z-index:5}.corner-text{top:82px;left:28px;z-index:5}.corner-text,.version-text{font-family:Courier New,Courier,monospace;font-size:12px;text-align:left;color:black;position:absolute;text-transform:uppercase}.version-text{top:80px;left:50%;transform:translateX(-50%)}.corner-arrow{width:32px;height:32px;bottom:20px;right:28px;background:url(/assets/title/down-right-arrow.png) 50% no-repeat;background-size:contain;filter:invert(1)}.corner-arrow,.corner-plus{position:absolute;z-index:5}.corner-plus{height:56px;font-family:Courier New,Courier,monospace;font-size:56px;text-align:center;color:white;mix-blend-mode:difference;bottom:28px;left:28px}.dotted{font-family:Bitcount Prop Double,serif;font-size:72px;font-weight:400;text-align:center;text-transform:uppercase;font-weight:100;font-style:italic;position:absolute;@media (max-width:1024px){font-size:52px}}.acidic-text{font-family:Acidic,serif;font-size:38px;font-weight:400;text-align:center;text-transform:uppercase;@media (max-width:1024px){font-size:28px}}.text-top{top:28px;color:black}.text-bottom,.text-top{position:absolute;left:50%;transform:translateX(-50%);z-index:5;width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.text-bottom{bottom:28px;color:white;cursor:pointer}.text-bottom,.text-bottom *{text-shadow:0 0 12px rgba(255,255,255,.35),0 0 24px rgba(255,255,255,.2)}.text-bottom:hover,.text-bottom:hover *{animation:text-glow-pulse 2s ease-in-out infinite}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 12px rgba(255,255,255,.35),0 0 24px rgba(255,255,255,.2)}50%{text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3)}}.sticker-star{width:105px;height:114px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .4),calc(var(--parallax-y, 0px) * .4));margin-top:51px;margin-left:-791px;background:url(/assets/title/star-sticker.png) 50% no-repeat;background-size:contain;z-index:5;@media (max-width:1920px){margin-top:185px;margin-left:-298px}@media (max-width:1024px){margin-top:185px;margin-left:-298px}@media (max-width:768px){width:55px;height:60px;margin-top:162px;margin-left:-153px}}.sticker-star-2{width:64px;height:118px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .4),calc(var(--parallax-y, 0px) * .4));margin-top:-67px;margin-left:705px;background:url(/assets/title/star-sticker-2.png) 50% no-repeat;background-size:contain;z-index:5;@media (max-width:1920px){margin-top:-185px;margin-left:382px}@media (max-width:1024px){margin-top:-296px;margin-left:186px}@media (max-width:768px){width:35px;height:65px;margin-top:-140px;margin-left:94px;z-index:3}}.cursor-mouse{width:28px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .45),calc(var(--parallax-y, 0px) * .45));margin-left:453px;background:url(/assets/title/cursor-mouse.png) 50% no-repeat;background-size:contain;z-index:5;@media (max-width:1920px){margin-top:136px;margin-left:242px}@media (max-width:1024px){margin-top:243px;margin-left:-52px}@media (max-width:768px){width:15px;height:28px;margin-top:138px;margin-left:-26px}}.white-dots{width:160px;height:138px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .18),calc(var(--parallax-y, 0px) * .18));margin-top:-80px;margin-left:-735px;@media (max-width:1920px){margin-top:-214px;margin-left:-427px}@media (max-width:1024px){margin-top:-334px;margin-left:-246px}background:url(/assets/title/white-dots.png) 50% no-repeat;background-size:contain;@media (max-width:1024px){width:100px;height:85px;margin-top:-151px;margin-left:-124px}}.white-decor{width:188px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .25),calc(var(--parallax-y, 0px) * .25));margin-top:135px;margin-left:712px;background:url(/assets/title/white-decor.png) 50% no-repeat;background-size:contain;@media (max-width:1920px){margin-top:-238px;margin-left:381px}@media (max-width:1024px){margin-top:78px;margin-left:-251px}@media (max-width:768px){width:120px;height:22px;margin-top:-182px;margin-left:94px}}.white-blobs{width:137px;height:37px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--parallax-x, 0px) * .22),calc(var(--parallax-y, 0px) * .22));margin-top:-131px;margin-left:-570px;background:url(/assets/title/white-blobs.png) 50% no-repeat;background-size:contain;@media (max-width:1920px){margin-top:34px;margin-left:-400px}@media (max-width:1024px){margin-top:-70px;margin-left:-237px}@media (max-width:768px){width:90px;height:26px;margin-top:0;margin-left:-163px;transform:rotate(90deg)}}.light-leak-one{width:712px;height:859px;position:absolute;top:calc(50% - 429.5px);left:calc(50% - 356px);transform:translate(calc(var(--parallax-x, 0px) * .2),calc(var(--parallax-y, 0px) * .2));margin-top:-120px;margin-left:200px;@media (max-width:1920px){margin-top:0;margin-left:67px}background:url(/assets/blue-light-leak-bottom.webp) 50% no-repeat;background-size:cover;mix-blend-mode:screen}.light-leak-two{width:429px;height:461px;position:absolute;top:calc(50% - 230.5px);left:calc(50% - 214.5px);transform:translate(calc(var(--parallax-x, 0px) * .28),calc(var(--parallax-y, 0px) * .28));margin-top:-184px;margin-left:328px;background:url(/assets/blue-light-leak-top.webp) 50% no-repeat;background-size:cover;mix-blend-mode:screen;z-index:4;@media (max-width:1920px){margin-top:-135px;margin-left:109px}}.light-leak-three{width:429px;height:286px;position:absolute;top:calc(50% - 143px);left:calc(50% - 214.5px);transform:translate(calc(var(--parallax-x, 0px) * .28),calc(var(--parallax-y, 0px) * .28));margin-top:-116px;margin-left:552px;background:url(/assets/yellow-light-leak.png) 50% no-repeat;background-size:cover;mix-blend-mode:screen;z-index:4;animation:light-leak-pulse 3s ease-in-out infinite;@media (max-width:1920px){margin-top:41px;margin-left:326px}@media (max-width:1024px){margin-top:288px;margin-left:-5px}@media (max-width:1024px){margin-top:65px;margin-left:196px}}@keyframes light-leak-pulse{0%,to{opacity:1;scale:1}50%{opacity:.85;scale:1.03}}.dust-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:url(/assets/dust.webp) 50%;mix-blend-mode:screen}.planets{position:absolute;width:1000px;height:1000px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit,.orbit:before{position:absolute;inset:0;border-radius:50%}.orbit:before{content:"";border:1px solid rgba(133,133,133,.25);mix-blend-mode:difference;pointer-events:none}.orbit-big{width:930px;height:930px;margin:auto;@media (max-width:768px){width:630px;height:630px}}.orbit-medium{width:860px;height:860px;margin:auto;@media (max-width:768px){width:560px;height:560px}}.orbit-small{width:560px;height:560px;margin:auto;@media (max-width:768px){width:360px;height:360px}}.planet{position:absolute;top:50%;left:50%;z-index:1}.p1{width:180px;height:180px;background:url(/assets/big-blue-planet.png) 50% no-repeat;background-size:cover}.p2{width:110px;height:110px;background:url(/assets/little-blue-planet.png) 50% no-repeat;background-size:cover}.p3{width:42px;height:42px;background:url(/assets/yellow-planet.png) 50% no-repeat;background-size:cover}@keyframes orbit-big{0%{transform:translate(-50%,-50%) rotate(225deg) translateX(465px) rotate(-225deg)}to{transform:translate(-50%,-50%) rotate(585deg) translateX(465px) rotate(135deg)}}@media (max-width:768px){@keyframes orbit-big{0%{transform:translate(-50%,-50%) rotate(225deg) translateX(315px) rotate(-225deg)}to{transform:translate(-50%,-50%) rotate(585deg) translateX(315px) rotate(135deg)}}}@keyframes orbit-medium{0%{transform:translate(-50%,-50%) rotate(45deg) translateX(430px) rotate(-45deg)}to{transform:translate(-50%,-50%) rotate(405deg) translateX(430px) rotate(315deg)}}@media (max-width:768px){@keyframes orbit-medium{0%{transform:translate(-50%,-50%) rotate(45deg) translateX(280px) rotate(-45deg)}to{transform:translate(-50%,-50%) rotate(405deg) translateX(280px) rotate(315deg)}}}@keyframes orbit-small{0%{transform:translate(-50%,-50%) rotate(90deg) translateX(280px) rotate(-90deg)}to{transform:translate(-50%,-50%) rotate(450deg) translateX(280px) rotate(270deg)}}@media (max-width:768px){@keyframes orbit-small{0%{transform:translate(-50%,-50%) rotate(90deg) translateX(180px) rotate(-90deg)}to{transform:translate(-50%,-50%) rotate(450deg) translateX(180px) rotate(270deg)}}}.p1{animation:orbit-big 20s linear infinite}.p2{animation:orbit-medium 32s linear infinite reverse}.p3{animation:orbit-small 12s linear infinite}canvas{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.music-player{position:absolute;top:28px;right:28px;z-index:5}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none}