@charset "utf-8";

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

.announcement-card[data-v-78722ef8] { --un-bg-opacity: 1; background-color: rgb(255 255 255 / var(--un-bg-opacity)); padding: 1.5rem 1.25rem; border-radius: 0.25rem; }

[data-v-78722ef8] .announcement-content { font-size: 0.875rem; --un-text-opacity: 1; color: rgb(0 0 0 / var(--un-text-opacity)); line-height: 1.5rem; }

[data-v-78722ef8] .announcement-content p { margin-bottom: 1rem; }

[data-v-78722ef8] .announcement-content span[style*="color"] { color: rgb(129, 138, 150) !important; }

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

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

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

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

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

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

.freechip-scroll-mask[data-v-5aad5183] { 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-5aad5183] { width: 15rem; height: 3.375rem; font-size: 1rem; font-weight: 700; border: 0px; border-radius: 0.25rem; }

.popup-container[data-v-f62eb43a] { --van-popup-background: transparent; }

.popup-container--hero[data-v-f62eb43a] { width: 100vw; max-width: 100vw; overflow: visible; }

.popup-container--dialog[data-v-f62eb43a] { --retention-dialog-horizontal-gap: 1.5rem; --retention-dialog-design-width: 23.0625rem; --retention-dialog-width-by-viewport: calc( 100vw - var(--retention-dialog-horizontal-gap) ); --retention-dialog-width-by-height: calc(79.1845vh - 2.37554rem); max-width: unset; overflow: visible; width: min(var(--retention-dialog-design-width),var(--retention-dialog-width-by-viewport),var(--pc-width, var(--retention-dialog-design-width)),var(--retention-dialog-width-by-height)) !important; }

@supports (width: 100dvw) {
  .popup-container--dialog[data-v-f62eb43a] { --retention-dialog-width-by-viewport: calc( 100dvw - var(--retention-dialog-horizontal-gap) ); --retention-dialog-width-by-height: calc(79.1845dvh - 2.37554rem); }
}

.retention-static-dialog[data-v-f62eb43a] { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 369 / 466; font-family: var(--csn-base-font),sans-serif; }

.retention-static-dialog__bg[data-v-f62eb43a], .retention-static-dialog__button-img[data-v-f62eb43a] { display: block; width: 100%; height: 100%; }

.retention-static-dialog__bg[data-v-f62eb43a] { object-fit: contain; }

.retention-static-dialog__button[data-v-f62eb43a] { position: absolute; left: 8.1301%; width: 83.4688%; padding: 0px; overflow: hidden; color: inherit; cursor: pointer; background: transparent; border: 0px; }

.retention-static-dialog__button--primary[data-v-f62eb43a] { top: 72.103%; height: 11.1588%; }

.retention-static-dialog__button--secondary[data-v-f62eb43a] { top: 84.9785%; height: 10.2796%; }

.retention-static-dialog__button-text[data-v-f62eb43a] { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; font-size: clamp(0.75rem, 3.7941cqw, 0.875rem); font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.25) 0px 0.125rem 0.25rem; white-space: nowrap; }

.retention-static-dialog__button-amount[data-v-f62eb43a] { margin-left: 0.125rem; color: rgb(255, 246, 0); }

.popup-container[data-v-8859d75f] { --van-popup-background: #fff; --van-button-default-background: #3b404b; padding-bottom: 1rem; padding-top: 1.875rem; width: calc(100vw - 1.5rem); border-radius: 0.25rem; }

.popup-container .footer-wrap[data-v-8859d75f] { 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%); }

.exit-btn[data-v-8859d75f] { width: 7.5rem; --un-bg-opacity: 1; background-color: rgb(255 255 255 / var(--un-bg-opacity)); color: var(--csn-primary-color); border: 0.0625rem solid rgb(158, 0, 0); }

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

.content-wrapper[data-v-c318c576] { position: relative; overflow: hidden; border-radius: 1.5rem; padding-bottom: 2.75rem; text-align: center; background: rgb(255, 255, 255); }

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

.congratulations-badge[data-v-c318c576] { 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(255 255 255 / var(--un-text-opacity)); font-weight: 700; background: linear-gradient(90deg, rgb(205, 82, 82), rgb(210, 98, 88)); }

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

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

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

.reward-bottom-line[data-v-c318c576] { 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-4cb99b10] { --van-popup-background: transparent; width: calc(100vw - 1.5rem); }

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

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

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

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

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

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

.cashback-amount[data-v-88eeb07c] { margin-top: 0.75rem; font-size: 3.25rem; font-weight: 800; line-height: 1; color: rgb(182, 74, 72); text-align: center; }

.cashback-title[data-v-88eeb07c] { margin-top: 0.5rem; margin-right: 2rem; margin-left: 2rem; font-size: 0.875rem; font-weight: 700; color: rgb(107, 114, 128); text-align: center; line-height: 1.25rem; }

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

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

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

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

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

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

.popup-shell[data-v-75d16e10] { width: 100%; }

.popup-card[data-v-75d16e10] { position: relative; height: 24.8125rem; overflow: visible; background: rgb(255, 255, 255); border-radius: 1rem; }

.popup-card--deposit[data-v-75d16e10] { height: 26.0625rem; }

.popup-card__confetti[data-v-75d16e10] { position: absolute; top: -7.875rem; left: 50%; z-index: 2; width: 18.875rem; height: 18.875rem; pointer-events: none; transform: translate(-50%); }

.popup-card__close[data-v-75d16e10] { position: absolute; top: 0.625rem; right: 0.625rem; z-index: 4; padding: 0px; color: inherit; cursor: pointer; background: transparent; border: 0px; }

.popup-card__close-icon[data-v-75d16e10] { width: 2.125rem; height: 2.125rem; }

.popup-card__badge-area[data-v-75d16e10] { position: relative; z-index: 1; height: 11.5rem; overflow: visible; clip-path: inset(0px -62.4375rem -62.4375rem); }

.popup-card--deposit .popup-card__badge-area[data-v-75d16e10] { height: 11rem; }

.popup-card__badge-shadow[data-v-75d16e10], .popup-card__badge[data-v-75d16e10] { position: absolute; left: 50%; object-fit: contain; transform: translate(-50%); }

.popup-card__badge-shadow[data-v-75d16e10] { top: -2.6875rem; width: 15.125rem; height: 15.125rem; opacity: 0.08; }

.popup-card--deposit .popup-card__badge-shadow[data-v-75d16e10] { top: -3.125rem; }

.popup-card__badge[data-v-75d16e10] { top: 1.8125rem; width: 9.375rem; height: 9.375rem; }

.popup-card--deposit .popup-card__badge[data-v-75d16e10] { top: 1.5625rem; }

.popup-card__content[data-v-75d16e10] { position: relative; z-index: 2; padding: 0px 0.5rem; text-align: center; }

.popup-card__title[data-v-75d16e10] { display: flex; flex-direction: column; align-items: center; margin: 0.5rem 0px 0px; font-weight: 700; color: rgb(0, 0, 0); }

.popup-card__title-kicker[data-v-75d16e10] { font-size: 0.875rem; line-height: 1.0625rem; }

.popup-card__title-main[data-v-75d16e10] { margin-top: 0.5rem; font-size: 1.25rem; line-height: 1.5rem; }

.popup-card__title strong[data-v-75d16e10] { font: inherit; color: rgb(233, 97, 0); }

.popup-card__cashback[data-v-75d16e10] { display: flex; flex-direction: column; align-items: center; margin-top: 0.25rem; }

.popup-card__cashback p[data-v-75d16e10], .popup-card__deposit-tip[data-v-75d16e10] { margin: 0px; }

.popup-card__cashback-rate[data-v-75d16e10] { font-size: 1.25rem; font-weight: 900; line-height: 1.125rem; color: rgb(0, 0, 0); white-space: nowrap; }

.popup-card__cashback-rate strong[data-v-75d16e10] { font: inherit; color: rgb(233, 97, 0); }

.popup-card__cashback .popup-card__cashback-detail[data-v-75d16e10] { margin-top: 0.875rem; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: rgb(107, 114, 128); white-space: nowrap; }

.popup-card__cashback-detail strong[data-v-75d16e10], .popup-card__deposit-tip strong[data-v-75d16e10] { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 700; color: rgb(0, 0, 0); }

.popup-card__deposit-tip[data-v-75d16e10] { position: absolute; right: 2.1875rem; bottom: 0.8125rem; left: 2.1875rem; z-index: 2; font-size: 0.75rem; font-weight: 500; line-height: 1.125rem; color: rgb(107, 114, 128); text-align: center; }

.popup-card__deposit-tip .popup-card__deposit-rate[data-v-75d16e10] { font-size: 0.875rem; }

.popup-card__button[data-v-75d16e10] { position: absolute; right: 1.25rem; bottom: 2.125rem; left: 1.25rem; width: auto; height: 3.375rem; margin: 0px; font-size: 1rem; font-weight: 700; color: rgb(255, 255, 255); background: rgb(158, 0, 0); border: none; border-radius: 0.5rem; }

.popup-card--deposit .popup-card__button[data-v-75d16e10] { bottom: 3.625rem; height: 3.375rem; }

.popup-card__button[data-v-75d16e10]:active { background: rgb(140, 0, 0); }

.popup-container[data-v-ae2bf39d] { --van-popup-background: transparent; }

.popup-container--hero[data-v-ae2bf39d] { width: 100vw; max-width: 100vw; overflow: visible; }

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

.popup-container[data-v-6815d5a5] { width: 100%; }

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

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

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

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

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

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

.sprint_cta_breathe--delay[data-v-2be20f38] { animation-delay: 0.35s; }

.popup-container[data-v-2be20f38] { --van-popup-background: transparent; width: 100vw; max-width: 100vw; max-height: 100vh; overflow-y: auto; padding-top: 0.625rem; }

.sprint_body[data-v-2be20f38] { position: relative; padding: 0px 7.5%; background-image: url("/images/activity/bonusSprint/b2.png"); background-size: 100% 100%; }

.sprint_time[data-v-2be20f38] { font-size: clamp(0.6875rem, 3vw, 0.875rem); font-weight: 600; color: rgb(255, 255, 255); text-align: center; }

.sprint_current_reward[data-v-2be20f38] { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: clamp(1.4375rem, 6vw, 1.75rem); padding: 0px 4% 0px 11.5%; margin-bottom: 2.2%; background: linear-gradient(rgba(184, 41, 137, 0.98), rgba(62, 0, 50, 0.98)); border: 0.09375rem solid rgb(252, 110, 244); border-radius: 0.5rem; box-shadow: rgb(254, 243, 3) 0px 0px 0px 0.0625rem; backdrop-filter: blur(0.125rem); font-family: Montserrat, sans-serif; font-size: clamp(0.6875rem, 3vw, 0.75rem); line-height: normal; }

.sprint_current_reward_icon[data-v-2be20f38] { position: absolute; top: 50%; left: -3.5%; width: clamp(1.625rem, 7vw, 1.75rem); transform: translateY(-50%); }

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

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

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

.sprint_info_card[data-v-2be20f38] { position: relative; padding: 5% 6%; background-image: url("/images/activity/bonusSprint/infoBg.png"); background-size: 100% 100%; }

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

.sprint_info_card_title[data-v-2be20f38] { font-size: clamp(0.6875rem, 3vw, 0.875rem); font-weight: 700; color: rgb(255, 255, 255); }

.sprint_completed_badge[data-v-2be20f38] { 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(255, 255, 255); white-space: nowrap; }

.sprint_completed_badge_icon[data-v-2be20f38] { display: flex; align-items: center; justify-content: center; width: clamp(0.625rem, 3vw, 0.875rem); aspect-ratio: 1 / 1; color: rgb(163, 59, 234); background: rgb(255, 255, 255); border-radius: 50%; }

.sprint_progress[data-v-2be20f38] { position: relative; height: clamp(1.125rem, 5vw, 1.5rem); margin-top: 4%; background: rgba(26, 8, 73, 0.75); border: 0.0625rem solid rgb(214, 89, 137); border-radius: 0.75rem; }

.sprint_progress_track[data-v-2be20f38] { position: absolute; inset: 0.125rem; overflow: hidden; border-radius: 1.25rem; }

.sprint_progress_bar[data-v-2be20f38] { height: 100%; background: rgb(255, 78, 39); border-radius: 1.25rem; box-shadow: rgb(255, 254, 82) 0px 0.01875rem 0.23125rem inset; transition: width 0.3s ease 0s; }

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

.sprint_track_mid[data-v-2be20f38] { background-image: url("/images/activity/bonusSprint/T2.png"); background-size: 100% 100%; }

.sprint_track_fill[data-v-2be20f38] { position: absolute; top: 0.9375rem; left: 47%; width: 35%; height: 94%; overflow: hidden; transform: translate(-50%); }

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

.sprint_tier_list[data-v-2be20f38] { }

.sprint_tier_list[data-v-2be20f38]::-webkit-scrollbar { display: none; }

.sprint_tier_btn[data-v-2be20f38] { 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-2be20f38] { cursor: not-allowed; opacity: 0.7; }

.sprint_tier_btn--status_1[data-v-2be20f38] { background-image: url("/images/activity/bonusSprint/status_1.png"); }

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

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

.sprint_tier_btn--status_4[data-v-2be20f38] { background-image: url("/images/activity/bonusSprint/status_4.png"); }

.sprint_tier_name[data-v-2be20f38] { font-size: clamp(0.5625rem, 2.6vw, 0.75rem); font-weight: 700; line-height: 1.3; color: rgb(255, 255, 255); }

.sprint_tier_amount[data-v-2be20f38] { font-size: clamp(0.6875rem, 3vw, 0.875rem); font-weight: 700; line-height: 1.3; color: rgb(252, 225, 22); text-shadow: rgba(77, 19, 127, 0.8) 0px 0.0625rem 0.0625rem; }

.sprint_tier_btn.is-progress .sprint_tier_name[data-v-2be20f38], .sprint_tier_btn.is-progress .sprint_tier_amount[data-v-2be20f38] { color: rgb(162, 48, 11); text-shadow: none; }

.sprint_tier_check[data-v-2be20f38] { 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; color: rgb(122, 31, 198); background: rgb(255, 255, 255); border-radius: 50%; }

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

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

.sprint_footnote[data-v-2be20f38] { margin: 0px; font-size: clamp(0.625rem, 2.8vw, 0.8125rem); font-weight: 500; line-height: 1.2; color: rgb(179, 186, 212); text-align: center; }

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

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

@keyframes special-tooltip-pop-74fcdd1e { 
  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-74fcdd1e] { --van-popup-background: transparent; width: 92vw; max-width: 100vw; overflow: visible; transform: translateY(-45%); }

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

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

.special_top[data-v-74fcdd1e] { position: absolute; top: -14%; right: 0px; left: 0px; z-index: 8; pointer-events: none; margin: 0px -0.9375rem; }

.special_header[data-v-74fcdd1e] { position: relative; }

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

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

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

.special_date span[data-v-74fcdd1e] { 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(252, 244, 218); text-transform: uppercase; white-space: nowrap; }

.special_stats[data-v-74fcdd1e] { z-index: 1; display: flex; gap: 0.625rem; justify-content: center; width: 91%; }

.special_stat_card[data-v-74fcdd1e] { position: relative; box-sizing: border-box; display: grid; flex: 0 1 50%; grid-template-columns: 19% minmax(0px, 1fr); gap: 3%; align-items: center; aspect-ratio: 350 / 90; padding: 0px 3%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.special_stat_card--deposit[data-v-74fcdd1e] { background-image: url("/images/activity/bonusSprintSpecial/info_bg.webp"); }

.special_stat_card--bets[data-v-74fcdd1e] { background-image: url("/images/activity/bonusSprintSpecial/info_bg.webp"); }

.special_stat_icon[data-v-74fcdd1e] { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }

.special_stat_content[data-v-74fcdd1e] { display: flex; flex-direction: column; gap: 0.1875rem; min-width: 0px; }

.special_stat_title[data-v-74fcdd1e] { font-size: clamp(0.5rem, 2.55vw, 0.75rem); font-weight: 700; line-height: 1.2; color: rgb(253, 239, 67); text-align: center; white-space: nowrap; text-shadow: rgb(0, 0, 0) 0px 0px 0.125rem, rgb(111, 25, 2) 0px 0px 0.0625rem; }

.special_stat_progress[data-v-74fcdd1e] { position: relative; width: 100%; aspect-ratio: 6 / 1; overflow: hidden; background: rgba(0, 0, 0, 0.28); border: 0.0625rem solid rgb(253, 192, 25); border-radius: 1.25rem; box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 0.125rem inset; }

.special_stat_progress_bar[data-v-74fcdd1e] { position: absolute; inset: 0.125rem auto 0.125rem 0.125rem; max-width: calc(100% - 0.25rem); background: linear-gradient(rgb(83, 170, 2) 47.596%, rgb(2, 99, 5) 52.404%, rgb(33, 144, 38)); border-radius: inherit; box-shadow: rgba(238, 255, 0, 0.76) 0px -0.0625rem 0.0625rem inset, rgb(238, 255, 0) 0px 0.0625rem 0.0875rem inset; transition: width 0.3s ease 0s; }

.special_stat_card--bets .special_stat_progress_bar[data-v-74fcdd1e] { background: linear-gradient(rgb(42, 116, 249) 47.596%, rgb(0, 54, 166) 52.404%, rgb(0, 51, 159)); box-shadow: rgba(0, 85, 255, 0.76) 0px -0.0625rem 0.0625rem inset, rgb(0, 187, 255) 0px 0.0625rem 0.0875rem inset; }

.special_stat_progress span[data-v-74fcdd1e] { position: absolute; inset: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: clamp(0.5rem, 2.8vw, 0.625rem); 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-74fcdd1e] { position: absolute; inset: 0px 2%; z-index: 1; overflow: hidden auto; overscroll-behavior: contain; border-radius: 0.625rem; }

.special_path_viewport[data-v-74fcdd1e]::-webkit-scrollbar { display: none; }

.special_path_mask[data-v-74fcdd1e] { position: absolute; right: 2%; left: 2%; z-index: 2; height: 2.5rem; pointer-events: none; background: linear-gradient(rgba(81, 6, 6, 0), rgb(63, 1, 1)); border-radius: 0.625rem 0.625rem 0px 0px; }

.special_path_mask--top[data-v-74fcdd1e] { top: clamp(0.625rem, 3vw, 1.875rem); height: 3.75rem; transform: rotate(180deg); }

.special_path_mask--bottom[data-v-74fcdd1e] { bottom: clamp(2.5rem, 23vw, 6.5rem); }

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

.special_tier_list[data-v-74fcdd1e] { min-height: 100%; padding: 19% 0px 36%; margin: 0px; list-style: none; }

.special_tier_row[data-v-74fcdd1e] { position: relative; display: flex; align-items: center; width: 100%; height: clamp(3.75rem, 19.5vw, 5.6875rem); }

.special_tier_node[data-v-74fcdd1e] { position: relative; z-index: 2; display: block; width: clamp(2.8125rem, 15vw, 4rem); 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-74fcdd1e] { margin-left: 35%; }

.special_tier_row--right .special_tier_node[data-v-74fcdd1e] { margin-left: 48%; }

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

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

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

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

.special_tier_avatar[data-v-74fcdd1e] { position: absolute; bottom: 70%; left: 50%; z-index: 5; width: 100%; aspect-ratio: 100 / 100; filter: drop-shadow(rgba(39, 8, 62, 0.65) 0px 0.125rem 0.1875rem); animation: 1.6s ease-in-out 0s infinite normal none running special-avatar-bounce-74fcdd1e; will-change: transform; }

.special_tier_avatar_image[data-v-74fcdd1e] { position: absolute; top: 15%; left: 17%; display: block; width: 66%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; }

.special_tier_avatar_border[data-v-74fcdd1e] { position: absolute; top: 0px; left: -2.08%; z-index: 1; display: block; width: 104.17%; height: 100%; }

.special_tier_number[data-v-74fcdd1e] { position: absolute; bottom: 21%; left: 0px; z-index: 3; width: 100%; font-size: 0.9375rem; font-weight: 700; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(68, 20, 118, 0.7) 0px 0.125rem 0.125rem; }

.special_reward[data-v-74fcdd1e] { position: absolute; top: 55%; 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-74fcdd1e] { right: 94%; }

.special_tier_row--right .special_reward[data-v-74fcdd1e] { left: 94%; }

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

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

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

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

.special_reward_content[data-v-74fcdd1e] { 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(244, 199, 38); white-space: nowrap; }

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

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

.special_tier_tooltip[data-v-74fcdd1e] { 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-74fcdd1e; }

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

.special_tier_row--left .special_tier_tooltip[data-v-74fcdd1e] { left: 100%; transform-origin: left center; }

.special_tier_row--left .special_tier_tooltip[data-v-74fcdd1e]::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-74fcdd1e] { right: 100%; transform-origin: right center; }

.special_tier_row--right .special_tier_tooltip[data-v-74fcdd1e]::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-74fcdd1e] { position: absolute; right: 0px; bottom: -4.375rem; left: 0px; z-index: 7; box-sizing: border-box; display: flex; flex-direction: column; gap: clamp(0.375rem, 2.3vw, 0.625rem); align-items: center; padding: 1.5rem 0px 0.9375rem; }

.special_footer_background[data-v-74fcdd1e] { position: absolute; inset: 0px; display: flex; flex-direction: column; pointer-events: none; }

.special_footer_background img[data-v-74fcdd1e] { display: block; width: 100%; }

.special_footer_background img[data-v-74fcdd1e]:first-child, .special_footer_background img[data-v-74fcdd1e]:last-child { flex: 0 0 auto; height: auto; }

.special_footer_background img[data-v-74fcdd1e]:nth-child(2) { flex: 1 1 auto; min-height: 0px; object-fit: fill; }

.special_actions[data-v-74fcdd1e] { z-index: 1; display: flex; gap: 1.65%; align-items: center; justify-content: center; width: 89.9%; }

.special_actions button[data-v-74fcdd1e] { flex: 0 0 32.1%; padding: 0px; cursor: pointer; background: transparent; border: 0px; -webkit-tap-highlight-color: transparent; }

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

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

.special_actions img[data-v-74fcdd1e] { display: block; width: 100%; height: auto; }

.special_rules[data-v-74fcdd1e] { z-index: 1; width: 82%; }

.special_rules button[data-v-74fcdd1e] { display: inline-flex; gap: 0.1875rem; align-items: center; padding: 0px; font-size: 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-74fcdd1e] { width: 0.75rem; }

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

.special_close[data-v-74fcdd1e] { 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; border-radius: 50%; }

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

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

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

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

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

.turntable_wheel_awards[data-v-062d7a79] { 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-062d7a79] { 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-062d7a79] { display: block; width: 31%; margin: -0.1875rem auto auto; }

.progress_bar[data-v-062d7a79] { 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-062d7a79] { 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-062d7a79] { font-size: clamp(0.9375rem, 3.6vw, 1.25rem); }

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

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

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

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

.level_wrapper[data-v-062d7a79] { 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-062d7a79] { 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-062d7a79] { 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-062d7a79]:nth-child(1) { left: 11%; }

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

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

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

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

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

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

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

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

.result_text span[data-v-062d7a79] { 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-2ab11f28] { 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/bonus.png"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: left top; background-size: 100% 100%; }

.card-description[data-v-22eafad9] .currency { color: var(--csn-primary-color); }

.card[data-v-7dc20d74] { margin-left: 1rem; margin-right: 1rem; width: calc(100% - 2rem); display: flex; flex-direction: column; --un-bg-opacity: 1; background-color: rgb(255 255 255 / var(--un-bg-opacity)); position: relative; padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 0.03125rem solid black; }

.task-popup[data-v-b86bfa57] { width: 100vw; max-width: 100vw; overflow: hidden; }

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

@media (min-width: 960px) {
  .close-btn[data-v-b86bfa57] { 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); }
}

.head[data-v-b86bfa57] { width: 100%; pointer-events: none; }

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

.cards[data-v-b86bfa57] { height: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-bottom: 2.5rem; background: rgb(255, 255, 255); }

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

.card-list[data-v-b86bfa57] { width: 100%; display: flex; flex-direction: column; overflow-y: auto; min-height: 6.25rem; max-height: calc(100vh - 12.5rem); padding-top: 1.25rem; }

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

.card-list .card:last-of-type { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }

.banner-wrap[data-v-78e9d151] { --van-swipe-indicator-size: .25rem; --van-swipe-indicator-inactive-opacity: .6; --van-swipe-indicator-margin: .25rem; }

.banner-wrap[data-v-78e9d151] .van-swipe__indicator { width: 0.1875rem; background: rgb(255, 255, 255); border-radius: 0px; }

.banner-wrap[data-v-78e9d151] .van-swipe__indicator--active { height: 0.375rem; transform: translateY(-0.0625rem); }

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

.banner-skeleton__item[data-v-78e9d151] { width: 100%; background: rgb(243, 246, 248); }

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

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

.top-mask[data-v-49aec2ba] { background: linear-gradient(rgba(0, 0, 0, 0.533), rgba(0, 0, 0, 0.204) 60%, rgba(0, 0, 0, 0)); opacity: 0.9; }

.bottom-mask[data-v-49aec2ba] { background: linear-gradient(0deg, rgba(0, 0, 0, 0.357), rgba(0, 0, 0, 0.19) 54%, rgba(0, 0, 0, 0)); }

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

.thumb.is-active[data-v-49aec2ba] { 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-49aec2ba]::after { display: none; }

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

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

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

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

.live-skeleton[data-v-4a1e7868] { position: relative; height: 100%; overflow: hidden; background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0) 34%), linear-gradient(0deg, rgba(158, 0, 0, 0.06), rgba(255, 255, 255, 0) 36%), rgb(244, 241, 231); border: 0.0625rem solid rgba(218, 211, 184, 0.7); border-radius: 0.75rem; }

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

.live-skeleton__jackpot[data-v-4a1e7868], .live-skeleton__online[data-v-4a1e7868], .live-skeleton__thumb[data-v-4a1e7868] { background: rgba(158, 0, 0, 0.08); border: 0.0625rem solid rgba(218, 211, 184, 0.6); }

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

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

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

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

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

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

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

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

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

.card[data-v-92ea3697] { display: flex; flex-direction: column; overflow: hidden; background-color: rgb(243, 245, 248); border-radius: 0.25rem; aspect-ratio: 173 / 180; }

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

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

.media-mask[data-v-92ea3697] { 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-92ea3697] { 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-92ea3697] { max-width: 90%; margin: 0px; overflow: hidden; 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-92ea3697] { margin: 0px; font-size: 1.125rem; font-weight: 700; line-height: normal; color: rgb(255, 221, 0); }

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

.action[data-v-92ea3697] { flex: 1 1 0%; height: 100%; padding: 0px; font-size: 0.8125rem; font-weight: 700; line-height: normal; background: transparent; border: 0px; cursor: pointer; }

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

.action--play[data-v-92ea3697] { color: var(--csn-primary-color); }

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