/* GLOBAL */
#bgCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

body {
    background-color: #182435;
}

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

/* FLOATING */
.gb-bullet-floating-login {
    display: none;
    opacity: 0;
    position: fixed;
    top: 2%;
    left: 1%;
    z-index: 3;
    width: 12%;
    transition: opacity 0.4s ease;
}

.gb-bullet-floating-login.visible {
    display: block !important;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .gb-bullet-floating-login,
    .gb-bullet-floating-login.visible {
        display: none !important;
    }
}
/* END FLOATING */
/* END GLOBAL */

/* SECTION 1 */
.gb-sky-sc-1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background: url('../../images/event/skyanomaly/EN/sc1/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-bottom: 11vw;
    padding-top: 0.9vw;

    overflow: hidden;
}

.gb-sky-sc-1-logo {
    position: relative;
    z-index: 2;
    display: block;
    width: 10.4vw;
    margin-bottom: -1.1vw;
}

.gb-sky-sc-1-title {
    position: relative;
    z-index: 2;
    display: block;
    width: 44vw;
}

.gb-sky-sc-1-desc {
    position: relative;
    z-index: 2;
    display: block;
    width: 47vw;
}

.gb-sky-sc-1-schedule {
    position: relative;
    z-index: 2;
    display: block;
    width: 34vw;
    margin-top: -0.7vw;
    margin-bottom: -0.7vw;
    margin-left: -2.5vw;
}

.gb-solar-sc-1-buttons {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 2vw;
    margin-top: 1vw;
}

.gb-solar-sc-1-buttons > a > img {
    display: block;
    width: 14vw;
}

.gb-sky-sc-1-char-left {
    position: absolute;
    left: 0;
    top: 14vw;
    display: block;
    width: 25vw;
}

.gb-sky-sc-1-char-right {
    position: absolute;
    right: 0;
    top: 14vw;
    display: block;
    width: 25vw;
    animation-delay: 0.2s;
}

/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
  filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
}
#foglayer_01, #foglayer_02, #foglayer_03 {
  top: 0;
  height: 100%;
  position: absolute;
  width: 200%;
}
#foglayer_01 .image01, #foglayer_01 .image02,
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}
#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_02, #foglayer_03 {
  -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
}

/* ---------- Moving Fog ---------- */
/*
  'size: cover' || 'size: 100%'; results remain the same
  'attachment: scroll' can be added or removed; results remain the same
  'attachment: fixed' causing unexpected results in Chrome
  'repeat-x' || 'no-repeat'; results remain the same
*/ 
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url("../../images/event/carnival2026/EN/sc4/fog1.png") center center/cover no-repeat transparent;
}
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02{
  background: url("../../images/event/carnival2026/EN/sc4/fog2.png") center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-moz-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-o-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-moz-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-o-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-moz-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-o-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@keyframes foglayer_03_opacity {
  0% { opacity: .8; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-moz-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-o-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #foglayer_01 .image01, #foglayer_01 .image02,
    #foglayer_02 .image01, #foglayer_02 .image02,
    #foglayer_03 .image01, #foglayer_03 .image02 {
      width: 100%;
    }
  }

.gb-bullet-sc-1-floating {
    position: absolute;
    left: 2%;
    top: 0.5%;
    width: 12vw;
    z-index: 1;
}

.gb-sky-sc-1-title-mobile {
    display: none;
}

.gb-sky-sc-1-desc-mobile {
    display: none;
}

.gb-rtg-sc-1-txt-login {
    position: relative;
    z-index: 2;
    font-family: 'Anton Regular';
    font-size: 2.6rem;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0px -4px #ffffff;
    color: transparent;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1.1vw;
    background: #00000042;
    border-radius: 2vw;
    padding: 1vw 2.5vw;
    text-shadow: 0 0 #ffffffd4;
}

@media(max-width: 768px) {
   .gb-solar-sc-1-buttons {
        flex-direction: column;
        z-index: 2;
    }

    .gb-solar-sc-1-buttons > a > img {
        width: 55vw;
    } 

    .gb-bullet-sc-1-floating {
        width: 28vw;
    }

    .gb-sky-sc-1-title {
        display: none;
    }

    .gb-sky-sc-1-title-mobile {
        display: block;
        width: 95vw;
    }

    .gb-sky-sc-1-schedule {
        width: 95vw;
        margin-left: -5.5vw;
    }

    .gb-sky-sc-1-logo {
        width: 37.4vw;
    }

    .gb-sky-sc-1-desc {
        display: none;
    }

    .gb-sky-sc-1-desc-mobile {
        display: block;
        width: 91vw;
    }
    
    .gb-sky-sc-1 {
        background: url(../../images/event/skyanomaly/EN/sc1/bg-mobile.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .gb-sky-sc-1-char-left {
        top: unset;
        left: -19vw;
        width: 45vw;
        bottom: 0;
    }

    .gb-sky-sc-1-char-right {
        top: unset;
        right: -10vw;
        bottom: 4vw;
        width: 45vw;
    }

    .gb-cr-2026-sc-5-cloud-sep {
        top: -31vw;
    }

    .gb-cr-2026-sc-2-content-wrapper {
        gap: 4vw;
    }

    .gb-cr-2026-sc-2-left {
        gap: 6vw !important;
    }

    .gb-rtg-sc-1-txt-login {
        margin-top: 3.1vw;
        border-radius: 2vw;
        padding: 1vw 0.5vw;
        font-size: 6.5vw;
        width: 90%;
    }
}
/* END SECTION 1 */

/* SECTION 2 */
.gb-cr-2026-sc-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    /* allow absolutely-positioned clouds inside this section */
    position: relative;

    background: url('../../images/event/skyanomaly/EN/sc2/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-top: 11vw;
    padding-bottom: 6vw;
    gap: 2vw;
}

.gb-cr-2026-sc-2-gp {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gb-cr-2026-sc-2-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
}

.gb-cr-2026-sc-2-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1vw;
}

.gb-cr-2026-sc-2-title {
    display: block;
    width: 41vw;
}

.gb-cr-2026-sc-2-desc {
    display: block;
    width: 45vw;
}

.gb-cr-2026-sc-2-reward {
    position: relative;
    padding: 1vw;
}

.gb-cr-2026-sc-2-reward-frame {
    display: block;
    width: 35vw;
}

.gb-cr-2026-sc-2-reward-item {
    display: block;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22vw;
}

.gb-cr-2026-sc-2-personal-frame,
.gb-cr-2026-sc-2-total-frame {
    display: block;
    width: 16.5vw;
}

.gb-cr-2026-sc-2-desc-2 {
    display: block;
    width: 32vw;
}

.gb-cr-2026-sc-2-detail {
    display: block;
    width: 13vw;
}
/* clouds animation for section 2 */
.gb-cr-2026-sc-2-cloud-1,
.gb-cr-2026-sc-2-cloud-2 {
    position: absolute;
    top: 8%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.95;
}

.gb-cr-2026-sc-2-cloud-1 {
    width: 22vw;
    animation: cloudScroll1 10s linear infinite;
    opacity: 0.5;
}

.gb-cr-2026-sc-2-cloud-2 {
    top: 20%;
    width: 28vw;
    animation: cloudScroll2 10s linear infinite;
    opacity: 0.5;
}

.gb-cr-2026-sc-2-personal-gp,
.gb-cr-2026-sc-2-total-gp {
    position: relative;
}

.gb-cr-2026-sc-2-personal-gp > span,
.gb-cr-2026-sc-2-total-gp > span {
    position: absolute;
    top: 65%;
    left: 49.3%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Anton Regular';
    font-size: 1.8vw;
    white-space: nowrap;
}

.gb-cr-2026-sc-5-cloud-sep {
    position: absolute;
    display: block;
    top: -33vw;
    width: 100%;
}

.gb-cr-2026-sc-2-content-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    gap: 2vw;
}

#snow-animation-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@keyframes cloudScroll1 {
    0% {
        left: -50px;
    }

    25% {
        left: 0px;
    }
    50% {
        left: -50px;
    }
    75% {
        left: 0px;
    }
    100% {
        left: -50px;
    }
}
@keyframes cloudScroll2 {
    0% {
        right: -50px;
    }

    25% {
        right: 0px;
    }
    50% {
        right: -50px;
    }
    75% {
        right: 0px;
    }
    100% {
        right: -50px;
    }
}

@media(max-width: 768px) {
    .gb-cr-2026-sc-2 {
        background: url(../../images/event/carnival2026/EN/sc2/bg-mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;

        padding-top: 20vw;
        padding-bottom: 14vw;
        gap: 4vw;
    }

    .gb-cr-2026-sc-2-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 3vw;
    }

    .gb-cr-2026-sc-2-left {
        order: 2;
    }

    .gb-cr-2026-sc-2-title {
        position: relative;
        width: 87vw;
        z-index: 2;
    }

    .gb-cr-2026-sc-2-desc {
        width: 86vw;
    }

    .gb-cr-2026-sc-2-reward-frame {
        width: 70vw;
    }

    .gb-cr-2026-sc-2-reward-item {
        width: 46vw;
    }

    .gb-cr-2026-sc-2-personal-frame, .gb-cr-2026-sc-2-total-frame {
        width: 43.5vw;
    }

    .gb-cr-2026-sc-2-desc-2 {
        width: 75vw;
    }

    .gb-cr-2026-sc-2-detail {
        width: 39vw;
    }

    .gb-cr-2026-sc-2-personal-gp > span, .gb-cr-2026-sc-2-total-gp > span {
        font-size: 5.8vw;
    }

    .gb-cr-2026-sc-2 {
        background: url('../../images/event/skyanomaly/EN/sc2/bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}
/* END SECTION 2 */

/* SECTION 3 */
.gb-cr-2026-sc-4 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    background: url(../../images/event/skyanomaly/EN/sc3/bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 12vw;
    padding-bottom: 12vw;
    gap: 2vw;
    overflow: hidden;
}

.gb-cr-2026-sc-4-title {
    display: block;
    width: 45vw;
}

.gb-cr-2026-sc-4-desc {
    display: block;
    width: 58vw;
}

.gb-cr-2026-sc-4-items {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
}

.gb-cr-2026-sc-4-items > div > img {
    display: block;
    width: 13vw;
    animation: eyeGlow 5.5s ease-in-out infinite; 
}

.gb-cr-2026-sc-4-items > div:nth-child(odd)  {
    animation: eyeGlow 2.5s ease-in-out infinite;
    margin-top: -2vw;
}

.gb-cr-2026-sc-4-items > div:nth-child(even) {
    animation: eyeGlow 2.5s ease-in-out infinite; 
    margin-bottom: -2vw;
}

.gb-cr-2026-sc-4-desc-mobile {
    display: none;
}

.sun { 
    position: absolute;
    top: -29vw;
    left: -58vw;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: white;
    opacity: 0.9;
    box-shadow: 0px 0px 40px 15px white;
}

.ray_box {
  position: absolute;
  margin: auto;
	top:0px;
	left:0;
	right:0;
	bottom:0;	
  width:70px;  
  -webkit-animation: ray_anim 15s linear infinite;
  animation: ray_anim 15s linear infinite;
}
.ray {  
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
		background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); 
    margin-left:10px;
    border-radius:80% 80% 0 0;
    position:absolute;
    opacity:0.5;
}

.ray1 {    
    height:170px;
    width:30px;
   -webkit-transform: rotate(180deg);
    top:-175px;
    left: 15px;
}
.ray2 {
    height:100px;
    width:8px;
   -webkit-transform: rotate(220deg);
    top:-90px;
    left: 75px;
}
.ray3 {
    height:170px;
    width:50px;
   -webkit-transform: rotate(250deg);
    top:-80px;
    left: 100px;
}
.ray4 {
    height:120px;
    width:14px;
   -webkit-transform: rotate(305deg);
    top:30px;
    left: 100px;
}
.ray5 {
    height:140px;
    width:30px;
   -webkit-transform: rotate(-15deg);
    top:60px;
    left: 40px;
}
.ray6 {
    height:90px;
    width:50px;
   -webkit-transform: rotate(30deg);
    top:60px;
    left: -40px;
}
.ray7 {
    height:180px;
    width:10px;
   -webkit-transform: rotate(70deg);
    top:-35px;
    left: -40px;
}
.ray8 {
    height:120px;
    width:30px;
   -webkit-transform: rotate(100deg);
    top:-45px;
    left:-90px;
}
.ray9 {
    height:80px;
    width:10px;
   -webkit-transform: rotate(120deg);
    top:-65px;
    left:-60px;
}
.ray10 {
    height:190px;
    width:23px;
   -webkit-transform: rotate(150deg);
    top:-185px;
    left: -60px;
}

.gb-cr-2026-sc-4-title-mobile {
    display: none;
}

.gb-cr-2026-sc-4-desc-mobile {
    display: none;
}

.gb-cr-2026-sc-4-items > div {
    position: relative;
}

[class^="gb-cr-2026-sc-4-ach-"] {
    position: absolute;
    width: 50% !important;
    top: 41%;
    left: 51%;
    transform: translate(-50%, -50%);
    z-index: 15;
}

@-webkit-keyframes ray_anim { 
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}    
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@media(max-width: 768px) {
    .gb-cr-2026-sc-4 {
        background: url(../../images/event/skyanomaly/EN/sc3/bg-mobile.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;

        padding-top: 16vw;
        padding-bottom: 28vw;
        gap: 3vw;
    }

    .gb-cr-2026-sc-4-item {
        flex: 0 0 33.3%;
        width: 33.3%;
    }

    .gb-cr-2026-sc-4-items {
        flex-wrap: wrap;
    }

    .gb-cr-2026-sc-4-title {
        width: 88vw;
    }

    .gb-cr-2026-sc-4-items > div > img {
        width: 30.3vw;
        animation: eyeGlow 5.5s ease-in-out infinite;
    }

    .gb-cr-2026-sc-4-desc {
        width: 92vw;
    }

    .gb-cr-2026-sc-4-desc-mobile {
        display: block;
        width: 90vw;
    }

    .gb-cr-2026-sc-4-items {
        row-gap: 7vw;
    }

    .sun {
        display: none;
    }

    .gb-cr-2026-sc-4-title {
        display: none;
    }

    .gb-cr-2026-sc-4-title-mobile {
        display: block;
        width: 86vw;
    }

    .gb-cr-2026-sc-4-desc {
        display: none;
    }

    .gb-cr-2026-sc-4-desc-mobile {
        display: block;
        width: 86vw;
    }
}
/* END SECTION 3 */

/* SECTION 4 */
.gb-sky-sc-4 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background: url('../../images/event/skyanomaly/EN/sc4/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-bottom: 7vw;
    padding-top: 0.9vw;

    overflow: hidden;
    gap: 2vw;
}

.gb-sky-sc-4-reward-container {
    position: relative;
}

.gb-sky-sc-4-title {
    position: relative;
    display: block;
    width: 35vw;
    z-index: 2;
}

.gb-sky-sc-4-desc {
    position: relative;
    display: block;
    width: 43vw;
    z-index: 2;
}

.gb-sky-sc-4-reward {
    position: relative;
    display: block;
    width: 54vw;
    z-index: 2;
}

/* BIRB ANIMATION */
a {
  color: inherit;
  text-decoration: none;
}

.cloudsbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -8vw;
  left: -100px;
  right: 0;
  bottom: 100px;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  opacity: 0.2;
}

.cloudsbox__container {
  display: inline-block;
  position: relative;
  height: 10%;
  width: 100%;
  margin: 0;
  text-align: center;
}

.cloudsbox__cloud {
  position: absolute;
  top: 0;
  left: 0;
  color: gray;
  font-size: 25px;
  will-change: top left;
  animation-name: movement;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.anim1 {
  animation-delay: 10.1s;
}
.anim2 {
  animation-delay: 2.2s;
}
.anim3 {
  animation-delay: 5.5s;
}
.anim4 {
  animation-delay: 4.4s;
}
.anim5 {
  animation-delay: 7.7s;
}
.anim6 {
  animation-delay: 1.1s;
}
.anim7 {
  animation-delay: 0s;
}
.anim8 {
  animation-delay: 3.3s;
}
.anim9 {
  animation-delay: 8.8s;
}
.anim10 {
  animation-delay: 9.9s;
}


.bird {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3671 510'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cpath fill='%23000' d='M51 288.38c13.33-5.34 35.33-9.34 66-12 0 0 18.44-9.95 55-15 1.04-.15 7.5-8 36-13 16 0 21-3.88 30 5 3.53-13.53 19.13-16.58 29-15 6.9 1.1 11.3 5.93 12 8 4 12 21 5 30 12-23 6-23 7-32 11-16 14-31 31-47 31-16 4-32.83 5.33-50.5 4-1 4-3.5 6.66-7.5 8-6 2-1-9-4-12s-3 10-17 18c-1-14-5-10-5-18s4 13-17 18c-14 3.33-31.67 4-53 2 26-8.67 41.33-16.34 46-23-5 0-18-1-21-9-14-4.5-30.67-4.5-50 0z'/%3E%3Cpath fill='%23000' d='M639 273c0 2.07-10 3-16 5-9 1-8 8-14 7s-5 8-19 14c2 11 21 9 36 19 29 30.62 18 19 37 63 14 28 18 30 27 57-1 1-11-1-14-7-1 5-5 1-4 7-5-1-8-8-12-11-4-1 1 7-2 8-4 0-5-8-9-8-4 1 1 6-2 7-33-30-43-21-43-36-8 10-10-2-19 3-4-5-6-10-2-17-1-5-7 5-11 3-1.33-6 1-12.67 7-20-6.67 6.67-14 10-22 10 1-10-1-6.5 5-16-6 7.5-13 8-19 6-4.43-2.1 4-8 2-11.5-8 0-22.76-.3-24-3.5-3.26-8.4 8-19 4-25-3.12-4.67-12 9-15-3 0-12-4.67-17-14-15-8.67-1.33-19.33-1.33-32 0-19 2-27-5-58-5 10-5 9-13 27-13-21-3-10-10-45-13 30-8 32 0 54 7 68-7 22-15 94-22 14-2 36-4 58 2 5-2 6-5 15-6 8 0 12.67 3.67 14 11 10.67.72 16 1.72 16 3z'/%3E%3Cpath fill='%23000' d='M729 299.03c32-14 56-26 90-40 20-6 37-5 56-8 28 0 17-8 55-3 8-1 10.95-7.5 19-7 8.67 0 13.33 2.66 14 8l26 5-24 5c-2.67 5.33-8 8.33-16 9-12 12-11 18-29 21 22 13 23 17 64 38 13 11 13 15 17 31 4 15.98 14.06 25.74 21 35 26 46 23 59 45 80-11-1-23-8-28-13-4-1-3 5-3 8-6-2-8-15-16-13-3.46 0 4 5 0 13-13-5-14-7-16-13-3-4-7-11-3-12-2 8 0 12-6 12-5-10-7-3-11-12-8-14-17-12-17-29-4 0-7 4-10 9-3-4 0-9-1-12-2 .66-4.33 1.66-7 3-2-12.67-2-21.67 0-27-8 2-4 6-15 10-5-6-4-12-2-21-5 6-5-3-12 2-9-9-10-18-25-18-5-12-3-20-11-22-3.23.86-4 10-6 7s-2-10-5-12c-2-3-6 6-9 3 0-5-2-11-6-14-3-4-5 0-10 3-2-5-2-9-1-14-4-1-14 5-12-2 0-7-4-4-8-4-5 0 1-5-1-6-5-2-13 2-21 6-5-2 4-10 0-10-31-1-38 7-76 4z'/%3E%3Cpath fill='%23000' d='M1367 254.1l-18-3c-2-6-5.33-9.35-10-10-14-1-17 7-22 10-21-3-19-1-35 0-30-5-36 4-50 7-36 5-33 9-48 16-34 18-41 19-75 29 6.67.65 14 0 22-2-14.67 4-21 6.32-19 7 31-5 29.02 4.23 52 0 11-3 10-9 13-12 2 7 1 7 2 13 16-3 21-2 30-2 3 4-3.66 8.6 0 10 4-1.35 9.33-2.68 16-4-4 4.65-5.67 8.32-5 11 15 2 12 4 24 1-11 4-11 4-16 10 16 3 14 1 24 2-4 4-3 8-1 11 6-3 9.53-4.5 12-3-3 3.44-5 7-2 9 10-2 12.4-5.28 15-2-3 8 0 11 1 22 5 0 10-2 15-4 1 8-3 8-3 16 6 3 13-3 17-1-7 4-7 6-8 9 7 3 6 2 14 0-5.33 4-7 7.65-5 11 5.33-3.35 8.33-3.35 9 0-2 6 0 7 1 15 10-5 10 2 21 5 5.97 3.27 6.4 10.54 11 14 9 6.74 20 9 19 9s-9-11-5-10c3.33 4 7.67 8.32 13 13 0-8-.67-13.68-2-17 9 14 12 12 28 23 3-13-6-18-15-28 19 22 19 20 30 24-24-30-20-26-29-53-14-26-24-61-39-75-18-12-19-17-38-26-3.33-4.68-7.33-8-12-10 12-2 21.33-5.68 28-11 2-5 7-5 11-9 6-1.35 9.67-4.35 11-9l18-6z'/%3E%3Cpath fill='%23000' d='M1751 256c-11-1-12-4-24-6-3-6-4-5-10-7-14 0-21 7-29 12-24-3-31-1-44 2-46 12-43 12-70 23-46 27-39 30-58 40 23 6 31-3 47-7-6.67 2.67-8.67 6-6 10 6.67-2.67 11-3.67 13-3-5 2-9.7 10.57-5 10 27-2 30.7-14.27 46-15-4 5-6 8-4 13 12-3 11-2 18-4-2 6-3 6 0 15 8.5 2 13-5 13-5 4 4 0 11 0 20 11 0 11 2 15 0-2 8 2 8 5 14 4-8 7-5 14-12-2 13 5 12 6 21 10-9 11-11 13-21-4 15 2 17 5 28 4-7 7-7 8-16 1 5 3.98 7.87 5 6 3-10 3.32-8.12 4-6-3 13 2 16 5 27 7-12 5-18 5-19 2 15 15 8 28 33 4-14-16-38-23-73-4-23-3-28-14-43-3-7-10-8-13-7 8-4 7-8 12-15 15-2 11-5 15-10-1 0 5-4 23-5z'/%3E%3Cpath fill='%23000' d='M2119.66 270.36c0-3-11-6-20-6-1.34-2.67-3.67-5-7-7-5.34-2.67-12.34-2.67-21 0-8 1-16-13-8-26 7-3 10-9 11-14-8-4-11-5-22-4-65 4-85 28-110 50-8 7 10 5 18 5-42 0-78 41-72 37s16 6 35-11c2-1-7 5-15 15 21-3 21-6 39-4-2 7 3.6 7.22 9 8 4.33.62 9.2-.44 15 0 12.53 1.4 13-1 18-1 6 0 5.35.6 9 0 9-2 7-3 10-7-3 8 1 11 6 21 7-6 6-14 6-19 0 13-1 9 2 17 6-5 6-4 8-12-3 10-1 17 3 28 5 0 6.84-4.66 10-3 0 5 0 3 6 13 5-5 2 3 7-8-1 10 4 4 10 18 5-10 3-14-1-23 6 13 8 12 13 19 2-19-1-23-7-36 3-19-6-20-5-33.5 8-10.5 15 2 24-6.5 7-1 4-4 9-7 8-5 19 1 20-3z'/%3E%3Cpath fill='%23000' d='M2485 278.84c-6-3-7-1-16-3 1-5-4.66-10-11-10-9.16 0-9.5 5.2-21 8-9 2.2-12.7 3.03-18-2-24-15-11-19-32-44-9-7-12-11-4-21 13-14 17-22 17-32-4-7-85-3-113 34 5.06 1.15 16.8-6.7 20.65-6 4.35 1-18.65 13-9.65 11 9-2 15-7 21-7 2.67-.05-2 2-3 7 3.78.9 9.8-1.85 16-3 3.52-.65 7.9.34 10 0-4 3-10 1-20 17 6 5.5 14-1.5 20-1.5-3 5.5-11 2.5-15 20.5 2 4 11-6 9-2 0 4-7 2-9 18 6 0 8-7 9-2-2 3-5 3-5 9 3 3 9-4 11-4-1 2-6 2-6 10-38 9-49 18-68 30 7 4.9 23-5 25-1-1.46 3.22-11 5.9-28 11 17 2 31 2 42.65-5.1 10.35 1.1 18.57-1.9 21.35-1.9 4 6 0 13 7 15 3-5 8-12 9-15 3-2-5 11 3 13 9 0 19 7 36 7 18 0 22-6 42-13 12-1 20-5 25-18 3-8 9-4 18-13 2-2 12-3 16-6z'/%3E%3Cpath fill='%23000' d='M2859 275.74c-.52-2.35-8-3-20-5-6.62-3.1-7.68-9-14-9-13 0-7.83 6.16-21 9-7.7 1.67-15 2-20 0s-6.32-3.7-10-6c-19.2-11.9-10.17.25-19.17-20-10.54-12-10.6-24.55-6.83-42 .97-4.5 2.27-8.15 4-11 6-9.83 12.67-30.6 11-45-1.4-12.16-11-14-27-17-21-4-33-5-58-2-9 8-21 5-33 21 9-1 7-3 14 3 8-4 15.48-1.3 16-1 7.16 4.13-3.54 3.73 1 6 6 0 2 4 0 9 5-.5 8-1 6 4 4.4 3.22 8.36-3.24 9 1 .86 5.76-11.7 9.4-9 17 18 3 20 5 22 7-4 1 3 2-26 11 3 10 14 6 15 16 0 7-9 4-12 17 12 2 9 6 23 6-5 0-18 4-26 12 9 2 6 6 14 7 7 3 6 3.36 4 7-6.5 11.86-5 15-20 23s-26.3 15.78-35 22c-4.63 3.32-7.48 8.23-11 12 12-2 12-3 15-2 2 4 1-3 0 11 6-5 16-12 22-16 5 0 13-3 17 0 5 0 0-7 0-8.96 0-1.96 3.48 5.8 5 3.96 5-6 4-9 3-14 4 3 1 10.9 6 12 19 6 21 5 42-1 1.2-.07 2.95-.92 4.3-.96 1.2 1.42.7 3 3.7 3.96 1.57-2.35 4.93-3.06 6.83-3.1.52 0-.24-.93 0-.86 10 3 17.17 3.96 32.17.96 13-8 24-5 35-17 14-6 14-10 17-16 4-3 9 0 20-4z'/%3E%3Cpath fill='%23000' d='M3243 286c-8-3-7-2-17-4-7.6-3.28-5-11-21-13-16.1 1.03-15 14-31 13-10.43-.65-13-7-21-11s-13-5-19-12c-13-42-1.27-9.56-3-59-.27-7.56-6-44-1-54 8-3 4.84-13.8 0-22-32-34-40.22-58.03-60-79-4-1 5 12-2 7-8.8-5.08-7-14-23-22 1 5 4 12 2 15-5-3-14-23-20-23 1 4 8 11 8 23 0 4-14-6-9-1s7 13 9 19c7.25 13.18 22 23 22 22-3-1-17-12-26-11 2 5 8 7 10 17-2 2 0 3-8 0 4 19 14 28 35 41 2.6 4.24-11.1-4.18-14-1-2.6 2.82 1.67 8.6 5 15 9.17 17.6 18.32 18.92 20 30-1 4-9.77-1.26-14 2-2.27 1.74 4.75 5.74 4 10-.75 4.24-9.22 1.68-8 6 2.48 2.98-2 12-1 17s4 6 4 11 7-2 8 6c5 4-1 4-8 12 5 5 10 4 8 14s-7 6-12 12c-5 7-3 11-10 17-9 8-15 4-31 16-13 7-14 2-30 13 18 2 36 12 68 5 5 2-5 5-2 7 14 1 16 3 23 0-4 3-10.62 8.7-7 9 8.53.74 23.38-.95 30 0 8.4 1.2 12.75 5 27 5 7.7 0 16.25-8.18 21-7 7.3 1.8 6 2.93 17 0 19.33-5.15 24-9 39-19 8-12 13-9 20-21 11-2 18-2 18-5z'/%3E%3Cpath fill='%23000' d='M3595.2 274c0-2.56-5-4-13-7-4.25-3.13 0-8-10-10-17 0-11.03 8.98-21 12-10-1-9-2-21 1-4.15 1.04-3.9-10.8-6-13-2.97-3.06-5-3-10-8-3-11 6-24 3-45-1.34-9.32-4.68-21.56-9-33-2.45-13.1-2-10-13-23-21-28-37-37-47-67-4.96-4.56-.68 12.44-5 11-7.68-2.56-15.4-19-19-19-2.9 0 7.5 17.9 4 23-3 4.4-17-7.67-17-5 0 3.33 8 16 15 19-4 4-9.5-4.6-11-1 7 9 1 11 6 24 5.77 12.05 11 8 16 18-3.62 4.17-24.5-6.8-26-3-1.02 2.53 9.7 2.7 17 10 6 6 1.8 13.48 6 16 5 3 2 6 8 13s10-2 8 8c-.94 4.66-4 4.34-4 9 0 5.34 8-1 6 5 0 2.57-4 4-6 8 0 .72 7.58-1.47 8 1 1.08 6.53-7.23 11.8-4 17 3.27 5.3 12 4 17 3-5 4-13 3.95-13 9 0 9.45 10 13 4 18 2 5-5 9-4 13s5.17 8.47 10 10c3.24 1.03 9 2 6 3-6 2-7-1-12 3-4.25 0-2-6-10-4-24 4-60 20-73 34-2 3 12-3 21-4-8 3-20 7-5 6 11 1 28 0 57-5 21.46-.66 17 7 39 2 11 3 28 6 43-5 14-2 15.58-9.85 33-23 6-2 11-11 14-17 7.8-3.53 12-1 18-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: auto 100%;
	width: 90px;
	height: 125px;
	will-change: background-position;
	animation: fly-cycle steps(10) infinite;
}

  
.bird1 {
  animation-duration: 1s;
  animation-delay: -0.5s;
  transform: scale(.8);
}

.bird2 {
  animation-duration: 0.9s;
  animation-delay: -0.75s;
  transform: scale(.4);
}

.bird3 {
  animation-duration: 1.25s;
  animation-delay: -0.25s;
  transform: scale(1.2);
}

.bird4 {
  animation-duration: 1.1s;
  animation-delay: -0.5s;
  transform: scale(1.6);
}

.bird5 {
  animation-duration: 0.75s;
  animation-delay: .25s;
}

.gb-sky-sc-4-title-mobile,
.gb-sky-sc-4-desc-mobile,
.gb-sky-sc-4-reward-mobile {
    display: none;
}

.gb-sky-sc-4-ach-10 {
    position: absolute;
    z-index: 3;
    top: 16%;
    left: 4%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-20 {
    position: absolute;
    z-index: 3;
    top: 20%;
    left: 24%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-30 {
    position: absolute;
    z-index: 3;
    top: 15%;
    left: 44%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-40 {
    position: absolute;
    z-index: 3;
    top: 20%;
    left: 64%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-50 {
    position: absolute;
    z-index: 3;
    top: 15%;
    left: 83.6%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-60 {
    position: absolute;
    z-index: 3;
    top: 66%;
    left: 4%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-70 {
    position: absolute;
    z-index: 3;
    top: 71%;
    left: 24%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-80 {
    position: absolute;
    z-index: 3;
    top: 66%;
    left: 44%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-90 {
    position: absolute;
    z-index: 3;
    top: 71%;
    left: 63.9%;
    width: 6.5vw;
}

.gb-sky-sc-4-ach-100 {
    position: absolute;
    z-index: 3;
    top: 66%;
    left: 83.7%;
    width: 6.5vw;
}

@keyframes fly-cycle {
	100% {
		background-position: -900px 0;
	}
}

@keyframes movement {
  0% {
    top: 0;
    left: 0;
  }

  20% {
    top: 20%;
  }

  40% {
    top: 60%;
  }

  50% {
    top: 30%;
    color: white;
  }

  60% {
    top: 50%;
  }

  70% {
    top: 80%;
  }

  80% {
    top: 30%;
  }

  90% {
    top: 100%;
  }

  100% {
    top: 90%;
    left: 100%;
  }
}

@media(max-width: 768px) {
    .gb-sky-sc-4-title,
    .gb-sky-sc-4-desc,
    .gb-sky-sc-4-reward {
        display: none;
    }

    .gb-sky-sc-4-title-mobile {
        display: block;
        width: 80vw;
    }

    .gb-sky-sc-4-desc-mobile {
        display: block;
        width: 90vw;
    }

    .gb-sky-sc-4-reward-mobile {
        display: block;
        width: 90vw;
    }

    .gb-sky-sc-4 {
        background: url(../../images/event/skyanomaly/EN/sc4/bg-mobile.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
        gap: 6vw;
        padding-bottom: 15vw;
        padding-top: 5.9vw;
    }

    .gb-sky-sc-4-ach-10 {
        top: 10%;
        left: 4.7%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-20 {
        top: 13%;
        left: 29.5%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-30 {
        top: 10%;
        left: 54.1%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-40 {
        top: 13%;
        left: 79.5%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-50 {
        top: 45.3%;
        left: 16.7%;
        width: 14.5vw;
    }
    
    .gb-sky-sc-4-ach-60 {
        top: 49%;
        left: 41.9%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-70 {
        top: 45.7%;
        left: 66.6%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-80 {
        top: 78%;
        left: 16.9%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-90 {
        top: 81%;
        left: 41.7%;
        width: 14.5vw;
    }

    .gb-sky-sc-4-ach-100 {
        top: 78%;
        left: 66.7%;
        width: 14.5vw;
    }
}
/*  END SECTION 4 */

/* SECTION 5 */
.gb-sky-sc-5 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background: url('../../images/event/skyanomaly/EN/sc5/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-bottom: 7vw;
    padding-top: 5.9vw;

    overflow: hidden;
    gap: 2vw;
}

.gb-sky-sc-5-mission-count {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gb-sky-sc-5-mission-wrapper {
    position: relative;
}

.gb-sky-sc-5-mission-wrapper > img {
    display: block;
    width: 14vw;
}

.gb-sky-sc-5-title {
    display: block;
    width: 47vw;
}

.gb-sky-sc-5-mission {
    display: block;
    width: 51vw;
}

.gb-sky-sc-5-title-mobile,
.gb-sky-sc-5-mission-mobile {
    display: none;
}

.gb-sky-sc-5-mission-wrapper > span {
    position: absolute;
    font-family: 'Anton Regular';
    font-size: 1.8vw;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    bottom: 9.3%;
    color: #2e1c70;
}

.gb-vl2026-sc-3-point-container {
    position: relative;
}

.gb-vl2026-sc-3-point-container-text {
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 56.9%;
    font-family: 'IndustryTest-Ultra';
    transform: translate(-50%, -76%);
    color: white;
    font-size: 1.2vw;
    white-space: nowrap;
    text-shadow: 0 0 8.4px black;
    text-align: center;
}

@media(max-width: 768px) {
    .gb-sky-sc-5-title,
    .gb-sky-sc-5-mission {
        display: none;
    }

    .gb-sky-sc-5-title-mobile {
        display: block;
        width: 80vw;
    }

    .gb-sky-sc-5-mission-mobile {
        display: block;
        width: 80vw;
    }

    .gb-sky-sc-5-mission-count {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 5vw;
    }

    .gb-sky-sc-5-mission-wrapper {
        position: relative;
        flex: 0 0 50%;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gb-sky-sc-5-mission-wrapper > img {
        display: block;
        width: 44vw;
    }

    .gb-sky-sc-5 {
        background: url(../../images/event/skyanomaly/EN/sc5/bg-mobile.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .gb-sky-sc-5-mission-wrapper > span {
        font-size: 5.6vw;
    }

    .gb-vl2026-sc-3-point-banner {
        width: 64.8vw;
    }

    .gb-vl2026-sc-3-point-container-text {
        font-size: 3.2vw;
    }
}
/* END SECTION 5 */

/* SECTION 6 */
.gb-sky-sc-6 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background: url('../../images/event/skyanomaly/EN/sc6/bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;

    padding-bottom: 13vw;
    padding-top: 14.9vw;

    overflow: hidden;
    gap: 2vw;
}

.gb-sky-sc-6-title {
    position: relative;
    z-index: 2;
    display: block;
    width: 45vw;
}

.gb-sky-sc-6-char-left {
    position: absolute;
    width: 23vw;
    left: 2vw;
}

.gb-sky-sc-6-char-right {
    position: absolute;
    width: 23vw;
    right: 2vw;
}

.gb-sky-sc-6-desc {
    position: relative;
    z-index: 2;
    display: block;
    width: 48vw;
}

#sky {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.star {
    position: absolute;
    color: rgba(255, 255, 255, 0.95);
    font-family: Georgia, serif;
    user-select: none;
    will-change: transform, opacity;
}

#starCanvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

@media(max-width: 768px) {
    .gb-sky-sc-6-title {
        width: 92vw;
    }

    .gb-sky-sc-6-desc {
        width: 92vw;
    }

    .gb-sky-sc-6 {
        padding-bottom: 30vw;
        padding-top: 104.9vw;
        gap: 3vw;
    }

    .gb-sky-sc-6 {
        background: url(../../images/event/skyanomaly/EN/sc6/bg-mobile.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .gb-sky-sc-6-char-left {
        width: 67vw;
        top: 28vw;
        left: 2vw;
    }

    .gb-sky-sc-6-char-right {
        width: 67vw;
        top: 28vw;
        right: -3vw;
    }
}
/* END SECTION 6 */