@font-face {
  font-family: Korea;
  src: url('/gl/205/font/YJ_Obang_TTF.ttf');
}

@font-face {
  font-family: score;
  src: url('https://cdn.banggooso.com/assets/fonts/SBAggro-Bold.woff');
}

@font-face {
  font-family: text-font;
  src: url('https://cdn.banggooso.com/assets/fonts/SBAggro-Medium.woff');
}

@font-face {
  font-family: text;
  src: url('https://cdn.banggooso.com/assets/fonts/SBAggro-Light.ttf');
}

/* 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';
}

.hidden {
  display: none !important;
}

a,
button,
.cursor-pointer {
  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;
}

.hidden {
  display: none;
}

.modal-content {
  /* 팀 등록 버튼 하단 고정을 위함 */
  height: 100%;
}

#teamSelectModal {
  position: fixed;
  bottom: 0;
  /* height: 46rem; */
  height: 80dvh;
  width: 100%;
  padding: 1.25rem 1.5rem;

  background: #fff;
  z-index: var(--modal-z-index);
  border-radius: 2.25rem 2.25rem 0rem 0rem;
  background: #fff;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25);
}

#teamSelectModal h4 {
  display: flex;
  width: 100%;
  padding: 2rem 1.5rem 1.25rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#teamSearchInput {
  display: flex;
  width: 100%;
  height: 4.25rem;
  padding: 1.5rem;
  align-items: center;
  align-self: stretch;
  border-radius: 2.625rem;
  border: 1px solid #000;
  background: url(https://cdn.banggooso.com/assets/images/game275/input_search_after_ico.png) no-repeat right 1.5rem
    center / 1.625rem #fff;
  margin-top: 1rem;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  text-align: left;
}

#teamSearchInput::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#teamList {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}

#teamList button {
  display: flex;
  padding: 1rem 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#teamList button p:first-child {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

#teamList button p:last-child {
  color: #aeaeae;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.3rem */
  letter-spacing: -0.02rem;
}

#teamRegisterContainer {
  display: flex;
  bottom: 0;
  width: 100%;
  background-color: white;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  padding-top: 1.5rem;
}

#teamRegisterContainer .team-register-title {
  color: #aeaeae;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
  letter-spacing: -0.025rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

#teamRegisterContainer #registerTeam {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 3.125rem;
  background: #000;
  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;
  width: 100%;
}

#teamRegisterContainer p {
  color: #aeaeae;
  text-align: center;
  font-size: 1.25rem;
  line-height: 130%;
  letter-spacing: -0.4px;
}

#dimmedBg {
  position: fixed;
  top: -4.0625rem;
  left: 0;
  width: 100%;
  height: calc(100% + 4.0625rem);
  background-color: rgb(0, 0, 0, 0.5);

  z-index: var(--modal-bg-z-index);
}

.main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

button {
  cursor: pointer;
  display: block;
  padding: 1rem;
}

/* header */
.game-wrapper .app-header .app-header-btn.back {
  background: url(https://cdn.banggooso.com/assets/images/game275/ico_header_back_new.png) no-repeat center center /
    0.725rem 1.375rem;
}

.game-wrapper .app-header .app-logo {
  width: 9.25rem;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/ico_header_logo_new.png) no-repeat center center /
    contain;
}

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

.game-wrapper .app-header .app-sound.off {
  background: url(https://cdn.banggooso.com/assets/images/game275/header_sound_ico_off.png) no-repeat 0.5rem center /
    2rem 1.75rem;
}

.game-wrapper .app-header.page a.app-sound {
  width: 3.5rem;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  background: url(https://cdn.banggooso.com/assets/images/game275/header_sound_ico.png) no-repeat 0.5rem center / 2rem
    1.75rem;
}

.game-wrapper .intro-header {
  position: absolute;
  width: 100%;
  height: 4.0625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  z-index: 999;
}

/* intro */
.sound-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sound-popup .sound-popup-inner {
  display: flex;
  width: 28.25rem;
  padding: 2rem 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(https://cdn.banggooso.com/assets/images/game275/sound_popup_bg.png) no-repeat center center / cover;
  border-radius: 2.25rem;
}

.sound-popup .sound-popup-inner img {
  width: 11.625rem;
  height: 10.6875rem;
  aspect-ratio: 62/57;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.sound-popup .sound-popup-inner p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 900;
  line-height: 140%;
  /* 2.45rem */
  margin-bottom: 1.25rem;
}

.sound-popup .sound-popup-inner p b {
  color: #fff94e;
}

.sound-popup .sound-popup-inner .btn-wrap {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
}

.sound-popup .sound-popup-inner .btn-wrap button {
  width: 12.1875rem;
  height: 5rem;
}

.sound-popup .sound-popup-inner .btn-wrap button.no-sound {
  background: url(https://cdn.banggooso.com/assets/images/game275/sound_popup_sound_off.png) no-repeat center center /
    contain;
}

.sound-popup .sound-popup-inner .btn-wrap button.sound {
  background: url(https://cdn.banggooso.com/assets/images/game275/sound_popup_sound_on.png) no-repeat center center /
    contain;
}

.game-wrapper .app-main.result:after {
  content: none;
}

.game-wrapper .app-main {
  background: url(https://cdn.banggooso.com/assets/images/game275/main_background_img.png) no-repeat center center /
    cover;
}

.game-wrapper .app-main:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 43.8125rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/intro_main_bg_devSub.png) no-repeat center center /
    cover;
  z-index: -1;
  background-position: center -4rem;
}

.app-main {
  padding-top: 4.0625rem;
}

.app-main .intro-title {
  width: 100%;
}

.intro-step-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0 4.37rem;
}

#playerNameInput {
  display: flex;
  width: 100%;
  height: 4.25rem;
  padding: 1.5rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.625rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #fff;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
}

#playerNameInput::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#teamSelectBtn {
  display: flex;
  width: 100%;
  height: 4.25rem;
  padding: 1.5rem 2rem;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.625rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #fff;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
}

#teamSelectBtn.opacity {
  color: rgba(0, 0, 0, 0.5);
}

.intro-step-container span {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 0.5;
}

#startGameBtn.disabled {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed;
}

#startGameBtn {
  width: 27.5rem;
  height: 5.75rem;
  aspect-ratio: 110/23;
  margin-top: 1.5rem;
  padding: 0;
  opacity: 1;
  background: url(https://cdn.banggooso.com/assets/images/game275/intro_start_img.png) no-repeat center center / contain;
}

.game-count-container {
  width: 28.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3.75rem 0 0 0;
}

.game-count-container .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.game-count-container .item p {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.game-count-container .item p.count-num {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.0225rem;
  text-transform: uppercase;
}

.game-wrapper .game-intro {
  padding-bottom: 0rem;
}

.game-intro .share-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding: 2.5rem 0;
}

.game-intro .share-sns-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 0;
}

.share-sns-list .list-title {
  margin: 0;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01375rem;
}

.share-sns-list .list {
  display: flex;
  gap: 0.75rem;
}

.share-sns-list .btn-share {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.725rem;
}

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

.share-sns-list .btn-share.kakao {
  background-image: url('https://cdn.banggooso.com/assets/images/common/share_new_common_kakao_white.png');
  background-color: #000;
}

.share-sns-list .btn-share.instagram {
  background-image: url('https://cdn.banggooso.com/assets/images/common/share_new_common_instagram_white.png');
  background-color: #000;
}

.share-sns-list .btn-share.facebook {
  background-image: url('https://cdn.banggooso.com/assets/images/common/share_new_common_facebook_white.png');
  background-color: #000;
  background-size: 25%;
}

.share-sns-list .btn-share.twitter {
  background-image: url('https://cdn.banggooso.com/assets/images/common/share_new_common_x_white.png');
  background-color: #000;
}

.share-sns-list .btn-share.link-copy {
  background-image: url('https://cdn.banggooso.com/assets/images/common/share_new_common_link_white.png');
  background-color: #000;
}

.list-title .countBox {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.18px;
  opacity: 0.6;
}

.share-sns-list .list-title .countBox .countImg {
  background-image: url(https://cdn.banggooso.com/assets/images/game275/share.svg);
}

.event-text-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
  padding: 40px 24px 0 24px;
}

.event-text-container img {
  width: 100%;
  height: auto;
}

.team-rank-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  padding-top: 2.38rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 89.42%, rgba(255, 255, 255, 0) 100%),
    url(https://cdn.banggooso.com/assets/images/game275/rank_list_dot_bg.png) no-repeat center center / cover;
  padding-bottom: 4rem;
  position: relative;
}

.game-result .team-rank-container .ttl-bg {
  display: flex;
  position: fixed;
  top: 2.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.team-rank-container .ttl-bg {
  width: 21.5rem;
  height: 8rem;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}

.game-intro .team-rank-container:before {
  top: 0;
}

.team-rank-container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 31.25rem;
  height: 10.5rem;
  top: 1.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/rank_ttl_deco.png) no-repeat center center / cover;
}

.team-rank-list {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.team-rank-list li {
  display: flex;
  width: 27.875rem;
  padding: 0.625rem 1rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 5rem;
  border: 1px solid #000;
  background: #fff;
  box-shadow: -3px 0px 0px 0px #000, 3px 0px 0px 0px #000;
}

.team-rank-list li .left {
  display: flex;
  gap: 0.88rem;
  align-items: center;
  justify-content: center;
}

.team-rank-list li .rank {
  width: 2.9375rem;
  height: 2.125rem;
  aspect-ratio: 47/34;
  display: inline-block;
  margin: 0 !important;
}

.team-rank-list li .team-name {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.75rem;
  /* 116.667% */
}

.team-rank-list li .rate {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  /* 155.556% */
  letter-spacing: -0.045rem;
  opacity: 0.5;
}

.team-rank-list li[data-rank='1'] {
  background: #fffcab;
}

.team-rank-list li[data-rank='2'] {
  background: #b8f9ff;
}

.team-rank-list li[data-rank='3'] {
  background: #ffcfe5;
}

.team-rank-list li[data-rank='4'] {
  background: #fff;
}

.team-rank-list li[data-rank='5'] {
  background: #fff;
}

.team-rank-list li[data-rank='1'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_1.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='2'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_2.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='3'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_3.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='4'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_4.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='5'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_5.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='6'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_6.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='7'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_7.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='8'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_8.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='9'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_9.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='10'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_10.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='6'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_6.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='7'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_7.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='8'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_8.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='9'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_9.png) no-repeat center / cover;
}

.team-rank-list li[data-rank='10'] .rank {
  background: url(https://cdn.banggooso.com/assets/images/game275/team_rank_10.png) no-repeat center / cover;
}

/* main */
.game-info-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.game-info-modal .game-info-modal-content {
  display: flex;
  width: 100%;
  padding: 2rem 1.62rem;
  flex-direction: column;
  border-radius: 2.25rem;
  background: #fff;
}

.game-info-modal .game-info-modal-content:before {
  content: '';
  position: absolute;
  left: 0.3125rem;
  top: 2.5rem;
  width: 6.875rem;
  height: 4.7531rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_play_info_modal_deco_1.png) no-repeat center
    center / cover;
}

.game-info-modal .game-info-modal-content:after {
  content: '';
  position: absolute;
  right: 0;
  top: 10rem;
  width: 8.82381rem;
  height: 4.89581rem;
  transform: rotate(15deg);
  aspect-ratio: 31/14;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_play_info_modal_deco_2.png) no-repeat center
    center / cover;
}

.game-info-modal .game-info-modal-content span {
  display: flex;
  width: 9.875rem;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 2.5rem;
  background: #000;
  color: #fff94e;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.055rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.game-info-modal .game-info-modal-content h4 {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 900;
  line-height: 140%;
  /* 3.15rem */
}

.game-info-modal .game-info-modal-content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  margin: 2rem 0;
  padding: 0 1.28rem;
}

.game-info-modal .game-info-modal-content ul li {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-align: left;
}

.game-info-modal .game-info-modal-content ul li::before {
  content: attr(data-before);
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.055rem;
}

.game-info-modal #gameStart {
  width: 100%;
  height: 5rem;
  padding: 0;
  background: url(https://cdn.banggooso.com/assets/images/game275/step_start_img.png) no-repeat center center / contain;
}

.game-end-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  overflow: scroll;
  padding: 0 1.5rem;
}

.game-end-modal .game-end-modal-content {
  display: flex;
  width: 100%;
  padding: 3.75rem 1.25rem 2rem 1.25rem;
  flex-direction: column;
  align-items: center;
  border-radius: 2.5rem;
  background: #fff;
  transition: transform 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  top: 4.0625rem;
}

.game-end-modal .game-end-modal-content.detail-view .view-inner {
  transform: translateX(calc(-100% - 6.25rem));
}

.game-end-modal .game-end-modal-content.detail-view .apply-detail-text {
  transform: translateX(0);
}

.game-end-modal .game-end-modal-content .view-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s ease-in-out;
}

.game-end-modal .game-end-modal-content .sub-ttl {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.game-end-modal .game-end-modal-content .sub-ttl span {
  background: #000;
  z-index: 10;
  position: relative;
  padding: 0.5rem 1.25rem;
  border-radius: 2.5rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.05rem;
}

#phoneNumberInput {
  margin: 0.63rem 0;
}

.game-end-modal .game-end-modal-content .sub-ttl::after {
  content: '';
  position: absolute;
  top: -2.8rem;
  right: -7.31rem;
  width: 9.6875rem;
  height: 5.375rem;
  transform: rotate(15deg);
  background: url(https://cdn.banggooso.com/assets/images/game275/game_end_modal_deco_1.png) no-repeat center center /
    contain;
}

.game-end-modal .game-end-modal-content h4 {
  width: 21.80756rem;
  height: 7.8125rem;
  flex-shrink: 0;
  aspect-ratio: 348.92/125;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_end_modal_ttl.png) no-repeat center center /
    contain;
  position: relative;
  margin: 0.75rem 0;
}

.game-end-modal .game-end-modal-content h4:before {
  content: '';
  position: absolute;
  top: -0.69rem;
  left: -1.44rem;
  width: 5.75rem;
  height: 3.375rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_end_modal_deco_2.png) no-repeat center center /
    contain;
}

.game-end-modal .game-end-modal-content p {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
  letter-spacing: -0.025rem;
}

.game-end-modal .game-end-modal-content p b {
  font-weight: 700;
}

.game-end-modal .game-end-modal-content .flx-start {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}

.game-end-modal .game-end-modal-content .input-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.25rem;
  padding: 0 1.87rem;
}

.game-end-modal .game-end-modal-content .input-wrap input:not([type='checkbox']) {
  display: flex;
  width: 100%;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  flex: 1 100%;
  border-radius: 2.625rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #fff;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-end-modal .game-end-modal-content .input-wrap input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

#checkedAge + label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #000;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.1375rem */
  letter-spacing: -0.0175rem;
  margin-bottom: 0.37rem;
}

#privacyAgree + label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}

#checkedAge + label > button,
#privacyAgree + label > button {
  color: #000;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.1375rem */
  letter-spacing: -0.0175rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  background: none;
  padding: 0;
}

#checkedAge + label::before,
#privacyAgree + label::before {
  content: '';
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 0.25rem;
  border: 2px solid #000;
  background: #fff;
}

#checkedAge:checked + label::before,
#privacyAgree:checked + label::before {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_checked_ico.png) no-repeat center center /
    0.6875rem 0.6875rem #000;
}

.game-end-modal #eventApply {
  width: 100%;
  height: 5rem;
  padding: 0;
  background: url(https://cdn.banggooso.com/assets/images/game275/popup_event_apply_img.png) no-repeat center center /
    contain;
  position: relative;
  z-index: 1;
}

.game-end-modal #noEventApply {
  display: flex;
  padding: 0.5rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.5rem;
  background: #ededed;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  letter-spacing: -0.025rem;
  margin: 0.75rem 0 0.5rem;
}

.game-end-modal small {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  letter-spacing: -0.02rem;
  position: relative;
}

.game-end-modal small::before {
  content: '';
  position: absolute;
  top: -4.4rem;
  left: -5.05rem;
  width: 6.875rem;
  height: 3.25rem;
  transform: rotate(-15deg);
  aspect-ratio: 55/26;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_end_modal_deco_3.png) no-repeat center center /
    contain;
  z-index: -1;
}

.game-end-modal .apply-detail-text {
  width: 100%;
  height: 100%;
  padding: 1.25rem 1.87rem;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  transform: translateX(calc(100% + 1.25rem));
  transition: transform 0.2s ease-in-out;
  overflow: hidden;
}

.game-end-modal .apply-detail-text:after {
  /* content: ''; */
  position: absolute;
  display: block;
  width: 100%;
  height: 6.25rem;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.81) 50%, #fff 95%);
}

.game-end-modal .apply-detail-text .scroll-wrap {
  height: 100%;
  width: 100%;
  padding-bottom: 9.8rem;
}

.game-end-modal .apply-detail-text #applyDetailClose {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: auto;
  margin-bottom: 1rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/ico_popup_back.png) no-repeat left center / 0.725rem
    1.375rem;
}

.game-end-modal .apply-detail-text .pad-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 0 0.625rem;
  /* Firefox용 */
}

.game-end-modal .apply-detail-text b {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 2.45rem */
  letter-spacing: -0.07rem;
  margin-bottom: 0.75rem;
  padding-left: 0.63rem;
  display: block;
}

.game-end-modal .apply-detail-text .jt-el {
  color: rgba(0, 0, 0, 0.7);
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 1.575rem */
  letter-spacing: -0.045rem;
}

.game-end-modal .apply-detail-text .jt-el li {
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 1.575rem */
  letter-spacing: -0.045rem;
}

.game-end-modal .apply-detail-text .jt-el li ~ li {
  margin-top: 1.5rem;
}

.game-end-modal .apply-detail-text .jt-el ~ .jt-el {
  margin-top: 2rem;
}

.game-end-modal .apply-detail-text span {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 1.575rem */
  letter-spacing: -0.045rem;
  margin-left: 0.63rem;
  display: block;
}

.game-end-modal .apply-detail-text table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.game-end-modal .apply-detail-text table th {
  height: 1.75rem;
  color: #000;
  padding-left: 0.75rem;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.1375rem */
  background: rgba(0, 0, 0, 0.1);
  border: 0.5px solid rgba(0, 0, 0, 0.6);
}

.game-end-modal .apply-detail-text table td {
  opacity: 0.7;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.1375rem */
  vertical-align: top;
  border: 0.5px solid rgba(0, 0, 0, 0.6);
  padding: 0.62rem 0.75rem;
}

.game-end-modal .apply-detail-text table td:last-of-type {
  font-weight: 700;
}

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

.time-out-modal-content {
  display: flex;
  width: 28.25rem;
  height: auto;
  padding: 2rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.25rem;
  background: linear-gradient(0deg, #000 0%, #000 100%), #fff;
}

.time-out-modal-content img {
  width: 16.78569rem;
  height: 15rem;
  flex-shrink: 0;
  aspect-ratio: 268.57/240;
}

.time-out-modal-content h4 {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 140%;
  /* 4.375rem */
  letter-spacing: -0.125rem;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.time-out-modal-content span {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.055rem;
  display: inline-block;
  opacity: 0.7;
  margin-bottom: 1.25rem;
}

.time-out-modal-content button {
  width: 25rem;
  height: 5rem;
  aspect-ratio: 5/1;
  background: url(https://cdn.banggooso.com/assets/images/game275/img_timeout_btn.png) no-repeat center center / contain;
}

.game-wrapper.game-step {
  background: #fff;
}

/* main > game */
.game-field {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 4.0625rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_1.png) no-repeat center center / cover;
}

.game-field .timer-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1.25rem 1.5rem 0;
}

.game-field .tab-info {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.25rem;
  border-radius: 1.25rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.7875rem */
  width: 17rem;
}

.game-field .tab-info b {
  color: #fff94e;
  display: inline-block;
  margin-left: 0.35rem;
}

.game-field .level-step {
  color: #000;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.4625rem */
  letter-spacing: -0.045rem;
  text-transform: uppercase;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff,
    0 -2px 0 #fff, 0 2px 0 #fff;
}

.game-field .timer-wrap {
  height: 0.75rem;
  border-radius: 1.875rem;
  border: 2px solid #fff;
  background: #fff;
  flex: 1;
  position: relative;
}

.game-field .timer-inner {
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 1.875rem;
  transition: width 0.1s linear;
  position: absolute;
  will-change: width;
}

.game-field .timer-img {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game275/ico_timer_clock.png) no-repeat center center / contain;
}

.game-field .count-wrapper {
  position: absolute;
  top: calc(4.0625rem + 5.62rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.game-field .count-wrapper span {
  display: flex;
  height: 2.75rem;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.5rem;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.625rem */
  text-transform: uppercase;
  position: relative;
}

.game-field .count-wrapper span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0.9375rem;
  height: 0.6875rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/bottom_deco.png) no-repeat center center / contain;
}

.game-field .count-wrapper span b {
  color: #fff94e;
}

.game-field .count-wrapper span svg {
  width: 0.9375rem;
  height: 0.6875rem;
  position: absolute;
  top: 100%;
}

.game-field .count-wrapper .field-click-count {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 5rem;
  font-style: normal;
  font-weight: 900;
  line-height: 140%;
  /* 7rem */
  letter-spacing: -0.2rem;
  text-shadow: -5px -5px 0 #fff, 5px -5px 0 #fff, -5px 5px 0 #fff, 5px 5px 0 #fff, -5px 0 0 #fff, 5px 0 0 #fff,
    0 -5px 0 #fff, 0 5px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff, -3px 0 0 #fff,
    3px 0 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff,
    -1px 0 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff;
}

.game-field .hand-wrapper {
  position: absolute;
  right: 0;
  top: calc(50% - 10rem);
  width: 26.5rem;
  height: 18.3125rem;
  flex-shrink: 0;
  aspect-ratio: 237/100;
}

.game-field .hand-el {
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/game_hand_img.png) no-repeat center center / contain;
  transition: transform 0.1s ease-in-out;
  will-change: transform;
  transform: translateX(5.12rem);
}

.game-field .game-deco-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.game-field .chat-bbl {
  display: none;
}

.game-wrapper.step .app-main:after {
  content: none;
}

.game-wrapper.step .app-main {
  background: url(https://cdn.banggooso.com/assets/images/game275/step_bg_1.png) no-repeat center center / cover;
}

.game-wrapper.step-other .app-main {
  background: url(https://cdn.banggooso.com/assets/images/game275/step_bg_2.png) no-repeat center center / cover;
}

.skip-btn {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  display: flex;
  width: 6.625rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: url(https://cdn.banggooso.com/assets/images/game275/step_skip_btn.png) no-repeat center center / contain;
  cursor: pointer;
}

.game-inner {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}

.game-inner .favorite-name {
  position: absolute;
  top: 5.81rem;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.95rem */
}

.game-inner.step-4 .chat-wrap ul > li {
  opacity: 0;
  animation: chatFloating 0.2s ease-in-out forwards;
}

.game-inner.step-4 .chat-wrap ul > li:nth-child(1) {
  animation-delay: 0;
}

.game-inner.step-4 .chat-wrap ul > li:nth-child(2) {
  animation-delay: 0.1s;
}

.game-inner.step-4 .chat-wrap ul > li:nth-child(3) {
  animation-delay: 0.2s;
}

.game-inner.step-4 .chat-wrap ul > li:nth-child(4) {
  animation-delay: 0.3s;
}

@keyframes chatFloating {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }

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

.game-inner:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 12.5625rem;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 85.25%);
  z-index: -1;
}

.game-inner .inner-txt {
  position: absolute;
  width: calc(100% - 10.38rem);
  top: 13.13rem;
  left: 5.19rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

.game-inner .inner-txt h4 {
  color: #000;
  font-family: 'Pretendard';
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 3.4125rem */
}

.game-inner .inner-txt p {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.95rem */
}

.game-inner .inner-bg {
  position: absolute;
  width: 50.6875rem;
  height: 67.375rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/step_sub_1.png) no-repeat center center / cover;
  z-index: -1;
  top: 2rem;
  left: -2.94rem;
}

.game-inner .inner-bg.other {
  background: url(https://cdn.banggooso.com/assets/images/game275/step_sub_2.png) no-repeat center center / cover;
}

.game-inner .player-chat {
  width: 100%;
  position: absolute;
  bottom: 3.56rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.game-inner .player-chat p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 2.275rem */
  padding: 1rem 2.5rem;
  border-radius: 1.25rem;
  border: 1px solid #000;
  background: #000;
  position: relative;
}

.game-inner .player-chat p b {
  color: #fff94e;
}

.game-inner .player-chat p svg {
  width: 1.5rem;
  height: 1.0625rem;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.game-inner .alarm-wrap {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 5.19rem;
  transform: translateX(-50%);
  display: flex;
  width: 22.5rem;
  padding: 1.25rem;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1.875rem;
  border: 2px solid #000;
  background: linear-gradient(180deg, #fff 50%, #fff587 100%);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  animation: floating 0.4s ease-in-out forwards;
}

@keyframes floating {
  0% {
    opacity: 0;
    transform: translateY(2rem) translateX(-50%);
  }

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

.game-inner .alarm-wrap .profile {
  width: 4.375rem;
  height: 4.375rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.game-inner .alarm-wrap .txt {
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
}

.game-inner .alarm-wrap .txt p {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.game-inner .alarm-wrap .info-txt {
  position: absolute;
  bottom: -2.38rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  padding: 0.5rem 1.25rem;
  border-radius: 3.75rem;
  border: 1px solid #000;
  background: #000;
  color: #fff94e;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.95rem */
  opacity: 0;
  animation: delayFade 0.4s ease-in-out forwards 0.4s;
}

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

  100% {
    opacity: 1;
  }
}

.game-inner .alarm-wrap .info-txt svg {
  width: 1.5rem;
  height: 1.0625rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.game-inner .chat-wrap {
  position: absolute;
  width: calc(100% - 11.38rem);
  display: flex;
  flex-direction: column;
  top: 11.19rem;
  left: 5.69rem;
  gap: 1.25rem;
}

.game-inner .chat-wrap .chat-header {
  display: flex;
  align-items: center;
  gap: 0.37rem;
}

.game-inner .chat-wrap .chat-header .profile {
  width: 3.75rem;
  height: 3.75rem;
  aspect-ratio: 1/1;
}

.game-inner .chat-wrap .chat-header span {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
}

.game-inner .chat-wrap ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.game-inner .chat-wrap ul li {
  display: flex;
  padding: 1rem 1.25rem;
  align-items: center;
  border-radius: 1.25rem;
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
}

/* 아래 클릭 수에 따른 배경 변경 */
.app-main.game {
  padding-top: 0;
}

.game-field.bg-1 {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_1.png) no-repeat center center / cover;
}

.game-field.bg-2 {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_2_1.png) no-repeat center center / cover;
  position: relative;
}

.game-field.bg-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
}

body:after {
  content: url(https://cdn.banggooso.com/assets/images/game275/game_bg_2_1.png)
    url(https://cdn.banggooso.com/assets/images/game275/game_bg_2_2.png)
    url(https://cdn.banggooso.com/assets/images/game275/game_bg_2_3.png)
    url(https://cdn.banggooso.com/assets/images/game275/game_bg_2_4.png);
  z-index: -999;
  display: block;
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
}

.game-field.bg-3 {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_3.png) no-repeat center center / cover;
}

.game-field.bg-5 {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_5.png) no-repeat center center / cover;
}

.game-field.bg-4 {
  background: url(https://cdn.banggooso.com/assets/images/game275/game_bg_4.png) no-repeat center center / cover;
}

.game-field.bg-1 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_1_hand.png) no-repeat center center / contain;
}

.game-field.bg-2 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_2_hand.png) no-repeat center center / contain;
}

.game-field.bg-3 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_hand_1.png) no-repeat center center / contain;
  position: relative;
}

.game-field.bg-3.event-1 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_hand_2.png) no-repeat center center / contain;
}

.game-field.bg-3.event-2 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_hand_3.png) no-repeat center center / contain;
}

.game-field.bg-4 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_4_hand.png) no-repeat center center / contain;
}

.game-field.bg-5 .hand-el {
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_5_hand.png) no-repeat center center / contain;
}

.game-field.bg-1 .game-deco-el {
  position: absolute;
  width: 18.75rem;
  height: 20.5rem;
  flex-shrink: 0;
  aspect-ratio: 75/82;
  left: 6.12rem;
  top: calc(50% + -2.5rem);
  background: url(https://cdn.banggooso.com/assets/images/game275/game_deco_1.png) no-repeat center center / contain;
}

.game-field.bg-1.event-1 .game-deco-el:before {
  content: '';
  display: block;
  position: absolute;
  width: 9.375rem;
  height: 4rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_1_game_deco.png) no-repeat center center / contain;
}

.game-field.bg-1.event-1 .game-deco-el:before {
  left: -3.75rem;
  top: -3.38rem;
}

.game-field.bg-1.event-2 .game-deco-el:before {
  content: '';
  left: -3.75rem;
  top: -3.38rem;
  display: block;
  position: absolute;
  width: 9.375rem;
  height: 4rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_1_game_deco.png) no-repeat center center / contain;
}

.game-field.bg-1.event-2 .game-deco-el:after {
  right: -5.56rem;
  bottom: 1.38rem;
  content: '';
  display: block;
  position: absolute;
  width: 9.375rem;
  height: 4rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_1_game_deco.png) no-repeat center center / contain;
}

@keyframes bg2Animation {
  0% {
    background-image: url('https://cdn.banggooso.com/assets/images/game275/game_bg_2_1.png');
  }

  33% {
    background-image: url('https://cdn.banggooso.com/assets/images/game275/game_bg_2_2.png');
  }

  66% {
    background-image: url('https://cdn.banggooso.com/assets/images/game275/game_bg_2_3.png');
  }

  100% {
    background-image: url('https://cdn.banggooso.com/assets/images/game275/game_bg_2_1.png');
  }
}

.bg2-animated {
  animation: bg2Animation 4s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
}

.game-field.bg-2.event-1:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_2_event_1.png) no-repeat center center / cover;
  z-index: -1;
}

.game-field.bg-2.event-2:after {
  content: none;
}

.game-field.bg-3.event-1 .game-deco-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  width: 9.375rem;
  height: 4rem;
  left: 1.31rem;
  top: calc(50% + 7rem);
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_event_1.png) no-repeat center center / contain;
}

.game-field.bg-3.event-2 .game-deco-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  width: 9.375rem;
  height: 4rem;
  left: 1.31rem;
  top: calc(50% + 7rem);
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_event_1.png) no-repeat center center / contain;
}

.game-field.bg-3.event-2 .game-deco-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 14.5rem);
  right: 0.81rem;
  width: 9.375rem;
  height: 4rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_3_event_2.png) no-repeat center center / contain;
}

.game-field.bg-4.event-1:before {
  content: '';
  display: blcok;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_4_event_1.png) no-repeat center center / cover;
  z-index: -1;
}

.game-field.bg-4.event-2::before {
  content: '';
  display: blcok;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_4_event_1.png) no-repeat center center / cover;
  z-index: -1;
}

.game-field.bg-4.event-2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_4_event_2.png) no-repeat center center / cover;
  z-index: -1;
}

.game-field.bg-5.event-1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_5_event_1.png) no-repeat center center / cover;
  z-index: -1;
}

.game-field.bg-5.event-2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_5_event_1.png) no-repeat center center / cover;
  z-index: -2;
}

.game-field.bg-5.event-2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/idx_5_event_2.png) no-repeat center center / cover;
  z-index: -1;
}

/* result */
.game-wrapper .app-header {
  position: absolute;
  width: 100%;
  height: 4.0625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  z-index: 999;
}

.game-result {
  padding: 0;
  align-items: center;
  padding-top: 2.5rem;
}

/* 저장 image */
.img-result {
  display: flex;
  width: 25rem;
  flex-direction: column;
  align-items: center;
}

.img-result-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  overflow: hidden;
}

.img-result-heading {
  display: flex;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.5rem;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.75rem;
  /* 127.273% */
  letter-spacing: -0.055rem;
  margin-bottom: 1.25rem;
}

.img-result-wrapper .img-el {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  padding: 1.87rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  background: url(https://cdn.banggooso.com/assets/images/game275/capture_bg.png) no-repeat center center / contain;
}

.img-result-wrapper .img-el > span {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
  opacity: 0.7;
  display: inline-block;
  margin-bottom: 0.31rem;
}

.img-result-wrapper .img-el h3 {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 2.4375rem */
  margin-bottom: 1.62rem;
}

.img-result-wrapper .result-thumb {
  display: flex;
  width: 100%;
  gap: 1.12rem;
  align-items: flex-end;
}

.img-result-wrapper .result-thumb > img {
  width: 13.125rem;
  height: 13.125rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.img-result-wrapper .result-thumb > div {
  flex: 1;
}

.img-result-wrapper .result-thumb .team-score:nth-of-type(1),
.img-result-wrapper .result-thumb .user-score:nth-of-type(3) {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.1375rem */
  display: inline-flex;
  padding: 0.1875rem 0.3125rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
}

.img-result-wrapper .result-thumb .team-score:nth-of-type(1) b,
.img-result-wrapper .result-thumb .user-score:nth-of-type(3) b {
  font-weight: 500;
  opacity: 0.7;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.img-result-wrapper .result-thumb .team-score:nth-of-type(1) b:after,
.img-result-wrapper .result-thumb .user-score:nth-of-type(3) b:after {
  content: '';
  width: 0.0625rem;
  height: 0.875rem;
  background-color: #fff;
  opacity: 0.5;
  display: inline-block;
}

.img-result-wrapper .result-thumb .team-score:nth-of-type(2),
.img-result-wrapper .result-thumb .user-score:nth-of-type(4) {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 3.25rem */
  margin-top: 0.37rem;
  margin-bottom: 1.25rem;
}

.img-result-wrapper .result-thumb .user-score:nth-of-type(4) {
  margin-bottom: 0;
}

.img-result-wrapper .make-date {
  margin-top: auto;
  display: flex;
  gap: 1.25rem;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.1375rem */
  opacity: 0.5;
}

.img-object {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}

.game-result .thumb-img-text {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 1.5rem */
  margin-top: 0.75rem;
  opacity: 0.7;
}

.game-result .dot-bg-container {
  min-height: 40.5rem;
  overflow: hidden;
  position: relative;
}

.game-result .dot-bg-container:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/rank_list_dot_bg.png) no-repeat center center / cover;
  background-position: center 3rem;
}

.game-result .team-rank-container {
  height: 100%;
  padding: 10.5rem 1.5rem 9rem 1.5rem;
  justify-content: flex-start;
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64.71%, #fff 87.42%, rgba(255, 255, 255, 0) 95%);
  margin-top: 2rem;
}

.game-result .team-rank-container:after {
  content: '';
  position: absolute;
  bottom: 7rem;
  display: block;
  width: 100%;
  height: 4.9375rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.81) 50%, #fff 95%);
}

.game-result .team-rank-container:before {
  top: 0;
}

.game-result .team-rank-container .team-rank-scroll {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-y: scroll;
  padding-bottom: 1.5rem;
}

.game-result .scroll-txt {
  position: absolute;
  bottom: 5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 0.5;
}

.game-result .event-container {
  width: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game275/result_event_section_bg.png) no-repeat center bottom /
    auto;
  background-size: inherit;
  display: flex;
  align-items: center;
  flex-flow: column;
  padding-bottom: 3.75rem;
}

.game-result .event-container .ttl {
  width: 19.9375rem;
  height: 9.0625rem;
  aspect-ratio: 11/5;
}

.game-result .event-container .chicken-img {
  width: 100%;
  height: 11.75rem;
  aspect-ratio: 1/1;
}

.game-result .event-container ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 1.88rem;
  gap: 2.3125rem;
  margin-bottom: 1.22rem;
}

.game-result .event-container ul li {
  display: flex;
  justify-content: space-between;
  font-family: 'nelnayesam';
  color: #000;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 2.1rem */
  padding-right: 0.63rem;
}

.game-result .event-container ul li p {
  display: flex;
  flex-flow: column;
  padding: 1.72rem 0;
  position: relative;
  padding-left: 2.5rem;
}

.game-result .event-container ul li p b {
  font-size: 2rem;
  font-weight: 400;
}

.game-result .event-container ul li p:before {
  content: '';
  position: absolute;
  top: 1.72rem;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/before_deco_img.png) no-repeat center center / contain;
}

.game-result .event-container ul li:after {
  content: '';
  display: block;
  width: 6.875rem;
  height: 10.3125rem;
  flex-shrink: 0;
}

.game-result .event-container ul li:nth-of-type(1):after {
  background: url(https://cdn.banggooso.com/assets/images/game275/result_event_goods_1.png) no-repeat center center /
    contain;
}

.game-result .event-container ul li:nth-of-type(2):after {
  background: url(https://cdn.banggooso.com/assets/images/game275/result_event_goods_2.png) no-repeat center center /
    contain;
}

.game-result .event-container ul li:nth-of-type(3):after {
  background: url(https://cdn.banggooso.com/assets/images/game275/result_event_goods_3.png) no-repeat center center /
    contain;
}

.game-result .event-container ul li ~ li:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.3125rem;
  top: -1.325rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/dashed_deco_line_gray.png) no-repeat center center /
    contain;
}

.game-result .event-container .sub-txt {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 2.1rem */
  display: flex;
  transform: rotate(2deg);
  padding: 1rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #000;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.game-result .event-container .rand-bhc {
  width: 27.5rem;
  height: 5.75rem;
  aspect-ratio: 110/23;
  background: url(https://cdn.banggooso.com/assets/images/game275/result_bhc_randing.png) no-repeat center center /
    contain;
  margin-top: 3.75rem;
}

.game-result .event-container .rand-bhc span {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.7875rem */
  display: inline-flex;
  padding: 0.5rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 3.75rem;
  background: #fff94e;
  position: absolute;
  bottom: calc(100% + 0.31rem);
  left: 50%;
  transform: translateX(-50%);
}

.game-result .event-container .rand-bhc svg {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.game-result .event-sec-container {
  padding-top: 8.25rem;
  margin-top: -4.25rem;
  background: #000;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: -1;
}

.game-result .event-sec-container .ttl {
  width: 28.25rem;
  height: 21.12508rem;
}

.game-result .event-sec-container > p {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
}

.game-result .event-sec-container > p b {
  font-weight: 800;
}

.game-result .event-sec-container > p b i {
  font-style: normal;
  color: #fff94e;
}

.game-result .event-sec-container .jst-line {
  width: 27.5rem;
  height: 0.3125rem;
  margin-top: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/dashed_deco_line_wht.png) no-repeat center center /
    contain;
}

.game-result .event-sec-container .info-wrapper {
  margin-top: 1.25rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.game-result .event-sec-container .info-wrapper .info-ttl {
  display: flex;
  padding: 0.25rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.5rem;
  background: #fff;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.7875rem */
}

.game-result .event-sec-container .info-wrapper p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.7875rem */
  margin: 0.5rem 0;
}

.game-result .event-sec-container .info-wrapper p b {
  font-weight: 800;
}

.game-result .event-sec-container .info-wrapper .info-date {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  padding: 0.25rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  border-radius: 2.5rem;
  background: #fff;
}

.game-result .event-sec-container .info-wrapper .info-date b {
  font-weight: 800;
}

.game-result .event-sec-container .info-wrapper .info-img {
  width: 100%;
  height: 30rem;
  margin-top: 1rem;
  position: relative;
}

.game-result .event-sec-container .info-wrapper .info-img .pick-hand {
  width: 22.515rem;
  height: 9.5rem;
  flex-shrink: 0;
  aspect-ratio: 360.24/152;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.game-result .event-sec-container .info-wrapper .info-img .pick-hand .inner {
  width: 41.75rem;
  height: 10.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game275/result_goods_bg_hand.png) no-repeat center center /
    contain;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
  position: absolute;
}

.game-result .event-sec-container .info-wrapper .info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game-result .event-sec-container .info-wrapper ul {
  display: inline-flex;
  flex-direction: column;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  opacity: 0.5;
  flex-wrap: wrap;
}

.game-result .event-sec-container .info-wrapper ul li {
  position: relative;
  padding-left: 0.8rem;
}

.game-result .event-sec-container .info-wrapper ul li:before {
  content: '•';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.game-result .event-sec-container .info-wrapper .btn-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.62rem;
  padding: 2.5rem 0;
  margin: 0 1.88rem;
}

.game-result .event-sec-container .info-wrapper .btn-wrapper button {
  width: 100%;
  height: 5.75rem;
  aspect-ratio: 110/23;
}

.game-result .event-sec-container .info-wrapper .btn-wrapper button.share {
  background: url(https://cdn.banggooso.com/assets/images/game275/share_btn.png) no-repeat center center / contain;
}

.game-result .event-sec-container .info-wrapper .btn-wrapper button.restart {
  background: url(https://cdn.banggooso.com/assets/images/game275/restart_btn.png) no-repeat center center / contain;
}

.game-result .contents-more {
  background: #303030;
  border-radius: 0;
  flex-flow: wrap;
  margin: 0;
  padding-bottom: 2.19rem;
  padding-top: 2.5rem;
  margin-top: -1px;
}

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

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

.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;
  margin-top: 0;
}

.game-result .contents-more .contents-list .game-btn {
  margin: 0;
  border: 0;
  background: transparent;
  padding: 1.66669rem 2rem;
  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/game267/ico_result_more_content_arrow_grey.png) no-repeat
    center / contain;
  transform-origin: center;
}

.game-result .recommend-list {
  margin: 0;
  background-color: #303030;
  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;
  width: 100%;
}

.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 #303030;
}

.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: #fff;
  color: #000;
  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-warning-bg {
  background-color: red !important;
}

.game-warning-font {
  color: red !important;
}

.game-result .event-toggle-container {
  width: 100%;
}

.game-result .event-toggle-container .event-toggle-inner {
  margin: 0 1.5rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
}

.game-result .event-toggle-container .event-toggle-inner button {
  display: flex;
  width: 100%;
  height: 4.5rem;
  padding-left: 1.25rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: none;
  position: relative;
}

.game-result .event-toggle-container .event-toggle-inner button:after {
  content: '';
  position: absolute;
  display: block;
  width: 4.5rem;
  height: auto;
  aspect-ratio: 1;
  right: 0;
  top: 0;
  background: url(https://cdn.banggooso.com/assets/images/game275/toggle_ico_wht.png) no-repeat center center / contain;
  transition: transform 0.3s ease;
}

.game-result .event-toggle-container .event-toggle-inner.open button:after {
  transform: rotate(180deg);
}

#toggleContent {
  display: flex;
  padding: 1.75rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#toggleContent h4 {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0.75rem;
}

#toggleContent .reward-table {
  width: 100%;
  height: auto;
}

#toggleContent h5 {
  margin: 1.5rem 0 0.75rem;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* 파티클 시스템 스타일 */
.particle-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  overflow: hidden;
}

.particle {
  position: absolute;
  pointer-events: none;
}

/* 파티클 떨어지는 애니메이션 */
@keyframes particle-fall {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 1;
  }

  100% {
    transform: translateY(30vh) translateX(var(--horizontal-drift)) rotate(720deg);
    opacity: 0;
  }
}

/* 파티클 개별 애니메이션 변형 */
.particle:nth-child(odd) {
  animation-timing-function: ease-in;
}

.particle:nth-child(even) {
  animation-timing-function: ease-out;
}

.particle:nth-child(3n) {
  animation-timing-function: linear;
}