@charset "utf-8";

.popup-container[data-v-d97f6349] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); }

.tag[data-v-a9b0102b] { position: relative; display: inline-block; padding-right: 0.625rem; padding-left: 1.25rem; font-weight: 700; padding-top: 0.125rem; font-size: 0.82738rem; line-height: 1.07975rem; background: linear-gradient(90deg, rgb(255, 112, 30) 15.58%, rgb(255, 73, 219)); border-radius: 62.4375rem; box-shadow: rgba(80, 35, 8, 0.4) 0px 0.13813rem 0.13813rem; }

.popup-container[data-v-3da44987] { --van-popup-background: #fff; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; --un-text-opacity: 1; color: rgb(0 0 0 / var(--un-text-opacity)); }

.popup-container[data-v-f32f8f4a] { --van-popup-background: transparent; --van-button-default-background: #3b404b; }

.popup-container[data-v-292b37b8] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); }

.freechip-card[data-v-292b37b8] { max-height: calc(100vh - 1.5rem); padding: 2rem 1rem 1.5rem; overflow: hidden; }

.freechip-game-scroll[data-v-292b37b8] { max-height: clamp(13.75rem, 100vh - 20rem, 22.5rem); padding-right: 0.0625rem; overflow-y: auto; }

.freechip-game-scroll[data-v-292b37b8]::-webkit-scrollbar { display: none; }

.freechip-game-grid[data-v-292b37b8] { display: flex; flex-wrap: wrap; gap: 0.625rem; justify-content: center; }

.freechip-game-item[data-v-292b37b8] { flex: 0 0 calc((100% - 1.25rem) / 3); min-width: 0px; }

.freechip-scroll-mask[data-v-292b37b8] { position: absolute; right: 0px; bottom: -0.125rem; left: 0px; height: 1.5rem; pointer-events: none; background: linear-gradient(rgba(41, 44, 50, 0), rgb(41, 44, 50)); }

.freechip-action-button[data-v-292b37b8] { width: 15rem; height: 3.375rem; margin: 1.375rem auto 0px; font-size: 1rem; font-weight: 700; border: 0px; border-radius: 0.75rem; }

.popup-container[data-v-b03ea4e1] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); }

.popup-container[data-v-2473b03f] { --van-popup-background: #292c32; --van-button-default-background: #3b404b; border-radius: 1.25rem; padding-bottom: 1rem; padding-top: 1.875rem; width: calc(100vw - 1.5rem); }

.popup-container .footer-wrap[data-v-2473b03f] { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 1.25rem; background: linear-gradient(0deg,var(--van-popup-background) 79.76%,rgb(41 44 50 / 0%) 100%); }

.popup-container[data-v-f671ce9a] { --van-popup-background: transparent; overflow: unset; }

.content-wrapper[data-v-f671ce9a] { position: relative; overflow: hidden; border-radius: 1.5rem; padding-bottom: 2.75rem; text-align: center; background: linear-gradient(rgb(41, 42, 44) 0%, rgb(41, 42, 44) 100%); box-shadow: rgb(255, 232, 55) 0px 0px 0.75rem; }

.reward-material[data-v-f671ce9a] { margin-left: auto; margin-right: auto; height: 11rem; object-fit: cover; }

.congratulations-badge[data-v-f671ce9a] { margin-left: auto; margin-right: auto; margin-top: -1rem; height: 1.625rem; width: fit-content; display: flex; align-items: center; column-gap: 0.5rem; border-radius: 624.938rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; --un-text-opacity: 1; color: rgb(38 38 40 / var(--un-text-opacity)); font-weight: 700; background: linear-gradient(90deg, rgb(254, 229, 49), rgb(254, 229, 51)); }

.reward-amount[data-v-f671ce9a] { margin-left: auto; margin-right: auto; margin-top: 0.75rem; font-size: 3.25rem; --un-text-opacity: 1; color: rgb(254 224 13 / var(--un-text-opacity)); font-weight: 700; }

.reward-desc[data-v-f671ce9a] { margin-left: auto; margin-right: auto; margin-top: 0.5rem; --un-text-opacity: 1; color: rgb(251 251 252 / var(--un-text-opacity)); font-weight: 700; }

.claim-button[data-v-f671ce9a] { margin-left: auto; margin-right: auto; margin-top: 2.9375rem; height: 3.125rem; width: 12.5rem; }

.reward-bottom-line[data-v-f671ce9a] { position: absolute; bottom: 0px; left: 50%; width: 70%; --un-translate-x: -50%; --un-translate-y: 50%; transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)); }

.popup-container[data-v-759ba2b9] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); }

.popup-container[data-v-c68c8438] { --van-popup-background: transparent; width: 21.5625rem; overflow: visible; }

.cashback-shell[data-v-c68c8438] { padding-top: 2.125rem; margin-right: -1rem; margin-left: -1rem; }

.cashback-card[data-v-c68c8438] { position: relative; width: 100%; }

.cashback-card-bg[data-v-c68c8438] { display: block; width: 100%; }

.cashback-confetti[data-v-c68c8438] { position: absolute; top: -4rem; left: 50%; z-index: 3; width: 108%; max-width: none; pointer-events: none; transform: translate(-50%); }

.cashback-copy[data-v-c68c8438] { position: absolute; inset: 43% 1.125rem 0px; z-index: 2; display: flex; flex-direction: column; padding-bottom: 5.625rem; }

.cashback-amount[data-v-c68c8438] { margin-top: 0.5rem; font-size: 3.25rem; font-weight: 800; line-height: 1; color: rgb(174, 100, 0); text-align: center; letter-spacing: -0.09375rem; text-shadow: rgba(255, 249, 219, 0.9) 0px 0.125rem 0px; }

.cashback-title[data-v-c68c8438] { margin-top: 0.5rem; margin-right: 2rem; margin-left: 2rem; font-size: 0.875rem; font-weight: 700; line-height: 1.125rem; color: rgb(150, 121, 82); text-align: center; }

.cashback-button[data-v-c68c8438] { position: absolute; bottom: 3.75rem; left: 50%; width: 12.5rem; height: 3.125rem; font-size: 1rem; font-weight: 700; background: rgb(243, 107, 13); border: 0px; border-radius: 0.75rem; box-shadow: none; transform: translate(-50%); }

.download-app-content[data-v-c68c8438] { padding: 0px; }

.download-app-animation-shell[data-v-c68c8438] { width: calc(100% - 1rem); margin: 0px auto; cursor: pointer; }

.download-app-animation[data-v-c68c8438] { display: block; pointer-events: none; }

.popup-container[data-v-ae729f83] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); max-width: 25rem; }

.popup-container[data-v-7b75ac47] { --van-popup-background: transparent; width: 100vw; max-width: 100vw; }

.popup-container[data-v-8c1c6bee] { width: 100%; }

.popup-container[data-v-372df463] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); overflow: visible; }

@keyframes sprint-arrow-move-83d38f77 { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-50%); }
}

@keyframes sprint-main-bounce-83d38f77 { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
  65% { transform: scale(0.985); }
  82% { transform: scale(1.015); }
}

@keyframes sprint-cta-breathe-83d38f77 { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.92; transform: scale(1.04); }
}

.sprint_main_image[data-v-83d38f77] { transform-origin: center center; animation: 1.6s ease-in-out 0s infinite normal none running sprint-main-bounce-83d38f77; will-change: transform; }

.sprint_cta_breathe[data-v-83d38f77] { transform-origin: center center; animation: 1.4s ease-in-out 0s infinite normal none running sprint-cta-breathe-83d38f77; will-change: transform, opacity; }

.sprint_cta_breathe--delay[data-v-83d38f77] { animation-delay: 0.35s; }

.popup-container[data-v-83d38f77] { --van-popup-background: transparent; width: 100vw; max-width: 100vw; max-height: 100vh; overflow-y: visible; }

.sprint_body[data-v-83d38f77] { position: relative; padding: 6% 10% 0px; margin-top: -0.0625rem; background-image: url(/assets/img/mhtml-hall/b2.png); background-size: 100% 100%; }

.sprint_time[data-v-83d38f77] { font-size: clamp(0.625rem, 2.9vw, 0.75rem); font-weight: 600; color: rgb(242, 202, 100); text-align: center; }

.sprint_current_reward[data-v-83d38f77] { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: clamp(1.25rem, 7vw, 1.75rem); padding: 0px 8% 0px 16%; margin-bottom: 2.5%; font-size: clamp(0.625rem, 2.9vw, 0.75rem); background-image: url(/assets/img/mhtml-hall/currentbg.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.sprint_current_reward_icon[data-v-83d38f77] { position: absolute; top: 48%; left: -1%; width: clamp(1.625rem, 8vw, 1.875rem); transform: translateY(-50%); }

.sprint_current_reward_label[data-v-83d38f77] { min-width: 0px; font-weight: 600; color: rgb(255, 255, 255); white-space: nowrap; }

.sprint_current_reward_tier[data-v-83d38f77], .sprint_current_reward_amount[data-v-83d38f77] { font-weight: 700; color: rgb(252, 225, 22); }

.sprint_current_reward_amount[data-v-83d38f77] { flex-shrink: 0; margin-left: 0.375rem; text-align: right; white-space: nowrap; }

.sprint_info_card[data-v-83d38f77] { position: relative; padding: 2.5% 5% 3.5%; background-size: 100% 100%; }

.sprint_info_card--deposit[data-v-83d38f77] { background-image: url(/assets/img/mhtml-hall/infobg.png); }

.sprint_info_card--bet[data-v-83d38f77] { background-image: url(/assets/img/mhtml-hall/infobg1.png); }

.sprint_info_card_header[data-v-83d38f77] { display: flex; align-items: center; justify-content: space-between; }

.sprint_info_card_title[data-v-83d38f77] { font-size: clamp(0.625rem, 2.8vw, 0.75rem); font-weight: 700; color: rgb(240, 198, 111); }

.sprint_completed_badge[data-v-83d38f77] { display: flex; gap: 0.125rem; align-items: center; font-size: clamp(0.5625rem, 2.5vw, 0.75rem); font-weight: 700; line-height: 1; color: rgb(240, 172, 30); white-space: nowrap; }

.sprint_completed_badge_icon[data-v-83d38f77] { display: flex; align-items: center; justify-content: center; width: clamp(0.625rem, 3vw, 0.875rem); aspect-ratio: 1 / 1; }

.sprint_progress[data-v-83d38f77] { position: relative; height: clamp(1rem, 5vw, 1.25rem); margin-top: 2%; background: linear-gradient(rgb(49, 4, 7), rgb(64, 2, 9) 51.44%, rgb(85, 7, 15)); border: 0.03125rem solid rgb(245, 191, 66); border-radius: 1.25rem; }

.sprint_progress_track[data-v-83d38f77] { position: absolute; inset: 0.0625rem; overflow: hidden; border-radius: 1.25rem; }

.sprint_progress_bar[data-v-83d38f77] { height: 100%; background: linear-gradient(rgb(224, 104, 27) 39.42%, rgb(219, 90, 7) 52.4%, rgb(237, 109, 7)); border: 0.0125rem solid rgba(255, 255, 255, 0.46); border-radius: 1.25rem; box-shadow: rgb(255, 244, 59) 0px -0.0625rem 0.0625rem inset, rgb(255, 255, 255) 0px 0.0625rem 0.0625rem inset; transition: width 0.3s ease 0s; }

.sprint_info_card--bet .sprint_progress_bar[data-v-83d38f77] { background: linear-gradient(rgb(218, 20, 9) 41.83%, rgb(234, 10, 2) 52.4%, rgb(248, 36, 5)); }

.sprint_progress_text[data-v-83d38f77] { position: relative; padding-left: 0.5rem; font-size: clamp(0.625rem, 2.8vw, 0.8125rem); font-weight: 700; line-height: clamp(1rem, 5vw, 1.25rem); color: rgb(255, 244, 47); white-space: nowrap; text-shadow: rgb(0, 0, 0) 0px 0.0625rem 0.0625rem; }

.sprint_track_mid[data-v-83d38f77] { background-image: url(/assets/img/mhtml-hall/t2.png); background-size: 100% 100%; }

.sprint_track_fill[data-v-83d38f77] { position: absolute; top: 0.375rem; left: 52%; width: 46%; height: 96%; border-radius: 0.625rem; overflow: hidden; transform: translate(-50%); }

.sprint_track_arrow_list[data-v-83d38f77] { position: absolute; top: 0px; left: 0px; width: 100%; height: 200%; animation: 1.92s steps(25) 0s infinite normal none running sprint-arrow-move-83d38f77; will-change: transform; }

.sprint_tier_list[data-v-83d38f77] { }

.sprint_tier_list[data-v-83d38f77]::-webkit-scrollbar { display: none; }

.sprint_tier_btn[data-v-83d38f77] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 297 / 129; padding-left: 7%; cursor: pointer; background-size: 100% 100%; -webkit-tap-highlight-color: transparent; }

.sprint_tier_btn.is-completed[data-v-83d38f77] { cursor: not-allowed; opacity: 0.7; }

.sprint_tier_btn--status_1[data-v-83d38f77] { background-image: url(/assets/img/mhtml-hall/status_1.png); }

.sprint_tier_btn--status_2[data-v-83d38f77] { background-image: url("/images/activity/bonusSprint/status_2.png"); }

.sprint_tier_btn--status_3[data-v-83d38f77] { background-image: url("/images/activity/bonusSprint/status_3.png"); }

.sprint_tier_btn--status_4[data-v-83d38f77] { background-image: url(/assets/img/mhtml-hall/status_4.png); }

.sprint_tier_name[data-v-83d38f77] { font-size: clamp(0.5625rem, 2.6vw, 0.75rem); font-weight: 700; line-height: 1.3; color: rgb(247, 241, 158); }

.sprint_tier_amount[data-v-83d38f77] { font-size: clamp(0.6875rem, 3vw, 0.875rem); font-weight: 700; line-height: 1.3; color: rgb(240, 172, 30); text-shadow: rgb(0, 0, 0) 0px 0.0625rem 0.0625rem; }

.sprint_tier_btn.is-progress .sprint_tier_name[data-v-83d38f77], .sprint_tier_btn.is-progress .sprint_tier_amount[data-v-83d38f77] { color: rgb(117, 37, 0); text-shadow: none; }

.sprint_tier_check[data-v-83d38f77] { position: absolute; top: 16%; right: 8%; display: flex; align-items: center; justify-content: center; width: clamp(0.75rem, 3.4vw, 1rem); aspect-ratio: 1 / 1; }

.sprint_rules_icon[data-v-83d38f77] { width: clamp(0.75rem, 3.2vw, 0.9375rem); }

.sprint_rules_text[data-v-83d38f77] { font-size: clamp(0.6875rem, 3vw, 0.875rem); font-weight: 700; color: rgb(252, 225, 22); text-decoration: underline; }

.sprint_footnote[data-v-83d38f77] { margin: 0px; font-size: clamp(0.625rem, 2.8vw, 0.8125rem); font-weight: 500; line-height: 1.2; color: rgb(227, 200, 120); text-align: center; }

@keyframes special-halo-rotate-4aa10536 { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes special-avatar-bounce-4aa10536 { 
  0%, 100% { transform: translate(-50%); }
  50% { transform: translate(-50%, -0.375rem); }
}

@keyframes special-tooltip-pop-4aa10536 { 
  0% { opacity: 0; transform: translateY(-50%) scale(0.55); }
  65% { opacity: 1; transform: translateY(-50%) scale(1.08); }
  100% { opacity: 1; transform: translateY(-50%) scale(1); }
}

.popup-container[data-v-4aa10536] { --van-popup-background: transparent; width: 100vw; max-width: 100vw; overflow: visible; transform: translateY(-45%); }

.special_container[data-v-4aa10536] { max-width: 31.25rem; height: 38.75rem; max-height: 66vh; }

.special_border[data-v-4aa10536] { position: relative; z-index: 6; width: 100%; height: 100%; pointer-events: none; }

.special_top[data-v-4aa10536] { position: absolute; top: -18%; right: 0px; left: 0px; z-index: 8; pointer-events: none; }

.special_header[data-v-4aa10536] { position: relative; }

.special_title_frame[data-v-4aa10536] { display: block; width: 100%; }

.special_date[data-v-4aa10536] { position: absolute; bottom: 8.5%; left: 50%; z-index: 1; width: 45%; transform: translate(-50%); }

.special_date img[data-v-4aa10536] { display: block; width: 100%; }

.special_date span[data-v-4aa10536] { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; font-size: clamp(0.5rem, 2.8vw, 0.6875rem); font-weight: 600; line-height: 1; color: rgb(235, 217, 240); text-transform: uppercase; white-space: nowrap; }

.special_stats[data-v-4aa10536] { position: absolute; bottom: -29%; left: 50%; display: flex; gap: 1.5%; justify-content: center; width: 78%; transform: translate(-50%); }

.special_stat_card[data-v-4aa10536] { position: relative; width: 49.25%; aspect-ratio: 308 / 150; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.special_stat_card--deposit[data-v-4aa10536] { background-image: url("/images/activity/bonusSprintSpecial/deposit_bg.webp"); }

.special_stat_card--bets[data-v-4aa10536] { background-image: url(/assets/img/mhtml-hall/bets_bg.webp); }

.special_stat_content[data-v-4aa10536] { position: absolute; top: 41%; left: 31%; display: flex; flex-direction: column; gap: clamp(0.125rem, 1vw, 0.25rem); width: 60%; }

.special_stat_title[data-v-4aa10536] { font-size: clamp(0.5625rem, 3vw, 0.75rem); font-weight: 700; line-height: 1; color: rgb(255, 255, 255); white-space: nowrap; }

.special_stat_progress[data-v-4aa10536] { position: relative; width: 100%; aspect-ratio: 22 / 3; margin-top: 0.125rem; overflow: hidden; background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0)); border: 0.0625rem solid rgb(253, 232, 22); border-radius: 1.25rem; }

.special_stat_progress_bar[data-v-4aa10536] { position: absolute; inset: 0.0625rem auto 0.0625rem 0.0625rem; max-width: calc(100% - 0.125rem); background: rgb(225, 72, 17); border-radius: inherit; box-shadow: rgb(255, 254, 82) 0px 0.01875rem 0.1875rem inset; transition: width 0.3s ease 0s; }

.special_stat_card--bets .special_stat_progress_bar[data-v-4aa10536] { background: rgb(107, 20, 201); box-shadow: rgb(255, 255, 255) 0px 0.01875rem 0.1875rem inset; }

.special_stat_progress span[data-v-4aa10536] { position: absolute; inset: 0px; z-index: 1; display: flex; align-items: center; padding-left: 4%; font-size: clamp(0.4375rem, 2.2vw, 0.5625rem); font-weight: 700; line-height: 1; color: rgb(255, 255, 255); white-space: nowrap; text-shadow: rgba(44, 6, 56, 0.7) 0px 0.0625rem 0.0625rem; }

.special_path_viewport[data-v-4aa10536] { position: absolute; inset: 0px 6%; z-index: 1; overflow: hidden auto; overscroll-behavior: contain; border-radius: 0.625rem; }

.special_path_viewport[data-v-4aa10536]::-webkit-scrollbar { display: none; }

.special_path_mask[data-v-4aa10536] { position: absolute; right: 6%; left: 6%; z-index: 2; height: 20.5%; pointer-events: none; background: linear-gradient(rgba(81, 6, 70, 0), rgba(78, 5, 66, 0.84) 20.26%, rgb(77, 5, 65)); border-radius: 0px 0px 0.625rem 0.625rem; }

.special_path_mask--top[data-v-4aa10536] { top: 0px; transform: rotate(180deg); }

.special_path_mask--bottom[data-v-4aa10536] { bottom: 0px; }

.special_path_content[data-v-4aa10536] { min-height: 100%; background-repeat: repeat-y; background-position: center bottom; background-size: 100%; }

.special_tier_list[data-v-4aa10536] { min-height: 100%; padding: 43% 0px 36%; margin: 0px; list-style: none; }

.special_tier_row[data-v-4aa10536] { position: relative; display: flex; align-items: center; width: 100%; height: clamp(4.375rem, 18.3vw, 5rem); }

.special_tier_node[data-v-4aa10536] { position: relative; z-index: 2; display: block; width: clamp(2.8125rem, 13.5vw, 3.75rem); aspect-ratio: 102 / 140; padding: 0px; cursor: pointer; background: transparent; border: 0px; -webkit-tap-highlight-color: transparent; }

.special_tier_row--left .special_tier_node[data-v-4aa10536] { margin-left: 30.8%; }

.special_tier_row--right .special_tier_node[data-v-4aa10536] { margin-left: 52%; }

.special_tier_node.is-completed[data-v-4aa10536] { cursor: not-allowed; }

.special_tier_node.is-selected[data-v-4aa10536] { z-index: 6; }

.special_tier_box[data-v-4aa10536] { position: relative; z-index: 2; display: block; width: 100%; }

.special_tier_halo[data-v-4aa10536] { position: absolute; top: 50%; left: 50%; z-index: 0; width: 166%; max-width: none; animation: 10s linear 0s infinite normal none running special-halo-rotate-4aa10536; will-change: transform; }

.special_tier_avatar[data-v-4aa10536] { position: absolute; bottom: 90%; left: 50%; z-index: 5; width: 98%; aspect-ratio: 1 / 1; border: 0.1875rem solid rgb(255, 253, 7); border-radius: 50%; box-shadow: rgba(39, 8, 62, 0.65) 0px 0.125rem 0.3125rem; animation: 1.6s ease-in-out 0s infinite normal none running special-avatar-bounce-4aa10536; will-change: transform; }

.special_tier_avatar[data-v-4aa10536]::after { position: absolute; bottom: -0.5rem; left: 50%; width: 0px; height: 0px; content: ""; border-top: 0.5rem solid rgb(255, 253, 7); border-right: 0.3125rem solid transparent; border-left: 0.3125rem solid transparent; transform: translate(-50%); }

.special_tier_avatar img[data-v-4aa10536] { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.special_tier_number[data-v-4aa10536] { position: absolute; bottom: 22%; left: 0px; z-index: 3; width: 100%; font-size: clamp(0.6875rem, 3.8vw, 0.9375rem); font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(68, 20, 118, 0.7) 0px 0.125rem 0.125rem; }

.special_tier_node.is-completed .special_tier_number[data-v-4aa10536] { color: rgb(131, 19, 0); text-shadow: rgba(255, 226, 46, 0.7) 0px 0.0625rem 0.0625rem; }

.special_reward[data-v-4aa10536] { position: absolute; top: 70%; z-index: 5; display: inline-flex; align-items: center; width: max-content; min-width: 4rem; height: 1.5625rem; transform: translateY(-50%); }

.special_tier_row--left .special_reward[data-v-4aa10536] { right: 80%; }

.special_tier_row--right .special_reward[data-v-4aa10536] { left: 80%; }

.special_reward_backdrop[data-v-4aa10536] { position: absolute; inset: 0px; display: flex; }

.special_tier_row--left .special_reward_backdrop[data-v-4aa10536] { transform: scaleX(-1); }

.special_reward_backdrop img[data-v-4aa10536] { display: block; width: auto; height: 1.5625rem; }

.special_reward_backdrop .special_reward_middle[data-v-4aa10536] { flex: 1 1 0%; min-width: 1.25rem; }

.special_reward_content[data-v-4aa10536] { position: relative; z-index: 1; display: flex; gap: 0.1875rem; align-items: center; height: 100%; padding: 0px 0.5625rem 0px 0.75rem; font-size: clamp(0.5625rem, 3vw, 0.75rem); font-weight: 700; color: rgb(162, 48, 11); white-space: nowrap; }

.special_tier_row--left .special_reward_content[data-v-4aa10536] { padding-right: 0.75rem; padding-left: 0.4375rem; }

.special_reward_content img[data-v-4aa10536] { width: 0.6875rem; height: 0.6875rem; }

.special_tier_tooltip[data-v-4aa10536] { position: absolute; top: 50%; z-index: 10; display: flex; flex-direction: column; gap: 0.1875rem; width: max-content; min-width: 6.25rem; padding: 0.5rem 0.625rem; font-size: clamp(0.5625rem, 2.8vw, 0.6875rem); font-weight: 700; line-height: 1.2; color: rgb(152, 87, 41); text-align: left; white-space: nowrap; pointer-events: none; background: rgb(250, 248, 236); border-radius: 0.375rem; box-shadow: rgba(54, 4, 68, 0.32) 0px 0.1875rem 0.375rem; transform: translateY(-50%); animation: 0.32s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running special-tooltip-pop-4aa10536; }

.special_tier_tooltip[data-v-4aa10536]::after { position: absolute; top: 50%; width: 0px; height: 0px; content: ""; transform: translateY(-50%); }

.special_tier_row--left .special_tier_tooltip[data-v-4aa10536] { left: calc(100% + 0.25rem); transform-origin: left center; }

.special_tier_row--left .special_tier_tooltip[data-v-4aa10536]::after { left: -0.4375rem; border-top: 0.375rem solid transparent; border-right: 0.4375rem solid rgb(255, 248, 231); border-bottom: 0.375rem solid transparent; }

.special_tier_row--right .special_tier_tooltip[data-v-4aa10536] { right: calc(100% + 0.25rem); transform-origin: right center; }

.special_tier_row--right .special_tier_tooltip[data-v-4aa10536]::after { right: -0.4375rem; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.4375rem solid rgb(255, 248, 231); }

.special_footer[data-v-4aa10536] { position: absolute; right: 0px; bottom: -7%; left: 0px; z-index: 7; padding: 0px 10% 3.125rem; background-image: url(/assets/img/mhtml-hall/footer_bg.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.special_actions[data-v-4aa10536] { display: flex; gap: 1%; align-items: flex-end; justify-content: space-around; width: 98%; margin: -1.25rem auto 0.375rem; }

.special_actions button[data-v-4aa10536] { flex: 0 0 32%; height: 3.75rem; padding: 0px; cursor: pointer; background: transparent; border: 0px; -webkit-tap-highlight-color: transparent; }

.special_actions--double button[data-v-4aa10536], .special_actions--single button[data-v-4aa10536] { flex-basis: 35%; }

.special_actions button.is-disabled[data-v-4aa10536] { filter: grayscale(42%) saturate(70%) brightness(77%); }

.special_actions img[data-v-4aa10536] { display: block; width: 100%; height: 100%; }

.special_rules button[data-v-4aa10536] { display: inline-flex; gap: 0.25rem; align-items: center; padding: 0px; font-size: clamp(0.5625rem, 3vw, 0.75rem); font-weight: 700; color: rgb(252, 225, 22); text-decoration: underline; cursor: pointer; background: transparent; border: 0px; }

.special_rules button img[data-v-4aa10536] { width: 0.75rem; }

.special_rules p[data-v-4aa10536] { margin-top: 0.1875rem; font-size: clamp(0.5rem, 2.8vw, 0.75rem); font-weight: 500; line-height: 1.1; color: rgb(179, 186, 212); white-space: normal; }

.special_close[data-v-4aa10536] { position: absolute; top: -13.5%; right: 1%; z-index: 10; display: flex; align-items: center; justify-content: center; width: 2rem; aspect-ratio: 1 / 1; padding: 0px; color: rgb(255, 255, 255); cursor: pointer; background: rgba(255, 255, 255, 0.3); border: 0.0625rem solid rgba(255, 255, 255, 0.2); border-radius: 50%; }

.popup-container[data-v-a436364c] { --van-popup-background: transparent; width: 100vw; max-width: 100vw; padding-top: 1.25rem; }

.result_container[data-v-a436364c] { width: calc(100vw - 2.5rem); max-width: 25rem; padding: 3.125rem 0px 0px; }

.turntable_container[data-v-a436364c] { padding-bottom: 0.5rem; }

.turntable_wheel[data-v-a436364c] { transition: transform 6s ease-in-out 0s; }

.turntable_wheel[data-v-a436364c]:not(.spinning) { transition: none 0s ease 0s !important; }

.turntable_wheel_awards[data-v-a436364c] { position: absolute; top: 0px; right: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; list-style: none; }

.turntable_wheel_awards_item[data-v-a436364c] { position: absolute; top: 50%; left: 50%; width: 50%; height: 44%; font-size: clamp(1rem, 3.6vw, 1.375rem); font-weight: 700; color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem, rgb(214, 82, 0) 0px 0px 0.1875rem; transform-origin: center bottom; }

.turntable_wheel_awards_item img[data-v-a436364c] { display: block; width: 31%; margin: -0.1875rem auto auto; }

.progress_bar[data-v-a436364c] { position: absolute; top: 0px; left: 0px; width: 50%; height: 4.3vw; max-height: 1.4375rem; background: linear-gradient(rgb(255, 240, 136) -20.29%, rgb(255, 225, 19) 138.46%); border-radius: 0.5rem; }

.progress_bar_text[data-v-a436364c] { position: absolute; top: 13%; right: 0px; left: 0px; width: 91%; margin: auto; font-weight: 700; color: rgb(149, 112, 6); text-align: center; text-shadow: rgb(255, 245, 174) 0px 0px 0.1875rem, rgb(255, 245, 174) 0px 0px 0.1875rem, rgb(255, 245, 174) 0px 0px 0.1875rem, rgb(255, 245, 174) 0px 0px 0.1875rem, rgb(255, 245, 174) 0px 0px 0.1875rem; }

.custom-font-base[data-v-a436364c] { font-size: clamp(0.9375rem, 3.6vw, 1.25rem); }

.custom-font-xs[data-v-a436364c] { font-size: clamp(0.625rem, 2vw, 0.875rem); }

.turntable_winners_list_ul[data-v-a436364c] { padding: 0px; margin: 0px; transform: translateY(0px); }

.turntable_winners_list_ul li[data-v-a436364c] { height: 3.7vw; line-height: 3.7vw; }

.animate-scrolling[data-v-a436364c] { transform: translateY(-3.7vw); transition: transform 0.5s ease 0s; }

.level_wrapper[data-v-a436364c] { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; padding: 0px; margin: 0px; font-size: clamp(0.75rem, 2.2vw, 0.875rem); font-style: normal; font-weight: 700; line-height: normal; list-style: none; }

.level_wrapper .active[data-v-a436364c] { color: rgb(255, 255, 255); text-shadow: rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem; }

.level_wrapper li[data-v-a436364c] { position: absolute; top: 44%; min-width: 1.875rem; color: rgba(255, 255, 255, 0.6); text-align: center; text-shadow: rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem, rgb(236, 62, 18) 0px 0px 0.1875rem; transform: translate(-50%, -50%); }

.level_wrapper li[data-v-a436364c]:nth-child(1) { left: 11%; }

.level_wrapper li[data-v-a436364c]:nth-child(2) { left: 30%; }

.level_wrapper li[data-v-a436364c]:nth-child(3) { left: 48%; }

.level_wrapper li[data-v-a436364c]:nth-child(4) { left: 67%; }

.level_wrapper li[data-v-a436364c]:nth-child(5) { left: 88%; }

.text_tip[data-v-a436364c] { font-size: clamp(0.75rem, 2vw, 0.875rem); }

.rules_btn[data-v-a436364c] { max-width: clamp(5.75rem, 20vw, 7.5rem); }

.result_title[data-v-a436364c] { font-size: clamp(1rem, 6.5vw, 1.75rem); }

.result_text[data-v-a436364c] { margin-top: 8%; margin-bottom: 10%; font-size: clamp(0.875rem, 4vw, 1.125rem); }

.result_text span[data-v-a436364c] { color: rgb(243, 176, 8); }

.home-float[data-v-866c5cf3], .home-float[data-v-866c5cf3] * { -webkit-user-drag: none; user-select: none; }

.home-float[data-v-866c5cf3] > * { pointer-events: auto; }

.bonus-tag[data-v-e7d5753d] { display: inline-flex; align-items: center; overflow: hidden; padding-left: 0.625rem; padding-right: 0.625rem; line-height: 1; height: 1.3125rem; background-image: url("/images/task/bonus1.png"), url("/images/task/bonus3.png"), url("/images/task/bonus2.png"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: left top, right top, left 0.75rem top; background-size: auto 100%, auto 100%, calc(100% - 1.5rem) 100%; }

.card-description[data-v-179e16d6] .currency { --un-text-opacity: 1; color: rgb(232 104 25 / var(--un-text-opacity)); font-weight: 700; }

.card[data-v-0ef1ec73] { margin-left: 0.75rem; margin-right: 0.75rem; width: calc(100% - 1.5rem); display: flex; flex-direction: column; border-radius: 1rem; --un-bg-opacity: 1; background-color: rgb(255 255 255 / var(--un-bg-opacity)); padding: 0.5rem; position: relative; box-shadow: rgba(255, 255, 42, 0.3) 0px 0px 1.125rem inset; }

.task-popup[data-v-6a8a5c20] { width: 100vw; max-width: 100vw; overflow: hidden; background-image: url("/images/task/bg1.png"), url("/images/task/bg3.png"), url("/images/task/bg2.png"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: center top, center bottom, center bottom 2.625rem; background-size: 100%, 100%, 100% calc(100% - 8.875rem); }

@media (min-width: 960px) {
  .task-popup[data-v-6a8a5c20] { width: var(--pc-width); max-width: var(--pc-width); }
}

.head[data-v-6a8a5c20] { width: 100%; height: calc(27.7333vw); pointer-events: none; }

@media (min-width: 960px) {
  .head[data-v-6a8a5c20] { height: calc(var(--pc-width) * 104 / 375); }
}

.close-btn[data-v-6a8a5c20] { top: 16vw; right: calc(5.33333vw); width: calc(9.06667vw); height: calc(9.06667vw); pointer-events: auto; }

@media (min-width: 960px) {
  .close-btn[data-v-6a8a5c20] { top: calc(var(--pc-width) * 60 / 375); right: calc(var(--pc-width) * 20 / 375); width: calc(var(--pc-width) * 34 / 375); height: calc(var(--pc-width) * 34 / 375); }
}

.cards[data-v-6a8a5c20] { height: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-bottom: 2.5rem; }

.cards[data-v-6a8a5c20]::-webkit-scrollbar { display: none; }

.card-list[data-v-6a8a5c20] { width: 100%; display: flex; flex-direction: column; row-gap: 0.5rem; overflow-y: auto; min-height: 6.25rem; max-height: calc(100vh - 12.5rem); }

.card-list[data-v-6a8a5c20]::-webkit-scrollbar { display: none; }

.banner-wrap[data-v-7ec7cb56] { --van-swipe-indicator-inactive-background: #fff; --van-swipe-indicator-inactive-opacity: .5; --van-swipe-indicator-margin: .375rem; }

.banner-wrap[data-v-7ec7cb56] .van-swipe__indicator--active { width: 0.75rem; border-radius: 0.1875rem; }

.banner-item-height[data-v-7ec7cb56] { padding-bottom: 30.6%; }

.banner-skeleton[data-v-7ec7cb56] { display: block; padding: 0px 0.75rem; }

.banner-skeleton__item[data-v-7ec7cb56] { width: 100%; background: var(--van-active-color); }

.cursor-pointer[data-v-7ec7cb56] { -webkit-tap-highlight-color: transparent; }

.top-mask[data-v-60e12b6f] { background: linear-gradient(rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.33) 60%, rgba(0, 0, 0, 0)); opacity: 0.9; }

.bottom-mask[data-v-60e12b6f] { background: linear-gradient(0deg, rgba(0, 0, 0, 0.498), rgba(0, 0, 0, 0.3) 54%, rgba(0, 0, 0, 0)); }

.thumb[data-v-60e12b6f]::after { pointer-events: none; position: absolute; inset: 0px; border-radius: 0.5rem; background-color: rgba(0, 0, 0, 0.4); content: ""; }

.thumb.is-active[data-v-60e12b6f] { border-width: 0.09375rem; --un-border-opacity: 1; border-color: rgb(255 236 24 / var(--un-border-opacity)); --un-shadow: 0 0 .375rem var(--un-shadow-color, rgb(255 236 24)); box-shadow: var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow); }

.thumb.is-active[data-v-60e12b6f]::after { display: none; }

.hot-grid[data-v-abf65dbd] { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-flow: dense; gap: 0.75rem 0.4375rem; }

.game-cell[data-v-abf65dbd] { min-width: 0px; }

.game-cell[data-v-abf65dbd] > div { height: 100%; }

.live-cell[data-v-abf65dbd] { grid-area: span 2 / span 2; min-width: 0px; min-height: 0px; aspect-ratio: 232 / 296; }

.live-skeleton[data-v-abf65dbd] { position: relative; height: 100%; overflow: hidden; background: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0) 34%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 36%), rgb(47, 51, 58); border-radius: 0.75rem; }

.live-skeleton[data-v-abf65dbd]::after { position: absolute; inset: 0px; content: ""; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%); transform: translate(-100%); animation: 1.4s ease-in-out 0s infinite normal none running live-skeleton-shimmer-abf65dbd; }

.live-skeleton__jackpot[data-v-abf65dbd], .live-skeleton__online[data-v-abf65dbd], .live-skeleton__thumb[data-v-abf65dbd] { background: rgba(255, 255, 255, 0.12); }

.live-skeleton__jackpot[data-v-abf65dbd] { position: absolute; top: 0.75rem; left: 0.8125rem; width: 4.75rem; height: 2.25rem; border-radius: 0.5rem; }

.live-skeleton__online[data-v-abf65dbd] { position: absolute; top: 0px; right: 0px; width: 3.625rem; height: 1.375rem; border-radius: 0px 0.75rem; }

.live-skeleton__thumbs[data-v-abf65dbd] { position: absolute; bottom: 0.625rem; left: 0.625rem; display: flex; gap: 0.375rem; }

.live-skeleton__thumb[data-v-abf65dbd] { width: 4.125rem; height: 2.3125rem; border-radius: 0.5rem; }

@keyframes live-skeleton-shimmer-abf65dbd { 
  100% { transform: translate(100%); }
}

.subcategory-section[data-v-abf65dbd] { margin-top: 0.75rem; }

.game-rail[data-v-abf65dbd] { display: flex; gap: 0.4375rem; overflow-x: auto; }

.rail-game-card[data-v-abf65dbd] { flex: 0 0 calc((100% - 1.3125rem) / 3.2); }

.grid[data-v-4c2488e6] { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.4375rem; }

.card[data-v-4c2488e6] { display: flex; flex-direction: column; overflow: hidden; background-color: rgb(37, 39, 45); border-radius: 0.75rem; aspect-ratio: 173 / 180; }

.card-media[data-v-4c2488e6] { position: relative; flex: 1 1 0%; min-height: 0px; overflow: hidden; cursor: pointer; }

.media-img[data-v-4c2488e6] { display: block; width: 100%; height: 100%; object-fit: cover; }

.media-mask[data-v-4c2488e6] { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 4.375rem; pointer-events: none; background: linear-gradient(rgba(37, 39, 45, 0), rgb(37, 39, 45)); opacity: 0.9; }

.media-info[data-v-4c2488e6] { position: absolute; right: 0px; bottom: 0.5rem; left: 0px; display: flex; flex-direction: column; gap: 0.125rem; align-items: center; pointer-events: none; }

.media-title[data-v-4c2488e6] { max-width: 90%; margin: 0px; overflow: hidden; font-family: Montserrat, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: normal; color: rgb(255, 255, 255); text-overflow: ellipsis; white-space: nowrap; }

.media-amount[data-v-4c2488e6] { margin: 0px; font-family: Montserrat, sans-serif; font-size: 1.125rem; font-weight: 700; line-height: normal; color: rgb(255, 221, 0); }

.card-actions[data-v-4c2488e6] { position: relative; display: flex; flex: 0 0 auto; align-items: center; height: 2.25rem; }

.action[data-v-4c2488e6] { flex: 1 1 0%; height: 100%; padding: 0px; font-family: Montserrat, sans-serif; font-size: 0.8125rem; font-weight: 700; line-height: normal; background: transparent; border: 0px; cursor: pointer; }

.action--details[data-v-4c2488e6] { color: rgb(149, 156, 172); }

.action--play[data-v-4c2488e6] { color: rgb(232, 104, 25); }

.action-divider[data-v-4c2488e6] { width: 0.0625rem; height: 0.8125rem; background-color: rgba(255, 255, 255, 0.1); }