/* GLOBAL */
body {
    position: relative;
}

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

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

.detail-title {
    text-align: center;
    font-size: 3.5rem;
    color: orange;
    text-shadow: 3px 5px #1d1300;
}

#detailModal, #detailGPModal, #detailAvatarModal {
    text-transform: uppercase;
    font-family: 'Anton Regular';
    font-size: 1.4rem;
    text-align: justify;
}

/* ANIMATION */
@keyframes glow {
  0% {
    filter: brightness(1.2) saturate(1.3)
            drop-shadow(0 0 6px #ff9900)  
            drop-shadow(0 0 12px #ff9900); 
  }
  50% {
    filter: brightness(1.5) saturate(1.6)
            drop-shadow(0 0 20px #ffae00) 
            drop-shadow(0 0 35px #ffae00);
  }
  100% {
    filter: brightness(1.2) saturate(1.3)
            drop-shadow(0 0 6px #ff9900)
            drop-shadow(0 0 12px #ff9900);
  }
}

@keyframes glow-purple {
    0% {
        filter: brightness(1.2) saturate(1.3) drop-shadow(0 0 6px #ff9900) /* cahaya oranye terang */ drop-shadow(0 0 12px #ff00ff);
    }
    50% {
        filter: brightness(1.5) saturate(1.6) drop-shadow(0 0 20px #ffae00) drop-shadow(0 0 35px #d400ff);
    }
    100% {
        filter: brightness(1.2) saturate(1.3) drop-shadow(0 0 6px #ff9900) drop-shadow(0 0 12px #ff00ff);
    }
}

@keyframes shine {
  0% { left: -100%; }
  100% { left: 100%; }
}

@keyframes metal-shine {
  0%   { left: -50%; opacity: 0; }
  50%  { left: 100%; opacity: 1; }
  100% { left: 100%; opacity: 0; }
}

@keyframes metal-glow {
  0% {
    filter: brightness(1) saturate(1)
            drop-shadow(0 0 2px rgba(255, 215, 0, 0.3))
            drop-shadow(0 0 4px rgba(255, 215, 0, 0.2));
  }
  40% {
    filter: brightness(1.6) saturate(1.5)
            drop-shadow(0 0 6px rgba(255, 215, 0, 0.8))
            drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
  }
  60% {
    filter: brightness(2) saturate(1.8)
            drop-shadow(0 0 10px rgba(255, 215, 0, 1))
            drop-shadow(0 0 20px rgba(255, 215, 0, 0.9));
  }
  80% {
    filter: brightness(1.4) saturate(1.3)
            drop-shadow(0 0 6px rgba(255, 215, 0, 0.5))
            drop-shadow(0 0 10px rgba(255, 215, 0, 0.4));
  }
  100% {
    filter: brightness(1) saturate(1)
            drop-shadow(0 0 2px rgba(255, 215, 0, 0.2))
            drop-shadow(0 0 4px rgba(255, 215, 0, 0.1));
  }
}

@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes glow {
  0% {
    filter:
      drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3))
      drop-shadow(0 0 10px rgba(255, 215, 0, 0.4))
      drop-shadow(0 0 20px rgba(255, 215, 0, 0.2));
  }
  100% {
    filter:
      drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3))
      drop-shadow(0 0 20px rgba(255, 230, 100, 0.8))
      drop-shadow(0 0 40px rgba(255, 215, 0, 0.6));
  }
}

@keyframes floatBreath {
    0% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        filter: brightness(1);
    }
    25% {
        transform: translate(0, -10px) rotate(-1deg) scale(1.03);
        filter: brightness(1.1);
    }
    50% {
        transform: translate(0, 0) rotate(1deg) scale(1);
        filter: brightness(1);
    }
    75% {
        transform: translate(0, -6px) rotate(-1deg) scale(1.02);
        filter: brightness(1.05);
    }
    100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        filter: brightness(1);
    }
}

@keyframes moveForwardBackward {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(15px);
    }
    50% {
        transform: translateX(25px);
    }
    75% {
        transform: translateX(15px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes moveBackwardForward {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-15px);
    }
    50% {
        transform: translateX(-25px);
    }
    75% {
        transform: translateX(-15px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes eyeGlow {
    0%, 100% {
        filter: drop-shadow(0 0 10px #ad7dd4);
    }
    50% {
        filter: drop-shadow(0 0 40px #594080);
    }
}

@keyframes eyeGlowRed {
    0%, 100% {
        filter: drop-shadow(0 0 10px #7f2712);
    }
    50% {
        filter: drop-shadow(0 0 40px #5c1d0d);
    }
}
/* END ANIMATION */

.gb-web-footer  {
    background: #241512;
    border-top: 0.2vw #25100c solid;
}

.gb-web-footer-content {
    border-top: 0.2vw #6b3511 solid;
}
/* END GLOBAL */

/* SECTION 1 */
.gb-bullet-sc-1-container {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.9vw;

    background: url('../../images/event/fightlikeabullet/EN/Section1/bg.jpg');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;

    padding-bottom: 6%;
}

.gb-bullet-sc-1-tagline {
    font-family: 'Anton Regular';
    text-transform: uppercase;
    text-align: center;
    color: white;

    font-size: 2vw;
    max-width: 30%;
    text-shadow: 2px 2px 5px #a92428, 2px 2px 5px #a92428, 2px 2px 5px #a92428;
}

.gb-bullet-sc-1-logo {
    display: block;
    width: 21%;

    animation: glow 1.5s infinite alternate;
    margin-bottom: -3%;
    margin-top: -1%;
}

.gb-bullet-sc-1-text {
    position: relative;
    display: block;
    width: 41vw;
    overflow: hidden;
}

.gb-bullet-sc-1-text-mobile {
    display: none;
}

.gb-bullet-sc-1-text-container {
    position: relative;
    overflow: hidden;
}

.gb-bullet-sc-1-buttons {
    display: flex;
    font-size: 1.3vw;
    gap: 1.6vw;
    font-family: 'Anton Regular', 'Calibri';
    text-shadow: 0 0 6px black;
    color: #ffffff;
    margin-top: 0.6vw;
}

.gb-bullet-sc-1-login-btn {
    background: url(../../images/event/conquer-2/Section2/btn-login.png) center center / 100% 100% no-repeat;
    padding: 0 5vw;
}

.gb-bullet-sc-1-logout-btn {
    background: url(../../images/event/conquer-2/Section2/btn-logout.png) center center / 100% 100% no-repeat;
    padding: 0 5vw;
}

.gb-bullet-sc-1-update-progress {
    background: url(../../images/event/boundtothegun/Section2/btn-update.png) center center / 100% 100% no-repeat;
    word-break: break-all;
    padding: 0 5vw;
    padding: 1vw 4vw;
}

.gb-bound-sc-1-update-rules {
    background: url(../../images/event/rtg-3/Section2/btn-claim.png) center center / 100% 100% no-repeat;
    padding: 0 5.5vw;
}

.gb-bullet-sc-1-schedule {
    position: relative;
    z-index: 1;
    display: block;
    width: 36%;
}

.gb-bullet-sc-1-floating {
    position: absolute;
    display: block;
    left: 2%;
    top: 3%;
    width: 12vw;
}

@media(max-width: 768px) {
    .gb-bullet-sc-1-logo {
        width: 66%;
    }

    .gb-bullet-sc-1-tagline {
        font-size: 6vw;
        max-width: 90%;
    }

    .gb-bullet-sc-1-buttons {
        flex-direction: column;
    }

    .gb-bullet-sc-1-schedule {
        width: 91%;
    }

    .gb-bullet-sc-1-buttons {
        font-size: 6.3vw;
    }

    .gb-bullet-sc-1-login-btn {
        padding: 5vw 5vw;
    }

    .gb-bound-sc-1-update-rules {
        padding: 5vw 5vw;
    }

    .gb-bullet-sc-1-update-progress {
        padding: 4vw 13vw;
    }

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

    .gb-bullet-sc-1-container {
        background: url(../../images/event/fightlikeabullet/EN/Section1/bg-mobile.jpg);
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gb-bullet-sc-1-text {
        display: none;
    }

    .gb-bullet-sc-1-text-mobile {
        display: block;
        width: 83vw;
    }

    .gb-bullet-sc-1-logout-btn {
        padding: 5vw 5vw;
    }
}
/* END SECTION 1 */

/* SECTION 2 */
.gb-bullet-sc-2-container {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.9vw;

    background: url('../../images/event/fightlikeabullet/EN/Section2/bg.jpg');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;

    padding-top: 20%;
    padding-bottom: 6%;
}

.gb-bullet-sc-2-text {
    position: relative;
    display: block;
    width: 40%;
    z-index: 1;
}

.gb-bullet-sc-2-rules {
    position: relative;
    display: block;
    width: 36%;
    z-index: 1;
    margin-top: -1%;
    margin-bottom: -0.5%;
}

.gb-bullet-sc-2-reward-container {
    position: relative;
    z-index: 1;
}

.gb-bullet-sc-2-char {
    position: absolute;
    top: 0%;
    width: 48%;
    z-index: 0;

    animation: float 4s ease-in-out infinite, glow 3s ease-in-out infinite alternate;
    filter:
        drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3)) 
        drop-shadow(0 0 10px rgba(255, 215, 0, 0.6)) 
        drop-shadow(0 0 25px rgba(255, 215, 0, 0.4)); 
    transition: transform 0.3s ease;
}

.gb-bullet-sc-2-rewards {
    display: block;
    width: 53vw;
}

.gb-bullet-sc-2-rewards-mobile {
    display: none;
}

.gb-bullet-sc-2-counter {
    display: block;
    width: 16vw;
}

.gb-bullet-sc-2-win-counter {
    position: relative;
}

.gb-bullet-sc-2-total-win {
    position: absolute;
    top: 47.4%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Anton Regular';
    font-size: 2vw;
    color: white;
    text-shadow: 4px 3px 0 #2a2828;
    white-space: nowrap;
}

.gb-bullet-sc-2-10-win-stamp {
    position: absolute;
    left: 3.6%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-10-win-stamp-br {
    position: absolute;
    left: 3.6%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-20-win-stamp {
    position: absolute;
    left: 17.8%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-20-win-stamp-br {
    position: absolute;
    left: 17.8%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-30-win-stamp {
    position: absolute;
    left: 32%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-30-win-stamp-br {
    position: absolute;
    left: 32%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-40-win-stamp {
    position: absolute;
    left: 46%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-40-win-stamp-br {
    position: absolute;
    left: 46%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-50-win-stamp {
    position: absolute;
    left: 60.6%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-50-win-stamp-br {
    position: absolute;
    left: 60.6%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-60-win-stamp {
    position: absolute;
    left: 74.9%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-60-win-stamp-br {
    position: absolute;
    left: 74.9%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-80-win-stamp {
    position: absolute;
    left: 89.5%;
    width: 4vw;
    top: 37%;
}

.gb-bullet-sc-2-80-win-stamp-br {
    position: absolute;
    left: 89.5%;
    width: 4vw;
    top: 46%;
}

.gb-bullet-sc-2-detail {
    position: relative;
    display: block;
    width: 13vw;
    z-index: 2;
}

@media(max-width: 768px) {
    .gb-bullet-sc-2-text {
        width: 90%;
    }

    .gb-bullet-sc-2-rules {
        width: 87%;
    }

    .gb-bullet-sc-2-char {
        width: 91%;
    }

    .gb-bullet-sc-2-container {
        padding-top: 41%;
        padding-bottom: 14%;
        gap: 7vw;
    }

    .gb-bullet-sc-2-container {
        background: url(../../images/event/fightlikeabullet/EN/Section2/bg-mobile.jpg);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gb-bullet-sc-2-rewards {
        display: none;
    }

    .gb-bullet-sc-2-rewards-mobile {
        display: block;
        width: 92vw;
    }

    .gb-bullet-sc-2-counter {
        width: 57vw;
    }

    .gb-bullet-sc-2-total-win {
        top: 43.3%;
        left: 50%;
        font-size: 8vw;
    }

    .gb-bullet-sc-2-10-win-stamp {
        left: 3.6%;
        width: 13vw;
        top: 18%;
    }

    .gb-bullet-sc-2-10-win-stamp-br {
        left: 3.6%;
        width: 13vw;
        top: 24%;
    }

    .gb-bullet-sc-2-20-win-stamp {
        left: 28.8%;
        width: 13vw;
        top: 18%;
    }

    .gb-bullet-sc-2-20-win-stamp-br {
        left: 28.8%;
        width: 13vw;
        top: 24%;
    }

    .gb-bullet-sc-2-30-win-stamp {
        left: 55.8%;
        width: 13vw;
        top: 18%;
    }

    .gb-bullet-sc-2-30-win-stamp-br {
        left: 55.8%;
        width: 13vw;
        top: 24%;
    }

    .gb-bullet-sc-2-40-win-stamp {
        left: 83%;
        width: 13vw;
        top: 18%;
    }

    .gb-bullet-sc-2-40-win-stamp-br {
        left: 83%;
        width: 13vw;
        top: 24%;
    }

    .gb-bullet-sc-2-50-win-stamp {
        left: 60.6%;
        width: 13vw;
        top: 37%;
    }

    .gb-bullet-sc-2-50-win-stamp-br {
        left: 16.6%;
        width: 13vw;
        top: 63.4%;
    }

    .gb-bullet-sc-2-60-win-stamp {
        left: 74.9%;
        width: 13vw;
        top: 37%;
    }

    .gb-bullet-sc-2-60-win-stamp-br {
        left: 42.7%;
        width: 13vw;
        top: 63.4%;
    }

    .gb-bullet-sc-2-80-win-stamp {
        left: 89.5%;
        width: 13vw;
        top: 37%;
    }

    .gb-bullet-sc-2-80-win-stamp-br {
        left: 69.5%;
        width: 13vw;
        top: 63.4%;
    }

    .gb-bullet-sc-2-wrapper {
        flex-direction: column;
    }

    .gb-bullet-sc-2-detail {
        margin-top: 5vw;
        width: 45vw;
    }
}
/* END SECTION 2 */

/* SECTION 3 */
.gb-bullet-sc-3-container {
    position: relative;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.9vw;

    background: url('../../images/event/fightlikeabullet/EN/Section3/bg.jpg');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;

    padding-top: 8%;
    padding-bottom: 8%;
}

.gb-bullet-sc-3-title {
    display: block;
    width: 33vw;
}

.gb-bullet-sc-3-left-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 30%;
}

.gb-bullet-sc-3-text {
    display: block;
    width: 84%;
    margin-top: 4%;
    margin-bottom: 6%;
}

.gb-bullet-sc-3-reward-img {
    display: block;
    width: 37vw;
}

.gb-bullet-sc-3-right-content {
    position: absolute;
    right: 0;
    top: 7%;

    animation: floatBreath 3s 
                ease-in-out infinite, moveForwardBackward 6s 
                ease-in-out infinite, eyeGlow 2.5s 
                ease-in-out infinite;
}

.gb-bullet-sc-3-char {
    display: block;
    width: 46vw;
}

.gb-bullet-sc-3-win-counter {
    position: relative;
    margin-top: 5%;
}

.gb-bullet-sc-3-counter {
    display: block;
    width: 23vw;
}

.gb-bullet-sc-3-total-win {
    position: absolute;
    top: 47.4%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Anton Regular';
    font-size: 2vw;
    color: white;
    text-shadow: 4px 3px 0 #2a2828;
    width: 100%;
    text-align: center;
}

.gb-bullet-sc-3-rewards {
    position: relative;
}

.gb-bullet-sc-3-10-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 15.7%;
    left: 3%;
}

.gb-bullet-sc-3-20-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 15.7%;
    left: 24.2%;
}

.gb-bullet-sc-3-30-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 15.7%;
    left: 44.9%;
}

.gb-bullet-sc-3-40-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 15.7%;
    left: 65%;
}

.gb-bullet-sc-3-50-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 15.7%;
    left: 85.1%;
}

.gb-bullet-sc-3-70-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 68.7%;
    left: 3%;
}

.gb-bullet-sc-3-80-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 68.7%;
    left: 24.2%;
}

.gb-bullet-sc-3-100-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 68.7%;
    left: 44.9%;
}

.gb-bullet-sc-3-120-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 68.7%;
    left: 65%;
}

.gb-bullet-sc-3-150-times {
    position: absolute;
    display: block;
    width: 4.6vw;
    top: 68.7%;
    left: 85.1%;
}

.gb-bullet-sc-3-rule {
    text-align: center;
    font-family: 'Anton Regular';
    text-transform: uppercase;
    color: white;
    margin-top: 2.1%;
    font-size: 1.2vw;
    max-width: 90%;
}

@media(max-width: 768px) {
    .gb-bullet-sc-3-container {
        flex-direction: column;
        padding-top: 16%;
        padding-bottom: 16%;

        background: url('../../images/event/fightlikeabullet/EN/Section2/bg-mobile.jpg');
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .gb-bullet-sc-3-left-content {
        margin-right: unset;
        gap: 2vw;
    }

    .gb-bullet-sc-3-title {
        display: block;
        width: 88vw;
    }

    .gb-bullet-sc-3-text {
        display: block;
        width: 90%;
    }

    .gb-bullet-sc-3-reward-img {
        width: 90vw;
    }

    .gb-bullet-sc-3-total-win {
        top: 44.4%;
        font-size: 7vw;
    }

    .gb-bullet-sc-3-counter {
        display: block;
        width: 76vw;
    }

    .gb-bullet-sc-3-right-content {
        position: relative;
        order: 1;
        z-index: 1;
        margin-bottom: -46%;
    }

    .gb-bullet-sc-3-left-content {
        position: relative;
        order: 2;
        z-index: 2;
    }

    .gb-bullet-sc-3-char {
        animation: float 4s 
                ease-in-out infinite, glow-purple 3s 
                ease-in-out infinite alternate;
    }

    .gb-bullet-sc-3-char {
        display: block;
        width: 90vw;
    }

    .gb-bullet-sc-3-10-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-20-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-30-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-40-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-50-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-70-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-80-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-100-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-120-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-150-times {
        width: 11.6vw;
    }

    .gb-bullet-sc-3-rule {
        font-size: 4.2vw;
    }
}
/* END SECTION 3 */

/* SECTION 4 */
.gb-bullet-sc-4-container {
    position: relative;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.9vw;

    background: url('../../images/event/fightlikeabullet/EN/Section4/bg.jpg');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;

    padding-top: 8%;
    padding-bottom: 8%;
}

.gb-bullet-sc-4-detail {
    display: block;
    width: 13vw;
    margin-top: -1%;
}

.gb-bullet-sc-4-title {
    display: block;
    width: 35%;
}

.gb-bullet-sc-4-text {
    display: block;
    width: 36%;
}

.gb-bullet-sc-4-title {
    display: block;
    width: 26vw;
}

.gb-bullet-sc-4-reward {
    display: block;
    width: 28vw;
}

.gb-bullet-sc-4-total_gp {
    display: block;
    width: 18vw;
}

.gb-bullet-sc-4-char-left {
    position: absolute;
    left: 0;
    display: block;
    width: 35%;
    animation: floatBreath 3s 
        ease-in-out infinite, moveForwardBackward 6s 
        ease-in-out infinite, eyeGlowRed 2.5s 
        ease-in-out infinite;
}

.gb-bullet-sc-4-char-right {
    position: absolute;
    right: 0;
    display: block;
    width: 35%;
    animation: floatBreath 3s 
            ease-in-out infinite, moveBackwardForward 6s 
            ease-in-out infinite, eyeGlowRed 2.5s 
            ease-in-out infinite;
}

.gb-bullet-sc-4-reward-container,
.gb-bullet-sc-4-total-gp-container {
    position: relative;
}

.gb-bullet-sc-3-total-gp {
    position: absolute;
    bottom: -23%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Anton Regular';
    font-size: 2.8vw;
    color: white;
    text-shadow: 4px 3px 0 #2a2828;
    width: 100%;
    text-align: center;
}

.gb-bullet-sc-4-5k {
    position: absolute;
    display: block;
    top: 15%;
    left: 12.9%;
    width: 17%;
    z-index: 2;
}

.gb-bullet-sc-4-8k {
    position: absolute;
    display: block;
    top: 15%;
    left: 64.9%;
    width: 17%;
    z-index: 2;
}

.gb-bullet-sc-4-10k {
    position: absolute;
    display: block;
    top: 69%;
    left: 12.9%;
    width: 17%;
    z-index: 2;
}

.gb-bullet-sc-4-15k {
    position: absolute;
    display: block;
    top: 69%;
    left: 64.9%;
    width: 17%;
    z-index: 2;
}

.gb-bullet-sc-5-bigfoot-ach {
    position: absolute;
    width: 13%;
    left: 6%;
    top: 36%;
}

.gb-bullet-sc-5-boomer-ach {
    position: absolute;
    width: 13%;
    left: 30.9%;
    top: 36%;
}

.gb-bullet-sc-5-kalsiddon-ach {
    position: absolute;
    width: 13%;
    left: 56.3%;
    top: 36%;
}

.gb-bullet-sc-5-mongolia-ach {
    position: absolute;
    width: 13%;
    left: 82.3%;
    top: 36%;
}

@media(max-width: 768px) {
    .gb-bullet-sc-4-title {
        position: relative;
        z-index: 1;
        width: 85vw;
    }

    .gb-bullet-sc-4-text {
        position: relative;
        z-index: 1;
        width: 85%;
    }

    .gb-bullet-sc-4-reward {
        position: relative;
        z-index: 1;
        width: 86vw;
    }

    .gb-bullet-sc-4-total_gp {
        z-index: 1;
        width: 56vw;
    }

    .gb-bullet-sc-3-total-gp {
        z-index: 1;
        font-size: 8.5vw;
    }

    .gb-bullet-sc-4-container {
        gap: 3.9vw;
        background: url(../../images/event/fightlikeabullet/EN/Section2/bg-mobile.jpg);
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
        overflow: hidden;
        padding-top: 45%;
        padding-bottom: 21%;
    }

    .gb-bullet-sc-4-char-left {
        top: 1.1%;
        width: 59%;
    }

    .gb-bullet-sc-4-char-right {
        top: 1.1%;
        width: 59%;
    }

    .gb-bullet-sc-5-bigfoot-ach {
        width: 30%;
        left: 11%;
        top: 17%;
    }

    .gb-bullet-sc-5-boomer-ach {
        width: 30%;
        left: 62%;
        top: 17%;
    }

    .gb-bullet-sc-5-kalsiddon-ach {
        width: 30%;
        left: 11%;
        top: 68%;
    }

    .gb-bullet-sc-5-mongolia-ach {
        width: 30%;
        left: 62%;
        top: 68%;
    }

    .gb-bullet-sc-4-detail {
        width: 45vw;
    }
}
/* END SECTION 4 */

/* SECTION 5 */
.gb-bullet-sc-5-container {
    position: relative;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.9vw;

    background: url('../../images/event/fightlikeabullet/EN/Section5/bg.jpg');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;

    padding-top: 3%;
    padding-bottom: 8%;
}

.gb-bullet-sc-5-detail {
    display: block;
    width: 13vw;
    margin-top: -1%;
}

.gb-bullet-sc-5-title {
    display: block;
    width: 25%;
}

.gb-bullet-sc-5-text {
    display: block;
    width: 40%;
}

.gb-bullet-sc-5-reward {
    display: block;
    width: 58vw;
}

.gb-bullet-sc-5-desc {
    display: block;
    width: 61vw;
}

.gb-bullet-sc-5-reward-container {
    position: relative;
}

.gb-bullet-sc-5-cntr {
    position: absolute;
    color: white;
    font-size: 1.4vw;
    font-family: 'Anton Regular';

    -webkit-text-stroke: 0.1vw #b61516;
    text-stroke: 0.1vw #b61516;
}

.gb-bullet-sc-5-bigfoot-cntr {
    transform: translateX(-5.2%);
    top: 1.5%;
    left: 8.9%;
}

.gb-bullet-sc-5-boomerang-cntr {
    transform: translateX(-5.2%);
    top: 1.5%;
    left: 34.2%;
}

.gb-bullet-sc-5-kalsiddon-cntr {
    transform: translateX(-5.2%);
    top: 1.5%;
    left: 59.6%;
}

.gb-bullet-sc-5-armor-cntr {
    transform: translateX(-5.2%);
    top: 1.5%;
    left: 85.3%;
}

.gb-bullet-sc-5-reward-mobile {
    display: none;
}

.gb-bullet-sc-5-desc-mobile {
    display: none;
}

@media(max-width: 768px) {
    .gb-bullet-sc-5-title {
        width: 61%;
    }
    
    .gb-bullet-sc-5-text {
        width: 80%;
    }

    .gb-bullet-sc-5-reward {
        display: none;
    }

    .gb-bullet-sc-5-reward-mobile {
        display: block;
        width: 78vw;
    }

    .gb-bullet-sc-5-desc {
        display: none;
    }

    .gb-bullet-sc-5-desc-mobile {
        display: block;
        width: 90%;
    }

    .gb-bullet-sc-5-container {
        gap: 7.9vw;
        background: url(../../images/event/fightlikeabullet/EN/Section5/bg-mobile.jpg);
        background-size: 100% 100%;
        padding-top: 30%;
        padding-bottom: 30%;
    }

    .gb-bullet-sc-5-cntr {
        font-size: 4.4vw;
    }

    .gb-bullet-sc-5-bigfoot-cntr {
        top: 0.2%;
        left: 19.4%;
    }

    .gb-bullet-sc-5-boomerang-cntr {
        top: 0.2%;
        left: 70.3%;
    }

    .gb-bullet-sc-5-kalsiddon-cntr {
        top: 51.8%;
        left: 18.9%;
    }

    .gb-bullet-sc-5-armor-cntr {
        transform: translateX(-5.2%);
        top: 51.8%;
        left: 70.4%;
    }

    .gb-bullet-sc-5-detail {
        width: 45vw;
    }
}
/* END SECTION 5 */