/* 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: 'nelnayesam';
  src: url('https://cdn.banggooso.com/assets/fonts/nelnayesam.ttf') format('truetype');
}

@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@property --hue {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

* {
  box-sizing: border-box;
  transform: skew(0deg);
  letter-spacing: normal;
}

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

body,
html {
  font-size: 16px;
  font-family: 'Pretendard';
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: manipulation;
}

.hidden {
  display: none !important;
}

a,
button,
.cursor-pointer {
  outline: none;
  cursor: pointer;
}

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

input[type='checkbox'],
input[type='radio'] {
  cursor: pointer;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

:root {
  --modal-z-index: 100;
  --modal-bg-z-index: 99;
}

img {
  user-select: none;
  -webkit-user-drag: none; /* Safari, Chrome */
  -khtml-user-drag: none; /* 옛날 Konqueror 브라우저 */
  -moz-user-drag: none; /* Firefox */
  -o-user-drag: none; /* 구형 Opera */
  -webkit-user-drag: none;
  user-select: none; /* 텍스트처럼 선택 방지 */
  -webkit-touch-callout: none;
}

.d-none {
  display: none;
}

/* common */
.btn-clickable {
  cursor: pointer;
}

.btn-clickable:active {
  opacity: 0.7;
}

button.disabled {
  opacity: 0.5;
  cursor: unset;
}

.game-wrapper.basic .game-wrap {
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.share-sns-list .list-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  text-align: center;
  margin-bottom: 0.75rem;
}

.share-sns-list .list-title span {
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0125rem;
}

.share-sns-list .list-title .countBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0;
}

.share-sns-list .list-title .countBox .countImg {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/share.png);
}

.share-sns-list .list-title .countBox .countNumber {
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
}

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

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

.share-sns-list .btn-share {
  width: 3.375rem;
  height: 3.375rem;
  background-color: #4f436f;
  border-radius: 100%;
}

.share-sns-list .btn-share.kakao {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/kakao.png);
  background-size: 1.36125rem;
}

.share-sns-list .btn-share.instagram {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/instagram.png);
  background-size: 1.61081rem;
}

.share-sns-list .btn-share.twitter {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/twitter.png);
  background-size: 1.5525rem;
}

.share-sns-list .btn-share.facebook {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/facebook.png);
  background-size: 0.7425rem;
}

.share-sns-list .btn-share.link-copy {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/linkcopy.png);
  background-size: 1.485rem;
}

/* header */
.game-wrapper.basic .app-header,
.game-wrapper.basic .app-header.page {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  padding: 0 0.5rem;
  border-bottom: 0;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background: rgba(255, 255, 255, 0.01);
  z-index: 9999;
}

.game-wrapper.basic .app-header .app-logo {
  width: 6.875rem;
  background: url(https://cdn.banggooso.com/assets/images/common/logo_2024_white.png) no-repeat center / contain;
}

.game-wrapper.basic .app-header .app-header-btn.back {
  width: 2.625rem;
  height: 2.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/back-white.png) no-repeat center / contain;
}

/* 인트로 */
.game-wrapper.basic .game-intro {
  height: 100%;
  padding-bottom: 0;
  overflow-x: hidden;
}

.game-wrapper.basic .game-intro #intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100dvh;
  padding-top: 4.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/intro/intro-bg.png) no-repeat top / cover;
}

.game-wrapper.basic .game-intro #intro .title-bubble-img {
  width: 13.31888rem;
  height: auto;
}

.game-wrapper.basic .game-intro #intro .title-wrap {
  display: flex;
  padding: 0.8rem 0 1.75rem 0;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap {
  position: relative;
  width: 100%;
  height: 11.3125rem;
  text-align: center;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .title-img {
  width: 18.53456rem;
  height: 11.87494rem;
  aspect-ratio: 296.55/190;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-1-img {
  position: absolute;
  width: 1.09475rem;
  height: 1.08725rem;
  top: 1.56rem;
  left: 4.31rem;
  animation: decoBlink 2.5s ease-in-out infinite;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-2-img {
  position: absolute;
  width: 0.79588rem;
  height: 0.89569rem;
  top: 5.14rem;
  left: 5.28rem;
  animation: decoBlink 5s ease-in-out infinite;
  animation-delay: 4s;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-3-img {
  position: absolute;
  width: 0.69756rem;
  height: 0.69838rem;
  top: 9.33rem;
  left: 2.45rem;
  animation: decoBlink 3s ease-in-out infinite;
  animation-delay: 1s;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-4-img {
  position: absolute;
  width: 1.124rem;
  height: 1.12169rem;
  top: 9.19rem;
  left: 26.18rem;
  animation: decoBlink 3s ease-in-out infinite;
  animation-delay: 0.5s;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-5-img {
  position: absolute;
  width: 1.125rem;
  height: 1.25rem;
  top: 1.45rem;
  left: 25.21rem;
  animation: decoBlink 3s ease-in-out infinite;
  animation-delay: 1s;
}

.game-wrapper.basic .game-intro #intro .title-wrap .title-img-wrap .deco-6-img {
  position: absolute;
  width: 0.61106rem;
  height: 0.61181rem;
  top: 4.21rem;
  left: 23.86rem;
  animation: decoBlink 6s ease-in-out infinite;
  animation-delay: 2s;
}

.game-wrapper.basic .game-intro #intro .title-wrap .sub-title-img {
  width: 17.5609rem;
  height: auto;
}

.game-wrapper.basic .game-intro #intro .intro-swiper-container {
  display: flex;
  width: 100%;
  align-items: center;
  padding-bottom: 1.75rem;
}

.game-wrapper.basic .game-intro #intro .intro-swiper-container .swiper-slide {
  width: 7.1875rem;
  height: 11.13669rem;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}

.game-wrapper.basic .game-intro #intro .intro-swiper-container .swiper-slide.swiper-slide-active {
  transform: scale(1);
}

.game-wrapper.basic .game-intro #intro .intro-swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 6.522px 0 #5530c5;
  border-radius: 0.25rem;
}

.game-wrapper.basic .game-intro #intro .bottom {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 1.875rem 6.25rem 1.875rem;
  flex-direction: column;
  align-items: center;
  border-radius: 1.25rem 1.25rem 0 0;
  background: #584f90;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap {
  display: flex;
  padding-top: 1.625rem;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap input {
  display: flex;
  width: 20rem;
  height: 4.375rem;
  padding: 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  border: 2px solid #e0e0e0;
  background: #fff;
  color: #373037;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.055rem;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap input::placeholder {
  opacity: 0.5;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap input:focus {
  outline: none;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap button {
  display: flex;
  width: 25rem;
  height: 5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1.25rem;
  background: linear-gradient(308deg, #7756d9 -28.43%, #f686be 66.31%), #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap button::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.85713rem;
  aspect-ratio: 12/13.71;
  background: url(https://cdn.banggooso.com/assets/images/game288/intro/start-btn-deco.png) no-repeat center / cover;
}

.game-wrapper.basic .game-intro #intro .bottom .input-wrap button::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.85713rem;
  aspect-ratio: 12/13.71;
  background: url(https://cdn.banggooso.com/assets/images/game288/intro/start-btn-deco.png) no-repeat center / cover;
}

.game-wrapper.basic .game-intro #intro .bottom .count-wrap {
  display: flex;
  padding: 2rem 0 2.125rem 0;
  align-items: center;
  gap: 3rem;
}

.game-wrapper.basic .game-intro #intro .bottom .count-wrap .count-box {
  display: flex;
  width: 8.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.game-wrapper.basic .game-intro #intro .bottom .count-wrap .count-box p:first-child {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: -0.055rem;
}

.game-wrapper.basic .game-intro #intro .bottom .count-wrap .count-box p:last-child {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.8;
}

.game-wrapper.basic .game-intro #intro .bottom .count-wrap .line {
  width: 0.125rem;
  height: 4.375rem;
  border-radius: 1.25rem;
  opacity: 0.5;
  background: #fff;
}

.game-wrapper.basic .game-intro #intro .bottom .gift-info-img {
  width: 27.5rem;
  height: 7.5rem;
}

.game-wrapper.basic .game-intro #intro .bottom .desc {
  padding: 1.375rem 0 2rem 0;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.78125rem;
  letter-spacing: -0.0475rem;
  opacity: 0.8;
}

.game-wrapper.basic .game-intro #intro .bottom .line-img {
  width: 27.5rem;
  height: 0.09375rem;
  opacity: 0.7;
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list {
  padding-top: 2.875rem;
  margin: 0;
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .list-title {
  margin-bottom: 1rem;
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .list-title .countBox {
  opacity: 0.6;
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share {
  background-color: #fff;
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share.kakao {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/intro-kakao.png);
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share.instagram {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/intro-instagram.png);
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share.twitter {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/intro-twitter.png);
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share.facebook {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/intro-facebook.png);
}

.game-wrapper.basic .game-intro #intro .bottom .share-sns-list .btn-share.link-copy {
  background-image: url(https://cdn.banggooso.com/assets/images/game288/share/intro-linkcopy.png);
}

/* 스토리 */
.game-wrapper.basic .game-wrap #step1,
.game-wrapper.basic .game-wrap #step2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 3.75rem 0 0;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/tarot-bg.png) no-repeat top / cover;
  height: 100%;
}

.game-wrapper.basic .game-wrap #step1 .title,
.game-wrapper.basic .game-wrap #step2 .title {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.975rem;
  padding-top: 2.5rem;
  height: 10.25rem;
  min-height: 10.25rem;
}

.game-wrapper.basic .game-wrap #step1 .bottom,
.game-wrapper.basic .game-wrap #step2 .bottom {
  position: relative;
  margin-top: 1.74rem;
  width: 100%;
  height: 49.688rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/story-bg.png) no-repeat top / cover;
}

.game-wrapper.basic .game-wrap #step1 .bottom .story-bg-img,
.game-wrapper.basic .game-wrap #step2 .bottom .story-bg-img {
  width: 100%;
  height: auto;
}

.game-wrapper.basic .game-wrap #step1 .bottom .bubble-wrap,
.game-wrapper.basic .game-wrap #step2 .bottom .bubble-wrap {
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 27.5rem;
  height: 8.125rem;
  padding: 0.75rem 1.5rem 0.25rem 1.875rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.game-wrapper.basic .game-wrap #step1 .bottom .bubble-wrap::after,
.game-wrapper.basic .game-wrap #step2 .bottom .bubble-wrap::after {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/arrow-down-fill-white.png) no-repeat center /
    cover;
}

.game-wrapper.basic .game-wrap #step1 .bottom .bubble-wrap.blink::after,
.game-wrapper.basic .game-wrap #step2 .bottom .bubble-wrap.blink::after {
  opacity: 1;
  animation: arrowBlink 1s infinite;
  animation-delay: 0.5s;
}

.game-wrapper.basic .game-wrap #step1 .bottom .bubble-wrap p,
.game-wrapper.basic .game-wrap #step2 .bottom .bubble-wrap p {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.925rem;
  width: 100%;
  height: 3.875rem;
}

.game-wrapper.basic .game-wrap #step2 .bottom .bubble-wrap p {
  align-items: flex-start;
  text-align: left;
}

/* 타로 선택 */
.game-wrapper.basic .game-wrap #step3 {
  position: relative;
  padding: 3.75rem 0 9.5075rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/tarot-bg.png) no-repeat top / cover;
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
}

.game-wrapper.basic .game-wrap #step3::before {
  content: '';
  position: absolute;
  top: 5.26956rem;
  width: 100%;
  height: auto;
  aspect-ratio: 250/173;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/tarot-deco.png) no-repeat top / cover;
}

.game-wrapper.basic .game-wrap #step3 .top {
  display: flex;
  padding-top: 2.5rem;
  flex-direction: column;
  align-items: center;
}

.game-wrapper.basic .game-wrap #step3 .top::before {
  content: '';
  width: 3.055rem;
  height: auto;
  aspect-ratio: 32.88/32;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
  background: url(https://cdn.banggooso.com/assets/images/game288/step/title-deco.png) no-repeat center / cover;
}

.game-wrapper.basic .game-wrap #step3 .top .title {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.275rem;
  padding: 0.75rem 0.625rem 1.5rem 0.625rem;
}

.game-wrapper.basic .game-wrap #step3 .top .card-selected-wrap {
  width: 9.375rem;
  height: 14.0625rem;
  aspect-ratio: 2/3;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/card-unselected.png) no-repeat center / cover;
}

.game-wrapper.basic .game-wrap #step3 .top .card-selected-wrap.selected {
  background: url(https://cdn.banggooso.com/assets/images/game288/step/card-selected.png) no-repeat center / cover;
  border-radius: 0.5rem;
  animation: cardBlink 0.5s ease-in-out;
}

.game-wrapper.basic .game-wrap #step3 .bottom {
  display: flex;
  padding-top: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.game-wrapper.basic .game-wrap #step3 .bottom .card-swiper-container {
  display: flex;
  width: 100%;
  padding: 1.75rem 1.875rem 0 1.875rem;
  align-items: center;
}

.game-wrapper.basic .game-wrap #step3 .bottom .card-swiper-container .swiper-slide {
  width: 8.125rem;
  height: 12.1875rem;
  aspect-ratio: 2/3;
  border-radius: 0.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/card-default.png) no-repeat center / cover;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.game-wrapper.basic .game-wrap #step3 .bottom .card-swiper-container .swiper-slide.selected {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2em);
}

.game-wrapper.basic .game-wrap #step3 .bottom .card-swiper-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 2.5rem 0;
  gap: 0.5rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4625rem;
}

.game-wrapper.basic .game-wrap #step3 .bottom .card-swiper-desc::before {
  display: inline-block;
  content: '';
  width: 1.1875rem;
  height: 1.25rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/step/finger.png) no-repeat center / cover;
}

.game-wrapper.basic .game-wrap #step3 .bottom .result-btn {
  display: flex;
  width: 22.5rem;
  height: 5.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  opacity: 0.5;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
  cursor: unset;
}

.game-wrapper.basic .game-wrap #step3 .bottom .result-btn.on {
  opacity: 1;
  cursor: pointer;
}

.game-wrapper.basic .game-wrap #step3 .bottom .result-btn.on:active {
  opacity: 0.7;
}

/* 결과 */
.game-wrapper.basic .game-result {
  padding: 0;
  height: 100%;
}

.game-wrapper.basic .game-result .img-object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 20;
}

.game-wrapper.basic .game-result .result-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.75rem;
  width: 100%;
  height: auto;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-bg.png) no-repeat top / cover;
}

.game-wrapper.basic .game-result .result-content .top {
  display: flex;
  padding-top: 1.25rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.game-wrapper.basic .game-result .result-content .top .top-message {
  display: flex;
  padding: 1rem 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.18);
}

.game-wrapper.basic .game-result .result-content .top .top-message p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4625rem;
}

.game-wrapper.basic .game-result .result-content .top .capture-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2.5rem;
  gap: 1.25rem;
}

.game-wrapper.basic .game-result .result-content .top .capture-wrap .capture-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 27.5rem;
  height: 56.25rem;
  box-shadow: 0px 0px 12px 0px rgba(95, 48, 92, 0.75);
  border-radius: 0.75rem;
}

.game-wrapper.basic .game-result .result-content .top .capture-wrap .capture-box .result-bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.game-wrapper.basic .game-result .top .capture-box .capture-title {
  display: flex;
  padding: 3.25rem 0 1.25rem 0;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}

.game-wrapper.basic .game-result .top .capture-box .capture-title p {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 4px #ff74bc;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7875rem;
}

.game-wrapper.basic .game-result .top .capture-box .capture-title p:last-child {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}

.game-wrapper.basic .game-result .top .capture-box .result-img {
  width: 15rem;
  height: 23.24175rem;
  aspect-ratio: 240/371.87;
  border-radius: 0.75rem;
}

.game-wrapper.basic .game-result .top .capture-box .description-text {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
  padding: 1rem 0 1.375rem;
}

.game-wrapper.basic .game-result .top .capture-box .lucky-item-wrap {
  position: relative;
  display: flex;
  width: 21.25rem;
  height: auto;
  padding: 1.375rem 2.5rem 1.625rem 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.game-wrapper.basic .game-result .top .capture-box .lucky-item-wrap .lucky-item-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.game-wrapper.basic .game-result .top .capture-box .lucky-item-wrap .lucky-item-title-img {
  width: 12.2679rem;
  height: auto;
}

.game-wrapper.basic .game-result .top .capture-box .lucky-item-wrap .lucky-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.game-wrapper.basic .game-result .top .capture-box .lucky-item-wrap .lucky-item p {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 4px #ad8bd0;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.7875rem;
}

.game-wrapper.basic .game-result .top .capture-box .logo-img {
  position: absolute;
  bottom: 0.8rem;
  height: auto;
}

.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-A {
  width: 9.0303rem;
  bottom: 1rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-B {
  width: 8.4621rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-C {
  width: 14.69338rem;
  bottom: 0.65rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-D {
  width: 3.49394rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-E {
  width: 8.125rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-F {
  width: 2.5rem;
  bottom: 0.4rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-G {
  width: 3.69038rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-H {
  width: 7.57775rem;
  bottom: 1rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-I {
  width: 6.06819rem;
  bottom: 1rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-J {
  width: 7.26438rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-K {
  width: 4rem;
  bottom: 0.3rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-L {
  width: 8.6875rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-M {
  width: 2.37094rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-N {
  width: 4.18513rem;
  bottom: 1rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-O {
  width: 5.75rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-P {
  width: 2.09869rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-Q {
  width: 7.75rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-R {
  width: 6.5625rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-S {
  width: 4.72531rem;
  bottom: 1rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-T {
  width: 1.8125rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-U {
  width: 17.3638rem;
  bottom: 1.3rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-V {
  width: 3.714rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-W {
  width: 6.33456rem;
}
.game-wrapper.basic .game-result .top .capture-box .logo-img.logo-X {
  width: 4.84531rem;
}

.game-wrapper.basic .game-result .top .capture-wrap .capture-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4625rem;
}

.game-wrapper.basic .game-result .top .capture-wrap .capture-desc::before {
  content: '';
  display: inline-block;
  width: 0.57031rem;
  height: 0.3125rem;
  aspect-ratio: 9.12/5;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/arrow-white-up.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .top .capture-wrap .capture-desc::after {
  content: '';
  display: inline-block;
  width: 0.57031rem;
  height: 0.3125rem;
  aspect-ratio: 9.12/5;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/arrow-white-up.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap {
  position: relative;
  display: flex;
  width: 27.5rem;
  padding: 2.75rem 1.5rem 1.5rem 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  background: rgba(236, 214, 249, 0.8);
  box-shadow: 0 4px 16px 0 rgba(30, 24, 61, 0.2);
}

.game-wrapper.basic .game-result .middle .happy-box-wrap::before {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 3.625rem;
  height: 3.625rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-deco-left.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap::after {
  content: '';
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 3.625rem;
  height: 3.625rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-deco-right.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-title {
  color: #373037;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.275rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .total-box-wrap {
  display: flex;
  padding: 2rem 0 1.25rem 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap {
  display: flex;
  padding-top: 5.0892rem;
  padding-bottom: 1.125rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  gap: -1.875rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap .progress {
  position: relative;
  width: 100%;
  height: 1.25rem;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.625rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap .progress .current {
  position: absolute;
  top: 0;
  left: 0;
  width: 0rem;
  min-width: 3rem;
  max-width: 100%;
  height: 100%;
  border-radius: 62.4375rem;
  background: #7957ad;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap .progress .inner {
  position: absolute;
  left: 3rem;
  top: 0;
  width: 0rem;
  min-width: 3rem;
  max-width: calc(100% - 3rem);
  height: 100%;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap .progress .inner::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -60%);
  width: 3.1875rem;
  height: 3.25rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/gift.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress-wrap .progress .progress-label {
  position: absolute;
  display: flex;
  padding: 0.375rem 1.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background: #aa8bdb;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7875rem;
  bottom: calc(100% + 2.62rem);
  right: 1rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .progress .progress-label::after {
  content: '';
  position: absolute;
  width: 0.9375rem;
  height: 0.52675rem;
  fill: #aa8bdb;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/arrow-purple-down.png) no-repeat center / cover;
  bottom: -0.5rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-top p:first-child {
  color: #373037;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-top p:last-child {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #fff2ff;
  text-align: center;
  text-shadow: 0 0 4px #ff74bc;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-top p:last-child::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  aspect-ratio: 1/1;
  fill: #fff2ff;
  filter: drop-shadow(0 0 4px #ff74bc);
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-deco-1.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-top p:last-child::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  aspect-ratio: 1/1;
  fill: #fff2ff;
  filter: drop-shadow(0 0 4px #ff74bc);
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-deco-1.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .total-box-wrap .total-text-wrap .total-text-bottom p {
  color: rgba(55, 48, 55, 0.7);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .landing-btn {
  display: flex;
  width: 22.5rem;
  height: 5rem;
  padding-left: 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border: 1.5px solid rgba(1, 1, 1, 0.1);
  background: #484048;
  box-shadow: 0 4px 12px 0 rgba(30, 24, 61, 0.2);
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .landing-btn p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .landing-btn img {
  width: auto;
  height: 5rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-desc-wrap {
  display: flex;
  padding-top: 1.75rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-desc-wrap .info-text {
  color: #5f467c;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-desc-wrap .line-deco-img {
  width: 8.875rem;
  height: 1.775rem;
  aspect-ratio: 142/28.4;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-desc-wrap .gift-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.game-wrapper.basic .game-result .middle .happy-box-wrap .happy-box-desc-wrap .gift-wrap img {
  width: 100%;
  height: auto;
}

.game-wrapper.basic .game-result .middle .roulette-wrap {
  display: flex;
  padding: 4.375rem 0 3.75rem 0;
  flex-direction: column;
  align-items: center;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/result-deco-2.png) no-repeat top / cover;
  width: 100%;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette-title {
  display: flex;
  padding: 0.875rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 62.4375rem;
  border: 1.5px solid #fff;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette-desc {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7875rem;
  padding: 1.75rem 0 1rem 0;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette-desc span {
  font-weight: 700;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27.5rem;
  height: 27.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/roulette-bg.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette .roulette-circle-wrap {
  position: absolute;
  width: 24.813rem;
  height: 24.813rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette .roulette-circle-wrap .roulette-circle {
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/roulette.png) no-repeat center / cover;
  transform: rotate(0deg);
  transition: transform 3s ease-out;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette .roulette-arrow {
  position: absolute;
  width: 2.313rem;
  height: 3.25rem;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(https://cdn.banggooso.com/assets/images/game288/result/roulette-arrow.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette .roulette-btn {
  position: absolute;
  width: 12.375rem;
  height: 12.375rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(https://cdn.banggooso.com/assets/images/game288/result/roulette-btn.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .middle .roulette-wrap .roulette .roulette-btn .roulette-btn-img {
  width: 100%;
  height: 100%;
}

.game-wrapper.basic .game-result .middle .wish-wrap {
  display: flex;
  width: 27.5rem;
  padding: 1.625rem 1.5rem 2.125rem 1.5rem;
  flex-direction: column;
  align-items: center;
  border-radius: 1.25rem;
  background: rgba(236, 214, 249, 0.7);
  box-shadow: 0 4px 16px 0 rgba(30, 24, 61, 0.2);
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-title {
  color: #5f467c;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.1125rem;
}

.game-wrapper.basic .game-result .middle .wish-wrap .event-deco {
  width: 3.9591rem;
  height: auto;
}

.game-wrapper.basic .game-result .middle .wish-wrap .event-img {
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  margin: 1.25rem 0;
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-desc {
  color: #5f467c;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.7875rem;
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-date-wrap {
  display: flex;
  padding: 0.875rem 0.625rem 0 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-date-wrap p {
  color: #5f467c;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4625rem;
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-date-wrap .line {
  width: 0.0625rem;
  height: 0.807rem;
  background: #5f467c;
}

.game-wrapper.basic .game-result .middle .wish-wrap .wish-btn {
  display: flex;
  width: 22.5rem;
  height: 5rem;
  padding: 0.5rem 1.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  border: 1.5px solid rgba(1, 1, 1, 0.1);
  background: linear-gradient(0deg, #373037 0%, #373037 100%), linear-gradient(180deg, #ff8bad 0%, #9e6cbb 109.62%);
  box-shadow: 0 4px 12px 0 rgba(30, 24, 61, 0.2);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.95rem;
  margin-top: 1.5rem;
}

.game-wrapper.basic .game-result .middle .partners-btn-wrap {
  padding: 2rem 0 3.75rem 0;
}

.game-wrapper.basic .game-result .middle .partners-btn-wrap button {
  display: flex;
  padding-left: 0.5rem;
  align-items: center;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.925rem;
  background: unset;
  gap: 0.5rem;
}

.game-wrapper.basic .game-result .middle .partners-btn-wrap button::after {
  content: '';
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/finger-right.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .share-sns-list {
  margin: 0;
  padding-top: 3.75rem;
}

.game-wrapper.basic .game-result .middle .share-replay-wrap {
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.game-wrapper.basic .game-result .middle .replay-btn-wrap {
  display: flex;
  width: 100%;
  padding: 3rem 0 3.75rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.game-wrapper.basic .game-result .middle .replay-btn-wrap button {
  display: flex;
  width: 12.5rem;
  height: 5rem;
  padding: 0 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 1rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.game-wrapper.basic .game-result .middle .replay-btn-wrap button::after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/replay.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .bottom {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
}

.game-wrapper.basic .game-result .bottom .recommend-top {
  display: flex;
  padding: 2.5rem 0 1.25rem 0;
  flex-direction: column;
  align-items: center;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-title {
  display: flex;
  padding-bottom: 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-title img {
  width: 4.0625rem;
  height: auto;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-title p {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.275rem;
  width: 10.625rem;
}

.game-wrapper.basic .game-result .bottom .recommend-top .line-img {
  width: 27.5rem;
  height: 0.09375rem;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-desc {
  display: flex;
  padding-top: 1.75rem;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-desc p:first-child {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.95rem;
}

.game-wrapper.basic .game-result .bottom .recommend-top .recommend-desc p:last-child {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.575rem;
}

.game-wrapper.basic .game-result .bottom .recommend-content-img {
  width: 25rem;
  height: auto;
  aspect-ratio: 400/251.2;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom {
  display: flex;
  width: 100%;
  padding-top: 5rem;
  flex-direction: column;
  justify-content: center;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: unset;
  border-radius: unset;
  margin-bottom: 0;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-main {
  display: flex;
  padding: 0 1.875rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.375rem;
  margin: 0;
  width: 100%;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-main .contents-logo {
  width: 8.75rem;
  height: 1.875rem;
  background: url(https://cdn.banggooso.com/assets/images/common/logo_2024_white.png) no-repeat center / cover;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-main .contents-logo img {
  display: none;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .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;
  margin: 0;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-list {
  display: flex;
  padding: 0 0 2.25rem;
  flex-direction: column;
  align-items: center;
  margin: 0;
  border-left: unset;
  width: 100%;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-list .game-btn {
  display: flex;
  width: 100%;
  padding: 1.75rem 2rem;
  justify-content: space-between;
  align-items: center;
  border: unset;
  border-radius: unset;
  background-color: unset;
  border-top: 1.333px solid rgba(255, 255, 255, 0.3);
  margin: 0;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .contents-more .contents-list .game-btn::before {
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/arrow-right-gray.png) no-repeat center / cover;
  left: unset;
  right: 2rem;
}

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

.game-wrapper.basic .game-result .bottom .recommend-bottom .page-full {
  margin: 0;
}

.game-wrapper.basic .game-result .recommend-list:before {
  height: 16.125rem;
  background: #484048;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .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;
  margin: 0;
  padding: 0 1.46rem 0.48rem;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .swiper-container {
  padding: 0 2.15rem 3.22rem;
}

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

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .swiper-slide + .swiper-slide {
  margin-left: 1.66019rem;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .swiper-slide:last-child {
  margin-right: 0;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .slide-box {
  border: 5.334px solid #c7c7c7;
  background: #c7c7c7;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .slide-box .img-box {
  width: auto;
  height: 10.16738rem;
  margin: 0;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .slide-box .slide-text {
  color: #0c0c0c;
  font-family: 'Pretendard';
  font-size: 1.00006rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02rem;
  margin: 0;
  padding: 0.69rem 0.3125rem 0.96rem;
  width: 100%;
  height: unset;
  background-color: unset;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .btn-wrap {
  padding-bottom: 4rem;
}

.game-wrapper.basic .game-result .bottom .recommend-bottom .recommend-list .btn-wrap .btn-white-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15.25rem;
  height: 4.00025rem;
  border-radius: 2.00013rem;
  text-align: center;
  font-family: 'RixGulim';
  font-size: 1.25006rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.025rem;
}

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

.event-entry-modal .modal-wrap {
  position: relative;
  display: flex;
  width: 29.375rem;
  max-height: 50rem;
  overflow-y: auto;
  padding: 2rem 1.875rem 0 1.875rem;
  flex-direction: column;
  border-radius: 1.25rem;
  background: #f7f1ff;
}

.event-entry-modal .modal-wrap .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/close.png) no-repeat center / cover;
  z-index: 10;
}

.event-entry-modal .modal-wrap .wish-input-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.event-entry-modal .modal-wrap .wish-input-wrap .wish-input-top img {
  display: inline-flex;
  height: 4.625rem;
  padding-left: 0.94231rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: -0.5rem;
}

.event-entry-modal .modal-wrap .wish-input-wrap .wish-input-top p {
  display: inline-flex;
  height: 3.00494rem;
  padding: 0.75rem 0.875rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem 1.25rem 1.25rem 0;
  background: #deb9ff;
  color: #5d4c6f;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4875rem;
}

.event-entry-modal .modal-wrap .wish-input-wrap .input-gradient-border {
  padding: 2px; /* border처럼 보이게 */
  background: linear-gradient(90deg, #7756d9, #f686be);
  border-radius: 0.75rem;
  display: inline-block;
  width: 100%;
}

.event-entry-modal .modal-wrap .wish-input-wrap .wish-input {
  display: flex;
  padding: 1.375rem 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
  background: #fff;
  width: 100%;
  color: #5d4c6f;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.01375rem;
}

.event-entry-modal .modal-wrap .wish-input-wrap .wish-input::placeholder {
  color: rgba(93, 76, 111, 0.6);
}

.event-entry-modal .modal-wrap .wish-input-wrap .wish-input:focus {
  outline: none;
}

.event-entry-modal .modal-wrap .event-entry-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.event-entry-modal .modal-wrap .event-entry-wrap .event-entry-input-wrap {
  display: flex;
  padding-top: 1.25rem;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}

.event-entry-modal .modal-wrap .event-entry-wrap .event-entry-input-wrap p {
  color: #373037;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.1875rem;
  letter-spacing: -0.01625rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .event-entry-input-wrap input {
  display: flex;
  width: 100%;
  height: 3.625rem;
  padding: 0 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background: #fff;
  color: #5d4c6f;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0125rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .event-entry-input-wrap input:focus {
  outline: none;
}

.event-entry-modal .modal-wrap .event-entry-wrap .event-entry-input-wrap input::placeholder {
  color: rgba(93, 76, 111, 0.6);
  font-weight: 400;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap .checkbox-title-wrap {
  display: flex;
  padding: 1.25rem 0 1.25rem 0.625rem;
  align-items: center;
  width: 100%;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap.open .gradient-bg {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1.25rem;
  background: linear-gradient(180deg, rgba(247, 241, 255, 0) 0%, #f7f1ff 100%);
  z-index: 0;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap:last-child .checkbox-title-wrap {
  padding: 0 0 1.5rem 0.625rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  color: #373037;
  font-family: 'Pretendard';
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: -0.01188rem;
  user-select: none;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap input + label::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/unchecked.png) no-repeat center / cover;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap input:checked + label::before {
  background: url(https://cdn.banggooso.com/assets/images/game288/result/checked.png) no-repeat center / cover;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap button {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/arrow-down-gray.png) no-repeat center / cover;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap.open button {
  transform: rotate(180deg);
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap .privacy-img {
  position: relative;
  width: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 0 0.75rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap.open .privacy-img {
  max-height: 8.375rem;
  opacity: 1;
  overflow-y: scroll;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap .privacy-img img {
  width: 100%;
  height: auto;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap .privacy-img::-webkit-scrollbar {
  display: block;
  width: 0.1875rem;
  height: 3.125rem;
}

.event-entry-modal .modal-wrap .event-entry-wrap .consent-wrap .checkbox-wrap .privacy-img::-webkit-scrollbar-thumb {
  border-radius: 62.4375rem;
  background: #d9d9d9;
}

.event-entry-modal .modal-wrap .event-entry-desc-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
}

.event-entry-modal .modal-wrap .event-entry-desc-wrap img:first-child {
  width: 100%;
  height: 0.04688rem;
}

.event-entry-modal .modal-wrap .event-entry-desc-wrap img:last-child {
  width: 100%;
  height: auto;
}

.event-entry-modal .modal-wrap .submit-btn-wrap {
  display: flex;
  padding: 1.5rem 0;
  width: 100%;
}

.event-entry-modal .modal-wrap .submit-btn-wrap button {
  display: flex;
  width: 100%;
  height: 4.375rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background: #373037;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.info-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.info-modal .modal-wrap {
  position: relative;
  display: flex;
  width: 26.25rem;
  padding: 1.75rem 1.875rem;
  flex-direction: column;
  align-items: center;
  border-radius: 1.25rem;
  background: #f7f1ff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.info-modal .modal-wrap .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/common/close.png) no-repeat center / cover;
  z-index: 10;
}

.info-modal .modal-wrap .title-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  padding-top: 1rem;
}

.info-modal .modal-wrap .title,
.info-modal .modal-wrap .sub-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #373037;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.info-modal .modal-wrap .title::before {
  content: '';
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/modal-deco.png) no-repeat center / cover;
}

.info-modal .modal-wrap .title::after {
  content: '';
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(https://cdn.banggooso.com/assets/images/game288/result/modal-deco.png) no-repeat center / cover;
}

.info-modal .modal-wrap .desc {
  padding: 0.75rem 0 1.25rem 0;
  color: #373037;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6625rem;
  letter-spacing: -0.0475rem;
}

#donationModal.info-modal .modal-wrap .title-wrap {
  padding-top: 0.875rem;
}

#donationModal.info-modal .modal-wrap .desc {
  padding: 0.875rem 0;
}

#participationModal.info-modal .modal-wrap {
  padding: 1.75rem 1.875rem 2.375rem;
}

#participationModal .share-sns-list .list {
  gap: 0.75rem;
}

#participationModal .share-sns-list .list-title {
  display: none;
}

#participationModal .share-sns-list .btn-share {
  width: 3.625rem;
  height: 3.625rem;
  background-color: #373037;
}

#playModal .go-home-btn {
  display: flex;
  width: 100%;
  height: 4.5rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background: #373037;
  color: #fff;
  text-align: right;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.7875rem;
}

/* 카드 선택 시 깜빡임 효과 */
@keyframes cardBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* 스토리 페이지 화살표 깜빡임 애니메이션 */
@keyframes arrowBlink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* 인트로 페이지 deco 깜빡임 애니메이션 */
@keyframes decoBlink {
  0%,
  10% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  90%,
  100% {
    opacity: 1;
  }
}