@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* font */
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 600;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 800;
}

@font-face {
  font-family: 'GulimChe';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  font-size: 16px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
  font-family: 'Pretendard';
  text-align: center;
}

button,
li,
ul,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
div,
a,
p,
span,
b {
  transform: skew(0);
}

button,
a {
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

.game-wrapper {
  height: 100dvh !important;
  letter-spacing: normal;
}

.d-none {
  display: none !important;
}

.cursor-p {
  cursor: pointer;
}

.flex-col {
  flex-direction: column;
}

body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: var(--game-100-2nd-color);
}

@media (max-width: 500px) {
  html,
  body {
    font-size: 3.2vw;
  }
}

.goToNext {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.button-section .goToNext {
  position: static;
}

/* common */
.game-wrapper.basic .app-header {
  height: 4.0625rem;
  background: linear-gradient(180deg, #000 45%, rgba(55, 55, 67, 0.8) 85%, #000 100%);
  display: block !important;
  border: 0;
  z-index: 1000;
}

.game-wrapper .app-header .app-header-btn.back {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_white_arrow.png) no-repeat center / 0.68rem
    1.475rem;
}

.game-wrapper .app-header .app-logo {
  width: 9.25rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_logo_white.png) no-repeat center / 9.25rem
    2rem;
}

.game-wrapper .app-header .sound-btn {
  display: flex;
  width: 2rem;
  height: 100%;
  padding: 1.625rem 3rem 1.625rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_sound_default.png) no-repeat center / 2rem
    1.625rem;
  position: absolute;
  right: 0;
  top: 0;
}

.game-wrapper .app-header .sound-btn.off {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_sound_disable.png) no-repeat center / 2rem
    1.625rem;
}

/* intro */
.game-wrapper .game-intro {
  height: auto;
  padding-bottom: 0rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_intro_stellar.png) no-repeat center / 100%
    100% !important;
}

.app-header.intro + .status-bar {
  display: none;
}

.app-header.intro.step + .status-bar {
  display: block;
}

.app-header.result + .status-bar {
  display: none !important;
}

.status-bar {
  position: absolute;
  width: 100%;
  height: 0.25rem;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  top: 4.0625rem;
  z-index: 1;
}

.status-bar-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%), #fff;
}

.game-intro .content {
  padding-top: 2.25rem;
  padding-bottom: 6.25rem;
}

.game-intro .content .ttl {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 1.19rem;
}

.game-intro .content .ttl h4 {
  width: 100%;
  height: 13.9375rem;
  aspect-ratio: 500/223;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_intro_ttl_txt.png) no-repeat center / 100%
    100%;
}

.game-intro .content .ttl p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.88rem;
}

.game-intro .content .ttl p:before,
.game-intro .content .ttl p:after {
  content: '';
  display: block;
  width: 0.625rem;
  height: 0.75rem;
  aspect-ratio: 6/5;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_character_left_deco.png) no-repeat center /
    100% 100%;
}

.game-intro .content .ttl p:after {
  transform: rotate(180deg);
}

.game-intro .content .intro_sub_bg-wrapper {
  width: 100%;
  height: 21.875rem;
  flex-shrink: 0;
  aspect-ratio: 10 / 7;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_intro_ttl.png) no-repeat center / 100% 100%;
  margin-bottom: -4rem;
  margin-top: -5.5rem;
  z-index: -1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.game-intro .content .intro_sub_bg-wrapper span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 4.0625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  /* 5.28125rem */
  letter-spacing: -0.1625rem;
  background: linear-gradient(180deg, #fff 50%, #c099f2 70%, #fff 73.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: simple-glitch 2s infinite;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/intro_vs_txt.png) no-repeat center / 90% 90%;
  width: 6.5625rem;
  height: 5rem;
}

.game-intro .intro_sub_bg-wrapper span::before,
.game-intro .intro_sub_bg-wrapper span::after {
  content: attr(data-text);
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff 50%, #c099f2 70%, #fff 73.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-intro .intro_sub_bg-wrapper span::before {
  left: -0rem;
  animation: simple-glitch-1 1s infinite;
}

.game-intro .intro_sub_bg-wrapper span::after {
  left: -0rem;
  animation: simple-glitch-2 1s infinite;
}

.game-intro .content .btn-input-wrap {
  margin-bottom: 1.94rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

.game-intro .content .btn-input-wrap input {
  display: flex;
  width: 20rem;
  height: 4.25rem;
  padding: 1.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(37, 26, 50, 0.8);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
  letter-spacing: -0.0275rem;
}

.game-intro .content .btn-input-wrap button {
  display: flex;
  margin: 0 1.5rem;
  height: 5.75rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  background: #b875fe;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100%
    100%;
}

.game-intro .player-count {
  margin-bottom: 2.5rem;
}

.game-intro .content .player-count dt {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01375rem;
}

.game-intro .content .player-count dd {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.025rem;
}

.game-intro .share-wrapper {
  padding-top: 2.62rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.game-intro .share-sns-list {
  margin-bottom: 0;
}

.game-intro .share-sns-list .list {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

.game-intro .share-sns-list li {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%), #fff;
}

.game-intro .share-sns-list li + li {
  margin: 0;
}

.game-intro .share-sns-list li a {
  width: 100%;
  height: 100%;
}

.game-intro .share-sns-list .btn-share.kakao {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_kakao_white.png) no-repeat center /
    1.5125rem 1.38956rem;
}

.game-intro .share-sns-list .btn-share.twitter {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_x_white.png) no-repeat center /
    1.725rem 1.5705rem;
}

.game-intro .share-sns-list .btn-share.instagram {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_instagram_white.png) no-repeat center /
    1.725rem 1.725rem;
}

.game-intro .share-sns-list .btn-share.facebook {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_facebook_white.png) no-repeat center /
    0.825rem 1.81325rem;
}

.game-intro .share-sns-list .btn-share.link-copy {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_link_white.png) no-repeat center /
    1.5125rem 1.38956rem;
}

.game-intro .share-sns-list .list-title {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01375rem;
}

.game-intro .share-sns-list .countBox .countImg {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(https://cdn.banggooso.com/assets/images/game268/common/share.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.game-intro .share-sns-list .countBox .countNumber {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
  letter-spacing: -0.011rem;
}

.share-wrap .wv-btn-share {
  display: flex;
  padding: 1.25rem 3.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3.125rem;
  border: 0.098rem solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(18, 0, 36, 0.8) 17.56%, #080011 86.96%), #fff;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
  /* 31.2px */
  margin: 0 6.875rem;
}

.share-wrap .wv-btn-share img {
  width: 1.5rem;
  height: 1.5rem;
}

.game-wrap .game-step {
  height: 100%;
  background: #0d001b;
  position: relative;
}

.game-wrap .game-step .fixed-top-content {
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
}

.game-wrap .game-step .fixed-top-content.purple-sml {
  font-weight: 500;
}

.game-wrap .game-step .fixed-top-content.intro {
  width: 28.25rem;
  height: 10.875rem;
  border-radius: 28.25rem;
  background: radial-gradient(50% 50% at 50% 50%, #fff 85%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #0d001b;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.95rem */
}

.game-wrap .game-step.step3 .fixed-top-content.intro {
  z-index: 1;
}

.game-wrap .game-step.intro-1 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_1.png) no-repeat center / cover;
}

.game-wrap .game-step.intro-1-1 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_1-1.png) no-repeat center / cover;
}

.game-wrap .game-step.intro-1-2 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_1-2.png) no-repeat center / cover;
}

.game-wrap .game-step.intro-1-3 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_1-3.png) no-repeat center / cover;
}

.game-wrap .game-step.intro-1-4 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_1-4.png) no-repeat center / cover;
}

.game-wrap .game-step.intro .content-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.game-wrap .game-step .purple-large {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/purple_large_chat_box.png) no-repeat center /
    100% 100%;
  width: 28.25rem;
  padding: 3.25rem 2.75rem 2.25rem 2.75rem;
}

.game-wrap .game-step.intro .content-section {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 28.25rem;
  gap: 1.375rem;
  width: 100%;
}

.game-wrap .intro.box-shadow + .content-section {
  background: linear-gradient(0deg, rgba(13, 0, 27, 0.6) 0%, rgba(13, 0, 27, 0.6) 100%);
}

.game-wrap .game-step.intro .content-section .intro-message > span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.1375rem */
  margin-bottom: 0.25rem;
  display: inline-block;
  opacity: 0.6;
}

.game-wrap .game-step.intro .content-section .intro-message > h4 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.7875rem */
  margin-bottom: 1.81rem;
}

.game-wrap .game-step.intro .content-section .inner-box {
  display: flex;
  padding: 1.625rem 1.25rem 1.25rem 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, rgba(49, 49, 49, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
  position: relative;
}

.game-wrap .game-step.intro .content-section .inner-box:before {
  content: '1등 상품';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.81rem;
  width: 6.10119rem;
  height: 1.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_intro_sml_ttl.png) no-repeat center / cover;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-wrap .game-step.intro .content-section .inner-box span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.4625rem */
  display: inline-block;
  opacity: 0.6;
}

.game-wrap .game-step.intro .content-section .inner-box p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
}

.game-wrap .game-step.intro .intro-message {
  display: inline-flex;
  flex-flow: column;
  padding: 1.875rem 1rem 1rem 1rem;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #696969;
  background: linear-gradient(180deg, #000 40%, rgba(0, 0, 0, 0.7) 100%);
  box-shadow: 0px 0px 8px 0px #d292ff, 0px 4px 12px 0px rgba(0, 0, 0, 0.75);
  width: auto;
  opacity: 0;
  animation: intro-message-animation 0.3s ease-in-out forwards;
}

@keyframes intro-message-animation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.game-wrap .game-step.intro .button-section {
  position: absolute;
  bottom: 2.5rem;
  left: 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.game-wrap .game-step .purple-sml {
  display: flex;
  width: 28.25rem;
  padding: 2rem 0.625rem 1.3125rem 0.625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  height: 8.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/purple_sml_chat_box.png) no-repeat center /
    100% 100%;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-wrap .game-step .purple-sml span {
  display: flex;
  gap: 0.62rem;
}

.game-wrap .game-step .purple-sml span:before {
  content: '';
  width: 1.5625rem;
  height: 1.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/purple_sml_sound_ico.png) no-repeat center /
    90%;
  filter: drop-shadow(-2px -2px 0px rgba(0, 229, 255, 0.8)) drop-shadow(2px 2px 0px rgba(251, 0, 255, 0.8));
}

.game-wrap .game-step .purple-sml.main-content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.game-wrap .game-step .purple-sml.main-content-wrapper span {
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: 'Press Start 2P';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.1375rem */
}

.game-wrap .game-step .purple-sml.main-content-wrapper span > p {
  position: relative;
  margin-top: 0.2rem;
}

.game-wrap .game-step .purple-sml.main-content-wrapper span > p::before {
  content: attr(data-text);
  position: absolute;
  top: -0.05rem;
  left: -0.12rem;
  width: 100%;
  height: 100%;
  color: #43bbde;
  z-index: -1;
}

.game-wrap .game-step .purple-sml.main-content-wrapper span > p::after {
  content: attr(data-text);
  position: absolute;
  top: 0.1rem;
  left: 0.15rem;
  width: 100%;
  height: 100%;
  color: #d60cda;
  z-index: -1;
}

.game-wrap .game-step .purple-sml.main-content-wrapper b {
  font-weight: 700;
}

.game-wrap .game-step .purple-sml.main-content-wrapper i {
  font-style: normal;
  font-weight: 500;
}

.game-wrap .button-section .btn-player-ans {
  display: flex;
  width: 28.25rem;
  height: 5.75rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_ans_bg.png) no-repeat center / 100%
    100%;
}

.game-wrap .game-step .bottom-fixed.just-txt {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8.125rem;
  display: flex;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  background: linear-gradient(180deg, rgba(90, 44, 139, 0) 0%, rgba(90, 44, 139, 0.2) 25%, #0d001b 85%);
  color: #fff;
  text-shadow: 0px 0px 8px #b349ff;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 2.1125rem */
}

.game-wrap .game-step.main-content .fixed-top-content {
  width: 28.25rem;
  height: 8.75rem;
  padding: 1.25rem 0.625rem 0.75rem 0.625rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
  background: url(https://cdn.banggooso.com/assets/images/game268/common/main_content_fixed_top_bg.png) no-repeat center /
    100% 100%;
  z-index: 1;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.game-wrap .game-step.main-content .fixed-top-content:not(.other-chat) span {
  display: flex;
  width: 100%;
  height: 5.4375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.game-wrap .game-step.main-content .fixed-top-content b {
  font-weight: 700;
}

.game-wrap .game-step.main-content .fixed-top-content i {
  font-style: normal;
}

.game-wrap .game-step.main-content .fixed-top-content small {
  font-weight: 500;
  font-size: 1.375rem;
}

.game-wrap .game-step.main-content .fixed-top-content.other-chat {
  width: auto;
  height: auto;
  background: initial;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.game-wrap .game-step.main-content .fixed-top-content.other-chat span {
  display: inline-flex;
  padding: 0.25rem 1rem 0.25rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  border-radius: 0.25rem 0.25rem 0rem 0rem;
  background: linear-gradient(0deg, #5900b7 0%, #270051 100%);
}

.game-wrap .game-step.main-content .fixed-top-content.other-chat span:before {
  content: '';
  width: 0.375rem;
  height: 0.3125rem;
  aspect-ratio: 6/5;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_character_left_deco.png) no-repeat center /
    100% 100%;
}

.game-wrap .game-step.main-content .fixed-top-content.other-chat p {
  width: 28.25rem;
  height: auto;
  display: flex;
  flex-flow: column;
  padding: 1.75rem 2rem;
  justify-content: center;
  align-items: center;
  border: 1px solid #5900b7;
  background: rgba(0, 0, 0, 0.8);
}

.game-wrap .game-step.main-content .content-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.game-wrap .game-step.main-content.chapter-intro .content-section:before,
.game-wrap .game-step.main-content.chapter-intro .content-section:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  z-index: 1;
  filter: blur(20px);
  animation: chapterIntroTop 1s ease-in-out forwards 0.3s;
}

.game-wrap .game-step.main-content.chapter-intro .content-section:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 95%, rgba(255, 255, 255, 1) 5%);
}

.game-wrap .game-step.main-content.chapter-intro .content-section:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 95%, rgba(255, 255, 255, 1) 5%);
}

@keyframes chapterIntroTop {
  0% {
    opacity: 1;
    filter: blur(20px);
  }

  80% {
    filter: blur(500px);
    opacity: 0;
  }

  100% {
    opacity: 0;
    filter: blur(500px);
  }
}

/* @keyframes chapterIntroBottom {
  0% {
    opacity: 1;
    filter: blur(40px);
  }

  60% {
    filter: blur(100px);
  }

  100% {
    opacity: 0;
    filter: blur(100px);
  }
} */

/* 더 가벼운 글리치 효과 */
.game-wrap .game-step.main-content .content-section .glitch-txt {
  display: inline-block;
  width: 100%;
  height: auto;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Pretendard';
  font-size: 1.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.2325rem;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: simple-glitch 1s infinite, fadeIn 0.4s ease-in-out forwards, fadeOut 0.5s ease-in-out 3s forwards;
}

.game-wrap .game-step.main-content.chapter-6 .content-section .glitch-txt {
  animation: none;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 8px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.8), 0px 3px 0px rgba(251, 0, 255, 0.8);
  font-family: 'Pretendard Variable';
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 4.9875rem */
  text-transform: uppercase;
  opacity: 1;
}

.game-wrap .game-step.main-content.chapter-6 .content-section .glitch-txt:before,
.game-wrap .game-step.main-content.chapter-6 .content-section .glitch-txt:after {
  content: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.game-wrap .game-step.main-content.chapter-2 .content-section .glitch-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: Nanum Myeongjo;
  font-size: 1.9875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 3.0625rem */
  text-transform: uppercase;
  white-space: pre-line;
}

.game-wrap .game-step.main-content.chapter-2 .content-section .glitch-txt::before,
.game-wrap .game-step.main-content.chapter-2 .content-section .glitch-txt::after {
  white-space: pre-line;
}

.game-wrap .game-step.main-content.chapter-3 .content-section .glitch-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Pretendard';
  font-size: 2.6875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 3.7625rem */
  text-transform: uppercase;
  white-space: pre-line;
}

.game-wrap .game-step.main-content.chapter-3 .content-section .glitch-txt::before,
.game-wrap .game-step.main-content.chapter-3 .content-section .glitch-txt::after {
  white-space: pre-line;
}

.game-wrap .game-step.main-content.chapter-4 .content-section .glitch-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Press Start 2P';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  letter-spacing: -0.0325rem;
  text-transform: uppercase;
}

.game-wrap .game-step.main-content.chapter-5 .content-section .glitch-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #fff;
  font-family: GulimChe;
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
  width: 18.375rem;
  height: 4.0625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/chapter_5_glitch_txt.png) no-repeat 42% 35% /
    85%;
}

.game-wrap .game-step.main-content .content-section .glitch-txt::before,
.game-wrap .game-step.main-content .content-section .glitch-txt::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.game-wrap .game-step.main-content .content-section .glitch-txt::before {
  left: -0.1rem;
  text-shadow: 3px 0 rgba(0, 229, 255, 0.6);
  animation: simple-glitch-1 0.5s infinite;
}

.game-wrap .game-step.main-content .content-section .glitch-txt::after {
  left: 0;
  text-shadow: -3px 0 rgba(251, 0, 255, 0.6);
  animation: simple-glitch-2 0.5s infinite;
}

@keyframes simple-glitch {
  0%,
  89%,
  94%,
  100% {
    transform: translate(-50%, -50%) skew(0deg);
  }

  90%,
  93% {
    transform: translate(-50%, -50%) skew(20deg);
  }

  91%,
  92% {
    transform: translate(-50%, -50%) skew(-20deg);
  }
}

@keyframes simple-glitch-1 {
  0%,
  89%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }

  90%,
  94% {
    transform: translateX(-5px);
    opacity: 0.8;
  }

  92%,
  96% {
    transform: translateX(5px);
    opacity: 0.8;
  }
}

@keyframes simple-glitch-2 {
  0%,
  89%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }

  90%,
  94% {
    transform: translateX(5px);
    opacity: 0.8;
  }

  92%,
  96% {
    transform: translateX(-5px);
    opacity: 0.8;
  }
}

.game-wrap .game-step.main-content .button-section {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 0.62rem;
  position: absolute;
  bottom: 2.5rem;
  width: 100%;
}

.game-wrap .game-step.main-content .button-section li {
  display: flex;
  width: 28.25rem;
  height: 5.75rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
  cursor: pointer;
}

.game-wrap .game-step .button-section li.btn-next {
  display: flex;
  width: 28.25rem;
  height: 5.75rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100%
    100%;
  color: #fff;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.72);
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  filter: drop-shadow(0px 0px 8px #b349ff);
}

.game-wrap .game-step.main-content .button-section li.btn-next {
  pointer-events: none;
  opacity: 0;
  animation: displayBtn 0.1s ease-in-out forwards 1s;
}

@keyframes displayBtn {
  0% {
    pointer-events: none;
    opacity: 0;
    cursor: default;
  }

  100% {
    pointer-events: auto;
    opacity: 1;
    cursor: pointer;
  }
}

.game-wrap .game-step.chat-content-wrapper {
  width: 100%;
  padding-top: 12.5rem;
  position: relative;
}

.game-wrap .game-step.chat-content-wrapper.other-character.chapter-1 {
  padding-top: 9.5rem;
}

.game-wrap .game-step.chat-content-wrapper .chat-content {
  display: inline-flex;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 10%, #fff 100%);
  position: absolute;
  opacity: 0;
}

.game-wrap .game-step.chat-content-wrapper .chat-content span {
  color: #0d001b;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 1.225rem */
}

.game-wrap .game-step.chat-content-wrapper .chat-content p {
  color: #0d001b;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.1375rem */
  text-align: left;
}

.game-wrap .game-step.chat-content-wrapper .chat-content:before {
  content: '';
  width: 3.5rem;
  height: 3.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2.png) no-repeat 50% 0% /
    180% #121721;
  border-radius: 50%;
}

.game-wrap .game-step.chat-content-wrapper .chat-content div {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

.game-wrap .game-step.chat-content-wrapper .chat-content.chat-1 {
  top: 0rem;
  right: 2.75rem;
  animation: up-text 0.5s ease-in-out forwards;
}

.game-wrap .game-step.chat-content-wrapper .chat-content.chat-2 {
  top: 21rem;
  left: 1.5rem;
  animation: up-text 0.5s ease-in-out 0.5s forwards;
}

.game-wrap .game-step.chat-content-wrapper .chat-content.chat-3 {
  top: 27.5rem;
  right: 1.5rem;
  animation: up-text 0.5s ease-in-out 1s forwards;
}

@keyframes up-text {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.game-wrap .game-step.chapter-4 .content-section .random-position-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Press Start 2P';
  font-size: 1.025rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  letter-spacing: -0.0325rem;
  text-transform: uppercase;
  position: absolute;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}

.game-wrap .game-step.chapter-4 .content-section .random-position-txt:nth-child(2) {
  transition-delay: 0.2s;
}

.game-wrap .game-step.chapter-4 .content-section .random-position-txt:nth-child(3) {
  transition-delay: 0.4s;
}

.game-wrap .game-step.chapter-4 .content-section .random-position-txt:before {
  content: '“Why so serious?';
  color: #cb0bdd;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff, 0px -3px 0px rgba(0, 229, 255, 0.6), 0px 2px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Press Start 2P';
  font-size: 1.025rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  letter-spacing: -0.0325rem;
  text-transform: uppercase;
  position: absolute;
  bottom: -0.25rem;
  z-index: -1;
}

.game-wrap .game-step.chapter-1 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_2.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-2 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_3.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-3 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_4.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-4 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_5.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-5 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_6.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-6 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_end_1.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-6.success {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_end_2.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-6.fail {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_end_3.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-6.fall-last {
  background: #0d001b;
}

.game-wrap .game-step.chapter-6.fall-last .fall-txt {
  animation: shake 0.2s ease-in-out infinite;
}

.game-wrap .game-step.step72 > .content-section .fall-txt {
  top: 0;
  left: 0;
  position: static;
  animation: shake 0.2s ease-in-out infinite !important;
}

.game-wrap .game-step.step72 > .content-section {
  display: flex;
  align-items: center;
}

.game-wrap .game-step.chapter-6-intro {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_7_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.chapter-6-intro-1 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_7_intro-1.png) no-repeat center /
    cover;
}

.game-wrap .game-step.end-chapter {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_hos.png) no-repeat center / cover;
}

.game-wrap .game-step.end-chapter-1 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_hos_1.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-1.other-character.step12 {
  animation: transitionBg 0.5s ease-in-out forwards;
}

@keyframes transitionBg {
  from {
    background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_2.png) no-repeat center / cover;
  }

  to {
    background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_2_pink.png) no-repeat center /
      cover;
  }
}

.game-wrap .game-step.chapter-1.other-character .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2_other.png) no-repeat
    bottom / contain;
}

.game-wrap .game-step.chapter-1 .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2.png) no-repeat bottom /
    contain;
}

.game-wrap .game-step.chapter-2 .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_3.png) no-repeat bottom /
    contain;
}

.game-wrap .game-step.chapter-3.other-character .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_4_other.png) no-repeat
    bottom / contain;
}

.game-wrap .game-step.chapter-3 .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_4.png) no-repeat bottom /
    contain;
}

.game-wrap .game-step.chapter-4.other-character .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_5_other.png) no-repeat
    bottom / contain;
}

.game-wrap .game-step.no-character.step12 .content-section {
  background: none !important;
}

.game-wrap .game-step.chapter-1.other-character.step13 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_2_pink.png) no-repeat center / cover;
}

.game-wrap .game-step.chapter-4.other-character.step36 .content-section {
  animation: opacity 0.5s ease-in-out forwards;
}

.game-wrap .game-step.chapter-4 .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_5.png) no-repeat bottom /
    contain;
}

.game-wrap .game-step.chapter-5.other-character .content-section {
  animation: shake 0.2s ease-in-out;
  animation-iteration-count: 5;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_6_other.png) no-repeat
    bottom / contain;
}

.game-wrap .game-step.no-character.step37 .content-section {
  animation: none !important;
  background: none !important;
}

.game-wrap .game-step.fall {
  background: none !important;
}

.game-wrap .game-step.fall .only-shake-bg {
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_fall.png) no-repeat center / cover;
  animation: shake 0.2s ease-in-out infinite;
  position: absolute;
}

.game-wrap .game-step.fall.step55 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_fall.png) no-repeat center / cover !important;
}

.game-wrap .game-step.fall.step63 {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_fall.png) no-repeat center / cover !important;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-2px);
  }

  50% {
    transform: translateX(2px);
  }

  75% {
    transform: translateX(-2px);
  }

  100% {
    transform: translateX(0);
  }
}

.game-wrap .game-step.chapter-5 .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_6.png) no-repeat bottom /
    contain;
}

.game-wrap .game-step.chapter-1-intro .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_2_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.chapter-2-intro .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_3_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.chapter-3-intro .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_4_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.chapter-4-intro .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_5_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.chapter-5-intro .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_6_intro.png) no-repeat center /
    cover;
}

.game-wrap .game-step.no-character .content-section {
  animation: opacityTrue 0.5s ease-in-out forwards;
}

.game-wrap .game-step.step18 .fixed-top-content.other-chat {
  z-index: 0;
}

.game-wrap .game-step.step18 .content-section {
  z-index: -1;
}

.game-wrap .game-step.step49 .content-section:before,
.game-wrap .game-step.step49 .content-section:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  z-index: 1;
  filter: blur(20px);
  animation: chapterIntroTop 0.5s ease-in-out forwards 0.3s;
}

.game-wrap .game-step.step49 .content-section:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 95%, rgba(255, 255, 255, 1) 5%);
}

.game-wrap .game-step.step49 .content-section:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 95%, rgba(255, 255, 255, 1) 5%);
}

.game-wrap .game-step.step72 .only-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_fall_last.png) no-repeat center /
    cover;
  animation: opacity 1s ease-in-out forwards 0.3s;
}

.game-wrap .game-step.step72.main-content-wrapper {
  animation: shake 0.2s ease-in-out infinite;
}

.game-wrap .game-step.step73 .chat-bbl-txt {
  animation: opacityTrue 0.5s ease-in-out forwards;
}

.game-wrap .game-step.step49 .purple-sml.main-content-wrapper {
  opacity: 0;
  animation: opacityTrue 0.1s ease-in-out forwards 1s;
}

@keyframes opacity {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes opacityTrue {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.game-wrap .game-step.no-bg {
  background: linear-gradient(0deg, #0d001b 0%, #0d001b 100%) !important;
}

.game-wrap .game-step.no-bg .chat-bbl-txt {
  width: 28.25rem;
  height: 10.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 28.25rem;
  background: radial-gradient(50% 50% at 50% 50%, #fff 85%, rgba(255, 255, 255, 0) 100%);
  color: #0d001b;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.95rem */
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-wrap .game-step.end-chapter .content-section .content-black-txt {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/main_content_fixed_top_bg.png) no-repeat center /
    100% 100%;
  display: flex;
  width: 28.25rem;
  height: 8.75rem;
  padding: 0rem 0.625rem 0.75rem 0.625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.game-wrap .game-step.main-content .count-number-txt {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 30px rgba(255, 66, 201, 0.4), 0px 0px 20px #b349ff, 0px -6px 0px rgba(0, 229, 255, 0.6),
    0px 6px 0px rgba(251, 0, 255, 0.6);
  font-family: 'Press Start 2P';
  font-size: 6.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 8.125rem */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* result */
.game-wrapper.basic .game-result {
  padding: 3.75rem 0 0rem 0;
  background-position: initial;
  background-size: initial;
  background: #0d001b;
}

.game-result .result-content-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.game-result .ttl-capture-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 5rem;
}

.game-result .ttl-capture-wrapper .ttl {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  position: relative;
  margin-bottom: 0.75rem;
}

.game-result .ttl-capture-wrapper .ttl:before {
  content: '';
  width: 5.6875rem;
  height: 0.5rem;
  position: absolute;
  display: block;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_ttl_top_deco.png) no-repeat center /
    100% 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -1.25rem;
}

.game-result .ttl-capture-wrapper .ttl b {
  font-weight: 700;
}

.game-result .ttl-capture-wrapper .result-capture-container {
  width: 26.25rem;
  height: 32.813rem;
  aspect-ratio: 4/5;
  position: relative;
}

.game-result .ttl-capture-wrapper .result-capture-container-inner {
  width: 100%;
  height: 100%;
}

.game-result .ttl-capture-wrapper .result-capture-container-inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 31.25rem;
  height: 25%;
  left: -2.5rem;
  top: 8.5rem;
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BDFH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(223, 181, 86, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BCFH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(240, 197, 140, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ADFH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(252, 255, 64, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BCEH:before {
  background: linear-gradient(180deg, rgba(169, 87, 255, 0) 0%, rgba(191, 92, 0, 0.24) 50%, rgba(169, 87, 255, 0) 100%);
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BDFG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(22, 116, 131, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ACEH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(255, 192, 140, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ACFH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(72, 255, 156, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ADFG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(194, 107, 0, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ACEG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(123, 222, 103, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ACFG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(255, 70, 187, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ADEG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(57, 186, 255, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.ADEH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(0, 182, 182, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BCEG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(4, 255, 242, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BCFG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(242, 86, 43, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BDEG:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(180, 238, 93, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner.BDEH:before {
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 0%,
    rgba(221, 162, 87, 0.24) 50%,
    rgba(169, 87, 255, 0) 100%
  );
}

.game-result .ttl-capture-wrapper .result-capture-container-inner > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl span:before,
.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl span:after {
  content: '';
  display: block;
  width: 0.375rem;
  height: 1.5rem;
  aspect-ratio: 1/4;
}

.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl span:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_open.png) no-repeat center /
    100% 100%;
}

.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl span:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_close.png) no-repeat center /
    100% 100%;
}

.game-result .ttl-capture-wrapper .result-capture-container .capture-ttl b {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 3.9rem */
  padding-top: 3.976rem;
}

.game-result .ttl-capture-wrapper .result-capture-container .result-capture-container-inner {
  position: relative;
  background: rgba(28, 1, 58, 1);
}

.game-result .ttl-capture-wrapper .result-capture-container.frame-1 .capture-ttl {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.79rem;
}

.game-result .ttl-capture-wrapper .result-capture-container .select-char {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 1rem;
}

.game-result .ttl-capture-wrapper .result-capture-container .select-char img {
  width: 18rem;
  height: 18rem;
}

.game-result .ttl-capture-wrapper .capture-desc {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 1.5rem */
  margin-top: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  opacity: 0.7;
}

.game-result .ttl-capture-wrapper .capture-desc:after,
.game-result .ttl-capture-wrapper .capture-desc:before {
  content: '';
  width: 0.625rem;
  height: 0.5rem;
  aspect-ratio: 5/4;
  display: block;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_tri_vector.png) no-repeat center / 100%
    100%;
}

.game-result .event-section-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2rem;
  width: calc(100% - 3rem);
}

.game-result .event-section-wrapper .event-section-wrapper-inner {
  width: 100%;
}

.game-result .event-section-wrapper .ttl {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.game-result .event-section-wrapper .ttl span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.game-result .event-section-wrapper .ttl span:after,
.game-result .event-section-wrapper .ttl span:before {
  content: '';
  display: block;
  width: 0.375rem;
  height: 1.5rem;
  aspect-ratio: 1/4;
}

.game-result .event-section-wrapper .ttl span:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_open.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .ttl span:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_close.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .ttl h4 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 2.275rem */
}

.game-result .event-section-wrapper .ttl p {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-result .event-section-wrapper .ttl p:before,
.game-result .event-section-wrapper .ttl p:after {
  content: '';
  display: block;
  width: 2.8125rem;
  height: 0.25rem;
  aspect-ratio: 45/4;
}

.game-result .event-section-wrapper .ttl p:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_left.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .ttl p:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_right.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .event-goods-info {
  display: flex;
  flex-flow: column;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, #0d001b 0%, #51198d 89.9%, #5f1aa9 93.75%, #0d001b 100%);
}

.game-result .event-section-wrapper .event-goods-info .top-deco {
  display: flex;
  padding: 0.375rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, #000 45%, rgba(55, 55, 67, 0.8) 85%, #000 100%);
}

.game-result .event-section-wrapper .event-goods-info .top-deco span {
  color: #fff;
  font-family: 'Press Start 2P';
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 0.8125rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-result .event-section-wrapper .event-goods-info .top-deco p {
  width: 0.875rem;
  height: 0.8125rem;
  aspect-ratio: 14/13;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_purple_star.png) no-repeat center / 100%
    100%;
}

.game-result .event-section-wrapper .event-goods-info .main-txt {
  display: flex;
  padding: 1.5rem 0.625rem 1.5rem 1.75rem;
  align-items: center;
  gap: 0.25rem;
}

.game-result .event-section-wrapper .main-txt .left {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1;
}

.game-result .event-section-wrapper .main-txt .left h4 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.62rem;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  align-items: center;
}

.game-result .event-section-wrapper .main-txt .left .event-title-wrapper {
  width: 100%;
  text-align: left;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
}

.game-result .event-section-wrapper .main-txt .left img {
  width: 10.688rem;
  height: 100%;
  padding-bottom: 0.62rem;
  margin-left: -0.438rem;
}

.game-result .event-section-wrapper .main-txt .left h4:before,
.game-result .event-section-wrapper .main-txt .left h4:after {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.625rem;
  aspect-ratio: 5/4;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_result_ttl_deco_rect.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .main-txt .left h4:after {
  transform: rotate(180deg);
}

.game-result .event-section-wrapper .main-txt .left ul {
  display: flex;
  flex-flow: column;
  text-align: left;
  gap: 1.25rem;
}

.game-result .event-section-wrapper .main-txt .left ul li {
  display: flex;
  flex-flow: column;
  gap: 0.62rem;
}

.game-result .event-section-wrapper .main-txt .left ul li span {
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.6) 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  gap: 0.19rem;
  align-items: center;
  justify-content: flex-start;
}

.game-result .event-section-wrapper .main-txt .left ul li span:before,
.game-result .event-section-wrapper .main-txt .left ul li span:after {
  content: '';
  display: block;
  width: 0.25rem;
  height: 1rem;
  aspect-ratio: 1/4;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_result_txt_deco.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .main-txt .left ul li span:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_result_txt_deco_right.png) no-repeat center /
    100% 100%;
}

.game-result .event-section-wrapper .main-txt .left ul li p {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.3rem */
}

.game-result .event-section-wrapper .main-txt .right {
  width: 10rem;
  height: 15.125rem;
  flex: 0 10rem;
}

.game-result .event-section-wrapper .main-txt .right img {
  width: 100%;
  height: 100%;
}

.game-result .event-section-wrapper button {
  display: flex;
  width: 26.25rem;
  height: 5.3125rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #fff;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.72);
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100%
    100%;
  filter: drop-shadow(0px 0px 8px #b349ff);
}

.game-result .other-player-choice {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1.75rem;
  margin-top: 3.75rem;
  width: 100%;
}

.game-result .other-player-choice .ttl span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.1125rem */
  gap: 0.25rem;
}

.game-result .other-player-choice .ttl span:before,
.game-result .other-player-choice .ttl span:after {
  content: '';
  display: block;
  width: 2.8125rem;
  height: 0.25rem;
  aspect-ratio: 45/4;
}

.game-result .other-player-choice-inner {
  width: 100%;
}

.game-result .other-player-choice .ttl span:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_left.png) no-repeat center /
    100% 100%;
}

.game-result .other-player-choice .ttl span:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_right.png) no-repeat center /
    100% 100%;
}

.game-result .other-player-choice .other-player-choice-swiper {
  position: relative;
  width: 100%;
  margin-top: 2rem;
  padding: 0 2.75rem;
}

.game-result .other-player-choice .other-player-choice-swiper .swiper-wrapper {
  width: calc(100% - 5.5rem);
}

.game-result .other-player-choice .swiper-next,
.game-result .other-player-choice .swiper-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.75rem;
  height: 2.75rem;
  z-index: 99;
  cursor: pointer;
}

.game-result .other-player-choice .swiper-next.swiper-button-disabled,
.game-result .other-player-choice .swiper-prev.swiper-button-disabled {
  cursor: default;
}

.game-result .other-player-choice .swiper-prev {
  left: 0;
}

.game-result .other-player-choice .swiper-next {
  right: 0;
}

.game-result .other-player-choice .swiper-prev.swiper-button-disabled {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_swiper_left_default.png) no-repeat
    center / cover;
}

.game-result .other-player-choice .swiper-next.swiper-button-disabled {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_swiper_right_default.png) no-repeat
    center / 30%;
}

.game-result .other-player-choice .swiper-prev {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_swiper_left_active.png) no-repeat center /
    40%;
}

.game-result .other-player-choice .swiper-next {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_swiper_right_active.png) no-repeat
    center / 40%;
}

.game-result .other-player-choice .swiper-slide ul {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1rem;
}

.game-result .other-player-choice .swiper-slide ul li:nth-child(1),
.game-result .other-player-choice .swiper-slide ul li:nth-child(3) {
  display: flex;
  height: 4.3125rem;
  padding: 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  border-radius: 0.25rem;
  position: relative;
  /* background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100% 100%; */
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #20152b;
}

.game-result .other-player-choice .swiper-slide ul li:nth-child(1):after,
.game-result .other-player-choice .swiper-slide ul li:nth-child(3):after {
  content: attr(attr-percent);
  position: absolute;
  right: 1.1875rem;
  top: 1.25rem;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-result .other-player-choice .swiper-slide ul li:nth-child(2) {
  width: 1.875rem;
  height: 1.125rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_result_choise_percent_versus.png) no-repeat
    top / 120%;
}

.game-result .other-player-choice .swiper-slide ul li .inner-percent {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, #6b587d 0%, #2e213b 100%);
  z-index: -1;
}

.game-result .other-player-choice .swiper-slide ul li.my-choice .inner-percent {
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%);
}

.game-result .other-player-choice .swiper-slide ul li p {
  position: absolute;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-result .other-player-choice .swiper-slide ul li.my-choice:before {
  content: '';
  display: block;
  position: absolute;
  left: -0.5rem;
  top: -0.5rem;
  width: 4.5625rem;
  height: 1.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_select_list_my_choice.png) no-repeat
    center / 100% 100%;
}

.game-result .other-player-choice .swiper-slide ul li p {
  position: absolute;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-result .synergy-section-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 5rem;
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 26%,
    rgba(169, 87, 255, 0.35) 46%,
    rgba(169, 87, 255, 0) 60%
  );
}

.game-result .synergy-section-wrapper .synergy-section-wrapper-inner {
  width: calc(100% - 3rem);
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}

.game-result .synergy-section-wrapper .synergy-section-wrapper-inner:before {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(169, 87, 255, 0) 26%,
    rgba(169, 87, 255, 0.35) 46%,
    rgba(169, 87, 255, 0) 60%
  );
}

.game-result .synergy-section-wrapper .ttl {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.game-result .synergy-section-wrapper .ttl span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.game-result .synergy-section-wrapper .ttl span:after,
.game-result .synergy-section-wrapper .ttl span:before {
  content: '';
  display: block;
  width: 0.375rem;
  height: 1.5rem;
  aspect-ratio: 1/4;
}

.game-result .synergy-section-wrapper .ttl span:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_open.png) no-repeat center /
    100% 100%;
}

.game-result .synergy-section-wrapper .ttl span:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_close.png) no-repeat center /
    100% 100%;
}

.game-result .synergy-section-wrapper .ttl b {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.game-result .synergy-section-wrapper .ttl b:before,
.game-result .synergy-section-wrapper .ttl b:after {
  content: '';
  display: block;
  width: 2.8125rem;
  height: 0.25rem;
}

.game-result .synergy-section-wrapper .ttl b:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_left.png) no-repeat center /
    100% 100%;
}

.game-result .synergy-section-wrapper .ttl b:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_ttl_deco_line_right.png) no-repeat center /
    100% 100%;
}

.game-result .synergy-section-wrapper ul {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  padding: 1.25rem 1rem 0;
}

.game-result .synergy-section-wrapper ul li {
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.75rem;
}

.game-result .synergy-section-wrapper ul li span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  width: 6.75rem;
  height: 1.8125rem;
}

.game-result .synergy-section-wrapper ul li.best span {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_best_ttl.png) no-repeat center / cover;
}

.game-result .synergy-section-wrapper ul li.worst span {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_worst_ttl.png) no-repeat center / cover;
}

.game-result .synergy-section-wrapper ul li img {
  width: 12.5rem;
  height: 12.5rem;
  aspect-ratio: 1/1;
}

.game-result .synergy-section-wrapper ul li p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-result .synergy-section-wrapper .btn-more {
  display: flex;
  height: 2.625rem;
  padding: 0.5rem 0.875rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-top: 1.38rem;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, #6b587d 0%, #2e213b 100%);
}

.game-result .synergy-section-wrapper .btn-more:after {
  content: '';
  display: block;
  width: 0.5125rem;
  height: 0.825rem;
  aspect-ratio: 1/2;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_allRank_arrow.png) no-repeat center / 100%
    100%;
}

.game-result .synergy-section-wrapper .btn-restart {
  display: flex;
  width: 26.25rem;
  height: 5.3125rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100%
    100%;
  filter: drop-shadow(0px 0px 8px #b349ff);
  color: #fff;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.72);
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 1.5rem;
  /* 2.275rem */
}

.game-result .recommend-section-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 5rem;
}

.game-result .contents-more {
  background: #210c37;
  box-shadow: 2px -2px 10px 0px rgba(0, 0, 0, 0.1);
  flex-flow: wrap;
  margin: 0;
  padding-bottom: 2.25rem;
  padding-top: 2.5rem;
  margin-top: -1px;
}

.game-result .contents-more .contents-main {
  flex: 1 100%;
  margin: 0;
  align-items: flex-start;
  padding: 0 1.8rem 1rem;
}

.game-result .contents-more .contents-main .contents-logo {
  width: 8.75rem;
  height: 1.875rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/img_logo_white.png) no-repeat center / 100%
    100%;
}

.contents-more .contents-main .contents-logo img {
  display: none;
}

.game-result .contents-more .contents-main .sub-text {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.125rem;
  /* 141.667% */
}

.game-result .contents-more .contents-list {
  flex: 1 100%;
  padding: 0;
  border-left: 0;
}

.game-result .contents-more .contents-list .game-btn {
  margin: 0;
  border: 0;
  background: transparent;
  padding: 1.75rem 1.94rem;
  display: flex;
  justify-content: space-between;
  order: 1;
  border-radius: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.game-result .contents-more .contents-list .game-btn a {
  color: #fff;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: 'Pretendard';
  order: -1;
}

.game-result .contents-more .contents-list .game-btn:before {
  display: block;
  position: static;
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/expand_more.png) no-repeat center center/100%
    100%;
  transform-origin: center;
}

.game-result .recommend-list {
  margin: 0;
  background-color: #210c37;
  border-top: 0;
  width: 100%;
}

.game-result .recommend-list .inner .title {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.50013rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.033rem;
  padding: 0;
  margin: 0;
  padding-left: 1.46rem;
  margin-bottom: 0.48rem;
}

.game-result .recommend-list .swiper-container {
  padding: 0;
  padding-left: 2.17rem;
  margin-bottom: 3.25rem;
}

.game-result .recommend-list .slide-box .img-box {
  height: 10.83406rem;
}

.game-result .recommend-list .swiper-slide {
  width: 10.83406rem;
  height: 13.33425rem;
}

.game-result .recommend-list .slide-box {
  width: 10.83406rem;
  height: 13.33425rem;
  border: 0.3rem solid #000;
}

.game-result .recommend-list .slide-box .slide-text {
  background-color: #fff;
  color: #000;
  font-size: 1.00006rem;
  font-family: 'Pretendard';
  font-weight: 500;
  letter-spacing: -0.022rem;
}

.game-result .recommend-list .btn-wrap {
  padding-bottom: 4rem;
  position: relative;
  z-index: 999;
}

.game-result .recommend-list .btn-wrap .btn-white-round {
  width: 15.25106rem;
  height: 4.00025rem;
  flex-shrink: 0;
  border-radius: 2.00013rem;
  background: linear-gradient(180deg, rgba(18, 0, 36, 0.8) 17.56%, #080011 86.96%), #fff;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25006rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0275rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.game-result .recommend-list:before {
  content: none;
}

.all-rank-container {
  background: #0d001b;
  min-height: 100%;
}

.all-rank-wrapper {
  padding-top: 3.75rem;
}

.all-rank-wrapper .ttl {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 2.1125rem */
  position: relative;
}

.all-rank-wrapper .ttl:before {
  content: '';
  width: 5.6875rem;
  height: 0.5rem;
  position: absolute;
  display: block;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_ttl_top_deco.png) no-repeat center /
    100% 100%;
  left: 50%;
  transform: translateX(-50%);
  top: -1.25rem;
}

.all-rank-wrapper .ttl b {
  font-weight: 700;
}

.all-rank-wrapper .rank-box {
  width: 100%;
  padding: 0 1.5rem 6.25rem;
  margin-top: 0.75rem;
}

.all-rank-wrapper .rank_title_wrap {
  display: none;
}

.game-wrapper.basic .test-lists-wrap {
  padding-bottom: 0;
}

.all-rank-wrapper .test-lists-wrap .test-lists {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
  padding: 0 1.5rem 6.25rem;
  margin-top: 0.75rem;
}

.all-rank-wrapper .test-lists-wrap .test-lists li {
  display: flex;
  position: relative;
  width: 100%;
  padding: 1rem 1.25rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid #a957ff;
  background: linear-gradient(180deg, #3a0077 0%, #000 69.4%);
  cursor: pointer;
}

.all-rank-wrapper .test-lists-wrap .test-lists li .left {
  display: flex;
  align-items: center;
}

.all-rank-wrapper .test-lists-wrap .test-lists li .left .rank {
  color: #a957ff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  margin-right: 0.75rem;
  padding: 0rem 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.all-rank-wrapper .test-lists-wrap .test-lists li .left p {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 0.975rem */
  display: flex;
  gap: 0.25rem;
  flex-flow: column;
  align-items: flex-start;
}

.all-rank-wrapper .test-lists-wrap .test-lists li .left p b {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.all-rank-wrapper .test-lists-wrap .test-lists li .right .char-img {
  width: 7.5rem;
  height: 7.5rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 0.625rem;
  border: 1px solid #a957ff;
  overflow: hidden;
}

.all-rank-wrapper .test-lists-wrap .test-lists li .right .char-img img {
  width: 100%;
  height: 100%;
}

/* qa 이후 수정 사항들 */
.blusher {
  margin: 0;
  height: 100vh;
  background: linear-gradient(125deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  background-size: 400% 400%;
  animation: gradientShift 2s ease infinite;
  position: absolute;
  width: 300px;
  height: 300px;
  transform: translate(-50%, -50%);
  filter: blur(70px);
  left: 50%;
  top: 50%;
  border-radius: 50%;
}

/* 2) 그라데이션이 살짝 흘러가도록 애니메이션 */
@keyframes gradientShift {
  0% {
    background: linear-gradient(125deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  }

  25% {
    background: linear-gradient(220deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  }

  50% {
    background: linear-gradient(280deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  }

  75% {
    background: linear-gradient(340deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  }

  100% {
    background: linear-gradient(125deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  }
}

.blusher-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.blusher-effect {
  width: 10rem;
  height: 10rem;
  background: linear-gradient(125deg, #ff9a9e 0%, #fad0c4 33%, #fad0c4 66%, #fbc2eb 100%);
  background-size: 400% 400%;
  animation: gradientShift 2s ease infinite;
  position: absolute;
  transform: translate(-50%, -50%);
  filter: blur(35px);
  left: 50%;
  top: 20%;
  border-radius: 50%;
  z-index: 3;
  will-change: transform;
  backface-visibility: hidden;
}

#character-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2_other.png) no-repeat
    bottom / contain;
  z-index: 1;
  /* 위쪽 꼭짓점만 남기고 다 자르기 */
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  opacity: 0.5;
  transition: opacity 0.2s ease;
  will-change: clip-path, opacity, transform;
  backface-visibility: hidden;
}

/* 블러 효과를 위한 새 요소 */
#character-blur-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2_other.png) no-repeat
    bottom / contain;
  z-index: 0;
  filter: blur(200px);
  opacity: 0.1;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  will-change: clip-path, opacity, transform;
  backface-visibility: hidden;
}

.game-wrap .game-step.step12.tired .content-section,
.game-wrap .game-step.step13.tired .content-section {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_chapter_character_2_tired.png) no-repeat
    bottom / contain !important;
}

.game-wrap .game-step.chapter-1.step12.other-character .content-section {
  background: none !important;
}

.game-wrapper {
  background: #0d001b;
}

.game-intro .promotion-wrapper {
  display: flex;
  width: 23.625rem;
  padding: 1rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, #fff 36.06%, rgba(255, 255, 255, 0.8) 100%);
  margin: 0 auto 5.31rem;
  position: relative;
}

.game-intro .promotion-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  width: 0.9375rem;
  height: 0.6875rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/intro_promotion_txt_deco.png) no-repeat center /
    100% 100%;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.game-intro .promotion-wrapper p {
  color: #0d001b;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  letter-spacing: -0.025rem;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.game-intro .promotion-wrapper p:before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_intro_warn.png) no-repeat center / 100%
    100%;
}

.game-intro .promotion-wrapper p span {
  display: flex;
  width: 10.625rem;
  padding: 0.125rem 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  letter-spacing: -0.0275rem;
  margin-top: 0.25rem;
  margin-right: 0.13rem;
}

.sound-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 0, 27, 0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sound-modal-wrapper {
  margin: 0 1.88rem;
  width: 100%;
  display: flex;
  padding: 2rem 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid #a653ff;
  background: linear-gradient(180deg, rgba(18, 0, 36, 0.9) 17.56%, #080011 86.96%);
}

.sound-modal-wrapper > span {
  display: flex;
  width: 3.5625rem;
  height: 3.0625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/purple_sml_sound_ico.png) no-repeat center /
    100% 100%;
  position: relative;
  filter: drop-shadow(-2px -2px 0px rgba(0, 229, 255, 0.8)) drop-shadow(2px 2px 0px rgba(251, 0, 255, 0.8));
}

.sound-modal-wrapper p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.sound-modal-wrapper p span {
  color: #c893ff;
}

.sound-modal-wrapper .btn-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
  height: 3.75rem;
}

.sound-modal-wrapper .btn-wrap button {
  display: flex;
  height: 100%;
  padding: 0.5rem 0.75rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: right;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.055rem;
}

.sound-modal-wrapper .btn-wrap .btn-mute {
  background: linear-gradient(180deg, #373743 0%, #1b1c21 50%, #373743 100%);
}

.sound-modal-wrapper .btn-wrap .btn-play {
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%);
}

/* 2025-07-28 이벤트 영역 제거 */
/* .game-result .particle-bg-wrapper {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/bg_intro_stellar.png) no-repeat center / 100%
    100%;
}

.game-result .particle-bg-wrapper .event-item-wrapper h1 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  filter: drop-shadow(-3px -3px 0px rgba(32, 128, 178, 0.8)) drop-shadow(3px 3px 0px rgba(161, 19, 189, 0.8));
}

.game-result .particle-bg-wrapper h1:before,
.game-result .particle-bg-wrapper h1:after {
  content: '';
  display: block;
  width: 8.25rem;
  height: 0.75rem;
}

.game-result .particle-bg-wrapper h1:before {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_event_ttl_deco_open.png) no-repeat
    center / 100% 100%;
}

.game-result .particle-bg-wrapper h1:after {
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_event_ttl_deco_close.png) no-repeat
    center / 100% 100%;
} */

.game-result .event-item-wrapper {
  margin-top: 3.75rem;
}

.game-result .event-item-wrapper-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.game-result .event-item-wrapper .item-list-img {
  width: 28.25rem;
  height: 20.9375rem;
  flex-shrink: 0;
  aspect-ratio: 452/335;
  object-fit: cover;
}

.game-result .event-item-wrapper .ttl span {
  text-align: center;
  font-family: 'Pretendards';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.game-result .event-item-wrapper .ttl span:before {
  content: '';
  display: block;
  width: 0.375rem;
  height: 1.5rem;
  aspect-ratio: 1/4;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_open.png) no-repeat center /
    100% 100%;
}

.game-result .event-item-wrapper .ttl span:after {
  content: '';
  display: block;
  width: 0.375rem;
  height: 1.5rem;
  aspect-ratio: 1/4;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_parentheses_close.png) no-repeat center /
    100% 100%;
}

.game-result .event-item-wrapper .ttl h2 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.95rem */
  margin-bottom: 0.75rem;
}

.game-result .event-item-wrapper .ttl i {
  font-style: normal;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff;
  font-family: 'Pretendard Variable';
  font-size: 2.35rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 3.25rem */
}

.game-result .event-item-wrapper .ttl b {
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 2.35rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
}

.game-result .event-item-wrapper .info-txt span {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.4625rem */
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-result .event-item-wrapper .info-txt p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.3rem */
  opacity: 0.7;
  margin-bottom: 1.75rem;
  margin-top: 0.75rem;
}

.game-result .event-item-wrapper .machin-wrapper {
  width: 28.25rem;
  height: 31.125rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  margin-top: 0.25rem;
  margin-bottom: 1.75rem;
  position: relative;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_event_1_img.png) no-repeat center /
    cover;
}

.game-result .event-item-wrapper .machin-wrapper button {
  width: 9.375rem;
  height: 9.375rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  left: 50%;
  top: 9.44rem;
  transform: translateX(-50%);
  position: absolute;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/result_event_1_btn_img.png) no-repeat center /
    cover;
  animation: bgSize 2s linear infinite;
}

@keyframes bgSize {
  0% {
    background-size: 100% 100%;
  }

  50% {
    background-size: 110% 110%;
  }

  100% {
    background-size: 100% 100%;
  }
}

.game-result .event-item-wrapper .sub-ttl {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 4px #b349ff;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.game-result .event-item-wrapper .sub-ttl:before,
.game-result .event-item-wrapper .sub-ttl:after {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.625rem;
  flex-shrink: 0;
  aspect-ratio: 5/4;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_result_sub_ttl_deco.png) no-repeat center /
    contain;
  filter: drop-shadow(0px 0px 4px #b349ff);
}

.game-result .event-item-wrapper .sub-ttl:nth-of-type(1):before,
.game-result .event-item-wrapper .sub-ttl:nth-of-type(1):after {
  content: none;
}

.game-result .event-item-wrapper .sub-ttl:after {
  transform: rotate(180deg);
}

.game-result .event-item-wrapper .sub-ttl b {
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

.game-result .event-item-wrapper .sub-ttl i {
  font-style: normal;
  text-shadow: 0px 0px 4px #b349ff;
}

.game-result .sec-event-item-wrapper {
  margin-top: 3.75rem;
}

.game-result .sec-event-item-wrapper h1 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  filter: drop-shadow(-3px -3px 0px rgba(32, 128, 178, 0.8)) drop-shadow(3px 3px 0px rgba(161, 19, 189, 0.8));
}

.game-result .sec-event-item-wrapper .ttl {
  margin-bottom: 0.75rem;
}

.game-result .sec-event-item-wrapper .ttl h2 {
  color: #fff;
  text-align: center;
  /* text-shadow: 0px 0px 4px #B349FF; */
  font-family: 'Pretendard';
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 3.25rem */
}

.game-result .sec-event-item-wrapper .ttl span {
  background: linear-gradient(90deg, #cd9eff 0%, #a957ff 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-result .sec-event-item-wrapper .ttl h2 i {
  font-style: normal;
  text-shadow: 0px 0px 4px #b349ff;
}

.game-result .sec-event-item-wrapper-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.game-result .sec-event-item-wrapper-inner > span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.7;
}

.game-result .sec-event-item-wrapper-inner > img {
  margin: 1.75rem 0;
  display: block;
  width: 21.875rem;
  height: 14.1875rem;
}

.game-result .sec-event-item-wrapper-inner > p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.95rem */
}

.game-result .sec-event-item-wrapper-inner > p b {
  font-weight: 700;
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 60%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.game-result .sec-event-item-wrapper button {
  display: flex;
  width: 26.25rem;
  height: 5.3125rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/btn_player_next_bg.png) no-repeat center / 100%
    100%;
  filter: drop-shadow(0px 0px 8px #b349ff);
  color: #fff;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.72);
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 1.5rem;
}

.game-result .download-btn {
  margin-top: 0.75rem;
  display: flex;
  height: 2.625rem;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, #6b587d 0%, #2e213b 100%);
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
}

.game-result .download-btn:after {
  content: '';
  display: block;
  width: 0.9375rem;
  height: 1rem;
  aspect-ratio: 15/16;
  background: url(https://cdn.banggooso.com/assets/images/game268/common/ico_download_wht.png) no-repeat center / 100%
    100%;
}

.game-result .share-wrapper {
  padding-top: 2.62rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.game-result .share-sns-list {
  margin: 3.75rem 0 0;
}

.game-result .share-sns-list .list {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

.game-result .share-sns-list li {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #cd9eff 0%, #a957ff 100%), #fff;
}

.game-result .share-sns-list li + li {
  margin: 0;
}

.game-result .share-sns-list li a {
  width: 100%;
  height: 100%;
}

.game-result .share-sns-list .btn-share.kakao {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_kakao_white.png) no-repeat center /
    1.5125rem 1.38956rem;
}

.game-result .share-sns-list .btn-share.twitter {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_x_white.png) no-repeat center /
    1.725rem 1.5705rem;
}

.game-result .share-sns-list .btn-share.instagram {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_instagram_white.png) no-repeat center /
    1.725rem 1.725rem;
}

.game-result .share-sns-list .btn-share.facebook {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_facebook_white.png) no-repeat center /
    0.825rem 1.81325rem;
}

.game-result .share-sns-list .btn-share.link-copy {
  background: url(https://cdn.banggooso.com/assets/images/common/share_new_common_link_white.png) no-repeat center /
    1.5125rem 1.38956rem;
}

.game-result .share-sns-list .list-title span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01375rem;
}

.game-result .share-sns-list .countBox .countImg {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(https://cdn.banggooso.com/assets/images/game268/common/share.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.game-result .share-sns-list .countBox .countNumber {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  /* 111.111% */
  letter-spacing: -0.011rem;
}