*{box-sizing:border-box;font-family:retro;font-weight:400;margin:0;padding:0}:root{--pink:#ff4186;--blue:#41ddff;--pink-hover:#c51656;--blue-hover:#16a6c5;--black-hover:#1c192d;--bg-black:#101012;--pastel-blue:#8beaff;--pastel-pink:#ff97bd}h1,h2,p{z-index:10}header{align-items:center;background-color:var(--bg-black);display:flex;height:80px;justify-content:space-between;left:0;padding:0 8vw;position:fixed;top:0;width:100%;z-index:99999;>nav{align-items:center;display:flex;gap:20px;height:100%;justify-content:center;a{color:#fff;font-size:20px;font-weight:600;text-decoration:none;text-transform:uppercase;&.btn{background-color:var(--blue);border-radius:9999px;color:#000;font-size:16px;font-weight:600;line-height:80%;padding:10px 20px;text-decoration:none;text-transform:uppercase}}}}main{align-items:center;display:flex;flex-direction:column}article,main{overflow:hidden;width:100vw}body,html{background-color:#1c192d;left:0;overflow-x:hidden;position:relative;top:0;width:100vw}#introduce{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin-top:80px;max-height:1200px;position:relative;width:100vw;>div{max-height:900px;min-height:100%;padding-bottom:120px}}#main-text{>h1{color:var(--pink);font-family:SD Heululing!important;font-size:160px;margin-top:50px;text-transform:uppercase;word-break:keep-all;-webkit-text-stroke:1px #000;filter:drop-shadow(8px 8px 0 var(--blue))}>h1,div{transform:skew(-5deg) rotate(-1deg)}div{align-items:end;display:flex;gap:10px}h2{font-family:retro;font-size:96px;padding-left:40px;-webkit-text-stroke:1px #000;color:var(--pink);filter:drop-shadow(4px 4px 0 var(--blue))}i{color:var(--blue);filter:drop-shadow(0);font-family:SD Heululing!important;font-size:64px;font-style:normal}}#test-ghost{width:400px}#arrow{display:flex;justify-content:center;margin-top:40px}#arrow img{animation:float 2s ease-in-out infinite}#background-lottie{height:100vh;margin:0 auto;max-height:1000px;min-width:2000vh;-o-object-fit:contain;object-fit:contain;opacity:.2;outline:none;overflow:hidden;position:absolute;top:0;width:100%}#event-details{font-family:pp;margin-top:20px;padding-left:40px;position:relative;z-index:10;>b{color:var(--blue);font-family:pp}}#btns{align-items:end;display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:140px;>img{width:100px}>[id^=ghost]{position:absolute;&:first-child{left:10vw}&:last-child{right:0}}>div{display:flex;gap:40px}a{border-radius:9999px;color:#000;font-family:SD Heululing!important;font-size:40px;font-weight:700;line-height:80%;padding:26px 56px 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;&:before{background-position:0;background-repeat:no-repeat;background-size:84px 60px;content:"";height:60px;margin-top:-100px;position:absolute;transition:transform .3s ease;width:84px}&:first-child{background-color:var(--blue);&:before{background-image:url(/assets/alien-1.svg);right:40px}}&:last-child{background-color:var(--pink);&:before{background-image:url(/assets/alien-2.svg);left:40px}}&:hover{color:var(--black-hover);&:before{transform:scale(1.2)}}&:first-child:hover{background-color:var(--blue-hover);&:before{background-image:url(/assets/alien-1-hover.svg);right:40px}}&:last-child:hover{background-color:var(--pink-hover);&:before{background-image:url(/assets/alien-2-hover.svg);right:40px}}}}.card{width:340px;z-index:200}#count-down{align-items:center;background:linear-gradient(180deg,#10101200 .75%,#101012f2 40.02%,#101012 68.6%,#10101200);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:max(100vh,1800px);max-height:1800px;overflow:visible;padding-top:400px;position:relative;>h1{color:var(--pink);font-family:retro;font-size:64px;margin-top:20px;position:relative;text-transform:uppercase;-webkit-text-stroke:#000 1px;text-shadow:4px 4px 0 var(--blue);&:before{background-image:url(/assets/alien-1.svg);left:-124px}&:after,&:before{background-position:0;background-repeat:no-repeat;background-size:84px 60px;bottom:10px;content:"";height:60px;position:absolute;width:84px}&:after{background-image:url(/assets/alien-2.svg);right:-124px}}}#count-down>#ghosts{height:100%;position:absolute;width:100%;>[id^=ghost]{position:absolute;&:first-child{bottom:400px;left:4vw}&:last-child{height:100px;right:4vw;top:0}}}#timer{align-items:start;display:flex;gap:40px;>p{color:var(--pink);font-family:SD Heululing!important;font-size:160px}}.timer-item{align-items:center;color:var(--blue);display:flex;flex-direction:column;font-family:ws;font-weight:700;gap:20px;justify-content:center;>div{align-items:center;display:flex;flex-direction:column;gap:10px}span{color:var(--pink);font-family:SD Heululing!important;font-size:160px}p{color:var(--blue);font-family:retro;font-size:20px;font-style:normal;font-weight:400}}#info{background:linear-gradient(180deg,#ff97bd00,#ff97bd 23.98%);color:#fff;height:-moz-fit-content;height:fit-content;padding-bottom:80px;>div{align-items:center;background-image:url(/background/info.svg);background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;height:100%;padding-top:200px;width:100%}h1{filter:drop-shadow(4px 4px 0 var(--pastel-blue));font-family:retro;font-size:80px;font-style:normal;font-weight:400;letter-spacing:-3.2px}h1,h2{color:#fff;-webkit-text-stroke:1px #000}h2{filter:drop-shadow(6px 6px 0 var(--pastel-blue));font-family:SD Heululing!important;font-size:100px}p{color:#1c192db3;font-family:ws;font-size:40px;font-style:normal;font-weight:400;font-weight:600;letter-spacing:-2.4px;line-height:150%;margin-top:40px;text-align:center;>b{color:#1c192dcc;font-family:ws;font-weight:700}}}#guild{background:linear-gradient(180deg,#8beaff 93.6%,#8beaff00);color:#fff;height:-moz-fit-content;height:fit-content;>div:first-child{align-items:center;background-image:url(/background/guild.svg);background-position:top;background-repeat:no-repeat;background-size:100vw;display:flex;flex-direction:column;padding-top:200px;position:relative;width:100%;z-index:0;&:before{background-image:url(/assets/alien-3.svg);bottom:-400px;left:-200px}&:after,&:before{background-position:0;background-repeat:no-repeat;content:"";height:436.36px;position:absolute;width:480px;z-index:0}&:after{background-image:url(/assets/alien-4.svg);right:-200px;top:200px}}>div:last-child{display:flex;gap:20px;justify-content:center;margin-bottom:200px;margin-top:100px}&[visible]{>div:first-child:before{animation:intro-left-to-right 3s ease-in-out}>div:first-child:after{animation:intro-right-to-left 2s ease-in-out}}h1{filter:drop-shadow(4px 4px 0 var(--pastel-pink));font-family:retro;font-size:80px;font-style:normal;font-weight:400;letter-spacing:-3.2px}h1,h2{color:#fff;-webkit-text-stroke:1px #000}h2{filter:drop-shadow(6px 6px 0 var(--pastel-pink));font-family:SD Heululing!important;font-size:100px}p{color:#1c192db3;font-family:ws;font-size:40px;font-style:normal;font-weight:400;font-weight:600;letter-spacing:-2.4px;line-height:150%;margin-top:40px;text-align:center;>b{color:#1c192dcc;font-family:ws;font-weight:700}}}#faq{align-items:center;background-color:#101012;background-image:url(/background/faq.svg);background-position:50%;background-position:0 0;background-repeat:no-repeat;background-size:100vw;display:flex;flex-direction:column;>h1{color:var(--pink);font-family:SD Heululing!important;font-size:140px;letter-spacing:2.8px;margin:40px 0;padding-top:120px;position:relative;-webkit-text-stroke:1px #000;text-shadow:4px 4px 0 var(--blue);&:before{background-image:url(/assets/alien-1.svg);left:-124px}&:after,&:before{background-position:0;background-repeat:no-repeat;background-size:84px 60px;bottom:32px;content:"";height:60px;position:absolute;width:84px}&:after{background-image:url(/assets/alien-2.svg);right:-124px}}>section{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(min(572px,90%),1fr));justify-items:center;max-width:1300px;overflow:visible;width:100%}>p{color:#ffffffb3;font-family:ws;font-size:32px;font-weight:400;margin-bottom:100px;margin-top:100px}}#timeline{align-items:center;display:flex;flex-direction:column;overflow:visible;position:relative;&:after{background-image:url(/background/timeline.svg);background-size:100vw;bottom:-100px;content:"";height:100px;position:absolute;width:100vw}>h1{color:var(--pink);font-family:SD Heululing!important;font-size:140px;letter-spacing:2.8px;margin:40px 0;padding-top:120px;position:relative;-webkit-text-stroke:1px #000;text-shadow:4px 4px 0 var(--blue);&:before{background-image:url(/assets/alien-1.svg);left:-124px}&:after,&:before{background-position:0;background-repeat:no-repeat;background-size:84px 60px;bottom:32px;content:"";height:60px;position:absolute;width:84px}&:after{background-image:url(/assets/alien-2.svg);right:-124px}}>#img{height:2035px;position:relative;width:1272px;>img{height:100%;width:100%}&:before{background-image:url(/assets/pacdown.svg);background-size:98px 386px;height:386px;left:25%;top:10%;width:98px}&:after,&:before{background-position:0;background-repeat:no-repeat;content:"";position:absolute}&:after{background-image:url(/assets/devghost.svg);background-size:400px 320px;bottom:5%;height:320px;right:5%;width:400px}}>section{align-items:center;display:none;gap:20px;justify-content:center}>p{color:#ffffffb3;font-family:ws;font-size:32px;font-weight:400;margin-bottom:100px;margin-top:100px}}.tl{display:flex;>#bar{background:linear-gradient(180deg,#c3cbde99 4.38%,#ff418699 15.89%,#41ddff99 26.06%,#ff418699 36.9% 47.69%,#ff418699 58.53%,#41ddff99 69.21%,#ff418699 79.71% 90.79%,#c3cbde99);border-radius:1000px;flex-shrink:0;height:640px;width:6px}&:last-child{>#bar{background:linear-gradient(180deg,#c3cbde99,#ff418699 5.16% 17.1%,#41ddff99 29.03%,#ff418699 41.52%,#41ddff99 53.46%,#ff418699 65.51% 77.66%,#c3cbde99 90.04%);height:570px}}}.scadule{color:#c3cbde;display:flex;gap:5px;height:69px;transform:translate(-11px) translateY(20px);>svg{height:16px;min-height:16px;min-width:16px;width:16px}>div{display:flex;flex-direction:column;gap:4px}p{font-size:12px!important}h1,p{font-family:ws}h1{color:#fff;font-size:16px!important;font-weight:700}h2{font-family:ws;font-size:10px!important}}#ghost-3{margin-top:160px}#sponsor{align-items:center;background-color:#1c192d;background-image:url(/background/sponsor.svg);background-position:50%;background-position:0 0;background-repeat:no-repeat;background-size:100vw;display:flex;flex-direction:column;>h1{color:var(--pink);font-family:SD Heululing!important;font-size:140px;letter-spacing:2.8px;margin:80px 0;padding-top:120px;position:relative;-webkit-text-stroke:1px #000;text-shadow:4px 4px 0 var(--blue);&:before{background-image:url(/assets/alien-1.svg);left:-124px}&:after,&:before{background-position:0;background-repeat:no-repeat;background-size:84px 60px;bottom:32px;content:"";height:60px;position:absolute;width:84px}&:after{background-image:url(/assets/alien-2.svg);right:-124px}}>div{background-color:#2f3d5d;padding:40px 0;width:100%}section{animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear;background-image:url(/assets/sponsor.png);background-position:0 10px;background-repeat:repeat-x;height:120px;&:first-child{animation-name:sponsor}&:last-child{animation-name:sponsor2}}}#ghost-1{animation:float 2s ease-in-out infinite}#ghost-2,#ghost-3{animation:left-right 2.2s ease-in-out infinite}@keyframes sponsor{0%{background-position:4089.67px 10px}to{background-position:0 10px}}@keyframes sponsor2{0%{background-position:0 10px}to{background-position:4089.67px 10px}}@keyframes intro-right-to-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes intro-left-to-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes left-right{0%{transform:translate(-20px)}50%{transform:translate(20px)}to{transform:translate(-20px)}}.faqCard{background-color:#2f3d5d;color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:12px;max-width:min(572px,90%);min-width:0;padding:20px 36px;position:relative;width:100%;z-index:10;>h1{font-size:24px;font-weight:600;width:calc(100% - 48px)}>h1,>p{font-family:ws}>p{color:#ffffffb3;font-size:18px;font-weight:400}&:after{background-image:url(/assets/faq.svg);background-size:48px 48px;content:"";height:48px;position:absolute;right:0;top:0;width:48px}}#more-info{background:linear-gradient(180deg,#ff97bd00,#ff97bd 23.98%);color:#fff;height:-moz-fit-content;height:fit-content;margin-top:200px;padding-bottom:80px;position:relative;>div{align-items:center;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;height:100%;padding-top:300px;width:100%;&:before{background-image:url(/assets/alien-5.svg);height:871.36px;left:-200px;width:480px}&:after,&:before{background-position:0;background-repeat:no-repeat;content:"";position:absolute;z-index:0}&:after{background-image:url(/assets/alien-6.svg);height:891px;right:-200px;width:614px}}h1{filter:drop-shadow(4px 4px 0 var(--pastel-blue));font-family:retro;font-size:80px;font-style:normal;font-weight:400;letter-spacing:-3.2px}h1,h2{color:#fff;-webkit-text-stroke:1px #000}h2{filter:drop-shadow(6px 6px 0 var(--pastel-blue));font-family:SD Heululing!important;font-size:100px}section{display:flex;gap:40px;margin-top:80px;position:relative;path{transition:all .5s}svg:hover{path{stroke:var(--pastel-blue)}}>div{align-items:center;display:flex;flex-direction:column;font-size:32px;gap:20px;text-transform:uppercase}}}#join-us{align-items:center;background-color:#1c192d;display:flex;flex-direction:column;height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:9999999;#head{align-items:center;background-color:var(--bg-black);color:#fff;display:flex;font-size:24px;height:80px;justify-content:space-between;padding:0 8vw;width:100%;>a{color:#fff;text-decoration:none}>h1{color:var(--pink);font-family:SD Heululing!important;-webkit-text-stroke:1px #000;filter:drop-shadow(2px 2px 0 var(--blue))}}h1{color:#fff;font-size:20px}h2{color:#c3cbde;font-size:10px}progress{background-color:#4c4c4c;border-radius:9999px;height:10px;margin:40px;width:calc(100% - 80px);&::-webkit-progress-bar{background-color:#4c4c4c;border-radius:9999px}&::-webkit-progress-value{background-color:#41ddff;border-radius:9999px;-webkit-transition:all .5s;transition:all .5s}}#mask{max-width:500px;overflow:hidden;width:100%}#list{display:flex;transform:translate(calc(-100%*var(--progress)));transition:all .5s}.item{align-items:center;display:flex;flex-direction:column;min-width:100%;>img{margin-top:20px;width:163px}>h1{color:#fff;font-family:SD Heululing!important;font-size:40px;line-height:80%;text-align:center}#ghost,>h1{margin-top:40px}}#back{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;bottom:50px;color:#a4a4a4;cursor:pointer;font-size:12px;position:absolute;text-decoration:underline;transition:all .5s;z-index:0;&.show{bottom:110px}}}.survey-input{padding:10px;width:100%;div{display:flex;gap:10px;>input[type=button]{background-color:var(--pink);cursor:pointer;width:80px}}h1{font-weight:600}h1,h2{font-family:ws}h2{font-weight:500;margin-top:4px}input,select,textarea{background:none;border:0;border-bottom:2px solid #ff4186;color:#fff;font-family:ws;font-size:16px;font-weight:600;margin-top:20px;max-width:100%;outline:0;padding:4px 0;width:100%;&::-moz-placeholder{color:#c3cbde}&::placeholder{color:#c3cbde}}}#join-btn{background-color:var(--blue);border-radius:9999px;bottom:40px;cursor:pointer;height:52px;margin-top:20px;overflow:hidden;position:absolute;width:230px;>p{align-items:center;display:flex;font-family:SD Heululing!important;font-size:24px;height:52px;justify-content:center;transition:all .5s;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:230px;-webkit-user-drag:none}&.go>p{transform:translateY(0)}&.next>p{transform:translateY(-100%)}&.submit>p{transform:translateY(-200%)}&.dash>p{transform:translateY(-300%)}}@font-face{font-family:pp;font-style:normal;font-weight:400;src:url(/fonts/pp.otf)}@font-face{font-family:retro;font-style:normal;font-weight:400;src:url(/fonts/retro.ttf)}@font-face{font-family:ws;font-style:normal;font-weight:700;src:url(/fonts/ws-bold.otf)}@font-face{font-family:ws;font-style:normal;font-weight:900;src:url(/fonts/ws-extrablack.otf)}@font-face{font-family:ws;font-style:normal;font-weight:800;src:url(/fonts/ws-extrabold.otf)}@font-face{font-family:ws;font-style:normal;font-weight:500;src:url(/fonts/ws-medium.otf)}@font-face{font-family:ws;font-style:normal;font-weight:400;src:url(/fonts/ws-regular.otf)}@font-face{font-family:ws;font-style:normal;font-weight:600;src:url(/fonts/ws-semibold.otf)}@media (width <= 1500px){#main-text{>h1{font-size:120px}h2{font-size:56px}i{font-size:24px}}#btns{padding-top:100px;a{font-size:32px;padding:17px 20px 10px;&:before{background-size:64px 40px;height:40px;margin-top:-62px;width:64px}}>[id^=ghost]{position:absolute;&:first-child{width:120px!important}&:last-child{right:0;width:200px!important}}}#arrow>img{width:60px}#count-down{h1{font-size:48px}h2{font-size:64px}}#timer{gap:10px;margin-top:30px;>p{font-size:100px}}#timeline #img{height:1200px;width:750px;&:before{background-size:58px 346px;height:346px;width:58px}&:after{background-size:280px 200px;height:200px;width:280px}}.timer-item{gap:0;span{font-size:120px}p{font-size:20px}}#info,#guild{h1{font-size:56px}h2{font-size:64px}p{font-size:24px}}#faq,#timeline{h1{font-size:64px;&:before{left:-84px}&:after,&:before{background-size:64px 40px;bottom:20px;height:40px;width:64px}&:after{right:-84px}}p{font-size:20px}}#sponsor{h1{font-size:64px;text-transform:uppercase;&:before{left:-84px}&:after,&:before{background-size:64px 40px;bottom:20px;height:40px;width:64px}&:after{right:-84px}}}#more-info{h1{font-size:56px}h2{font-size:64px}p{font-size:24px}section{gap:20px;z-index:10;>div{font-size:20px}}}.faqCard{display:flex;gap:8px;padding:8px 24px;position:relative;>h1{font-size:20px!important}>p{font-size:16px!important}&:after{background-size:28px 28px;height:28px;width:28px}}}@media (width <= 1100px){#main-text{>h1{font-size:92px}h2{font-size:56px}i{font-size:24px}}.card{width:300px}#ghost-2{top:-200px!important}}@media (width <= 770px){#main-text{>h1{filter:drop-shadow(4px 4px 0 var(--blue));font-size:62px}h2{font-size:36px}i{font-size:24px}}#timeline>#img{display:none}#timeline>section{display:flex}#btns{padding-top:80px;a{font-size:20px;padding:10px 12px 6px;&:before{background-size:44px 20px;height:20px;margin-top:-42px;width:44px}&:first-child:before{right:8px}&:last-child:before{left:8px}}}#event-details{font-family:pp;font-size:20px;margin-top:20px;padding-left:40px;>b{color:var(--blue);font-family:pp}}#arrow>img{width:40px}#timer{gap:5px;margin-top:20px;>p{font-size:80px}}.timer-item{gap:0;span{font-size:100px}p{font-size:16px}}.card{width:200px}}@media (width <= 675px){header{>img{height:29px}a{font-size:16px;padding:12px 20px}a:first-child{display:none}}#main-text{>h1{font-size:62px;line-height:80%;text-align:center}>div{align-items:center;flex-direction:column;margin-left:0}h2{font-size:42px;padding-left:0}i{font-size:36px}}#event-details{font-size:24px;text-align:center}#timeline>section{flex-direction:column}#btns{>div{flex-direction:column;gap:80px;width:230px;>a{font-size:24px;line-height:80%;padding:18px 0 12px;text-align:center;width:100%;&:before{background-size:51px 37px;height:37px;margin-top:-62px;width:51px}&:first-child:before{right:50%;transform:translate(50%)}&:last-child:before{left:50%;transform:translate(-50%)}}}>[id^=ghost]{position:absolute;&:first-child{left:0;top:300px;width:60px!important}&:last-child{padding-bottom:100px;right:0;top:220px;width:80px!important}}}#ghosts{>#ghost-1{width:140px!important}>#ghost-2{right:-10%!important;top:-20px}}#arrow{left:50%;position:absolute;top:max(calc(100% - 160px),650px);transform:translate(-50%)}#count-down{padding-top:100px;h1{font-size:40px;padding-top:60px;-webkit-text-stroke:1px #000;filter:drop-shadow(1px 1px 0 var(--blue));&:before{background-size:40px 32px;height:32px;left:50%;text-shadow:2px 2px 0 var(--blue);top:32px;transform:translate(-50%);width:40px}&:after{display:none}}h2{font-size:56px}}#timer{display:grid;gap:40px;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;>p{display:none}}.timer-item{gap:12px;margin-top:40px;>span{font-size:80px;line-height:80%}>p{font-size:32px}}#info{h1{font-size:40px}h2{font-size:52px;line-height:90%;padding-top:12px;text-align:center}p{font-size:20px;letter-spacing:-1.6px;padding:0 4px}}#sponsor{h1{font-size:40px}}#guild{height:-moz-fit-content;height:fit-content;max-height:auto;h1{font-size:40px}h2{font-size:52px;line-height:90%;padding-top:12px;text-align:center}p{font-size:20px;letter-spacing:-1.6px;padding:0 4px}div:first-child{--mini:2;&:before{bottom:-100px;left:-100px}&:after,&:before{background-size:calc(480px/var(--mini)) calc(436.36px/var(--mini));height:calc(436.36px/var(--mini));width:calc(480px/var(--mini))}&:after{right:-100px;top:100px}}div:last-child{align-items:center;flex-direction:column;gap:20px;padding:40px;>.card{width:100%}}}#faq,#timeline{h1{font-size:40px}section{padding:0 16px}}#more-info{h1{font-size:40px}h2{font-size:52px;line-height:90%;padding-top:12px;text-align:center}p{font-size:20px;letter-spacing:-1.6px;padding:0 4px}section{flex-direction:column;a,svg{height:200px;width:200px}}>div{&:before{background-size:240px 435.68px;bottom:20px;height:435.68px;left:-100px;width:240px;z-index:0}&:after{background-size:307px 445.5px;content:"";height:445.5px;right:-100px;top:480px;width:307px}}}}@media (width > 675px){#main-text br{display:none}}