@charset "utf-8";

@font-face { font-family: Pretendard; src: url(/assets/fonts/Pretendard/Pretendard-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Pretendard; src: url(/assets/fonts/Pretendard/Pretendard-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: BingoSecret; src: url(/assets/fonts/promotion/woff2/Pretendard-ExtraBold.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

.bingo-promotion { --u: calc(100cqw / 720); container-type: inline-size; position: relative; width: 100%; max-width: 720px; margin: 0 auto; color: #faf9fa; background: #170027; font-family: Pretendard, sans-serif; }
.bingo-promotion *, .bingo-promotion *::before, .bingo-promotion *::after { box-sizing: border-box; }
.bingo-promotion :where(h1, h2, p, ul, ol, fieldset) { margin: 0; padding: 0; border: 0; }
.bingo-promotion img { display: block; max-width: none; }
.bingo-promotion button, .bingo-promotion textarea, .bingo-promotion a { font: inherit; }
.bingo-promotion button { -webkit-tap-highlight-color: transparent; }
.bingo-promotion button:disabled { opacity: 1; cursor: default; }
.bingo-promotion :focus-visible { outline: 3px solid #fbf769; outline-offset: 4px; }
.bingo-promotion .bingo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.bingo-promotion .bingo-section { position: relative; isolation: isolate; overflow: hidden; }
.bingo-promotion .bingo-art { position: absolute; display: block; overflow: hidden; pointer-events: none; }
.bingo-promotion .bingo-art > img { position: absolute; inset: 0; width: 100%; height: 100%; }
.bingo-promotion .bingo-section-bg { inset: 0; width: 100%; height: 100%; z-index: -1; }

/* Figma의 720px 좌표를 컨테이너 폭에 비례시켜 작은 화면에서도 칸과 배경의 위치를 유지한다. */
.bingo-promotion .bingo-hero { height: calc(1690 * var(--u)); }
.bingo-promotion .bingo-hero-bg { inset: 0; width: 100%; height: calc(1796 * var(--u)); z-index: -1; }
.bingo-promotion .bingo-logo { top: calc(40 * var(--u)); left: calc(560 * var(--u)); width: calc(120 * var(--u)); height: calc(41.918 * var(--u)); }
.bingo-promotion .bingo-eyebrow { top: calc(100 * var(--u)); left: calc(215 * var(--u)); width: calc(290 * var(--u)); height: calc(48 * var(--u)); }
.bingo-promotion .bingo-title { top: calc(180 * var(--u)); left: calc(36 * var(--u)); width: calc(648 * var(--u)); height: calc(348 * var(--u)); }
.bingo-promotion .bingo-title > img { top: -18.69%; height: 132.48%; }
.bingo-promotion .bingo-date { top: calc(568 * var(--u)); left: calc(160 * var(--u)); width: calc(400 * var(--u)); height: calc(86 * var(--u)); }
.bingo-promotion .bingo-board { position: absolute; top: calc(694 * var(--u)); left: calc(12 * var(--u)); width: calc(696 * var(--u)); height: calc(698 * var(--u)); }
.bingo-promotion .bingo-board-frame { inset: 0; }
.bingo-promotion .bingo-board-frame > img { top: -.64%; left: -2.06%; width: 104.11%; height: 106.66%; }
.bingo-promotion .bingo-grid { position: absolute; top: 7.426%; left: 7.584%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1fr)); width: 84.833%; height: 84.379%; }
.bingo-promotion .bingo-cell { position: relative; width: calc(117 * var(--u)); height: calc(117 * var(--u)); padding: 0; border: 0; background: transparent; overflow: visible; }
.bingo-promotion .bingo-cell-art { position: absolute; inset: 0; display: block; overflow: hidden; }
.bingo-promotion .bingo-cell-art::before { position: absolute; inset: 0; height: 107.63%; background: url(/assets/images/promotion/202611/cell-quiz.png) 0 0 / 100% 100% no-repeat; content: ""; }
.bingo-promotion .bingo-cell.is-secret .bingo-cell-art { inset: -6.32% -5.05%; overflow: visible; }
.bingo-promotion .bingo-cell.is-secret .bingo-cell-art::before { height: 100%; background-image: url(/assets/images/promotion/202611/cell-secret.png); }
.bingo-promotion .bingo-cell.is-correct .bingo-cell-art { inset: -11.45% -6.9%; }
.bingo-promotion .bingo-cell.is-correct .bingo-cell-art::before { height: 100%; background-image: url(/assets/images/promotion/202611/cell-correct.png); }
.bingo-promotion .bingo-cell.is-wrong .bingo-cell-art { inset: -11.83% -6.5%; }
.bingo-promotion .bingo-cell.is-wrong .bingo-cell-art::before { height: 100%; background-image: url(/assets/images/promotion/202611/cell-wrong.png); }
.bingo-promotion .bingo-cell.is-secret-complete .bingo-cell-art { inset: -2.3% -1.15%; }
.bingo-promotion .bingo-cell.is-secret-complete .bingo-cell-art::before { top: -14.18%; left: -4.55%; width: 109.09%; height: 122.39%; background-image: url(/assets/images/promotion/202611/cell-secret-complete.png); }
.bingo-promotion .bingo-lines { position: absolute; inset: 7.426% 7.583% 8.195%; pointer-events: none; }
.bingo-promotion .bingo-lines > svg { display: block; width: 100%; height: 100%; overflow: visible; }
.bingo-promotion .bingo-line-effect { overflow: hidden; }
.bingo-promotion .bingo-board-status { position: absolute; bottom: calc(-24 * var(--u)); left: 0; width: 100%; color: #faf9fa; font-size: clamp(12px, calc(24 * var(--u)), 20px); line-height: 1.3; text-align: center; }
.bingo-promotion .bingo-summary { top: calc(1432 * var(--u)); left: calc(73.5 * var(--u)); width: calc(573 * var(--u)); height: calc(201 * var(--u)); }
.bingo-promotion .bingo-summary > img { top: -28.86%; height: 224.88%; }

.bingo-promotion .bingo-rules { height: calc(1384 * var(--u)); }
.bingo-promotion .bingo-rules .bingo-section-bg { height: calc(1554 * var(--u)); }
.bingo-promotion .bingo-rules-copy { top: calc(100 * var(--u)); left: calc(46 * var(--u)); width: calc(628 * var(--u)); height: calc(1182 * var(--u)); }
.bingo-promotion .bingo-prizes { height: calc(1488 * var(--u)); }
.bingo-promotion .bingo-prizes .bingo-section-bg { top: calc(-164 * var(--u)); height: calc(1807 * var(--u)); }
.bingo-promotion .bingo-prizes-copy { top: calc(88 * var(--u)); left: calc(24 * var(--u)); width: calc(672 * var(--u)); height: calc(1325 * var(--u)); }
.bingo-promotion .bingo-prizes-copy > img { top: -.07%; left: -2.53%; width: 102.53%; height: 100.3%; }

.bingo-promotion .bingo-comments { height: calc(1853 * var(--u)); }
.bingo-promotion .bingo-comments-bg { z-index: -1; top: calc(-94 * var(--u)); left: calc(-639 * var(--u)); width: calc(1998 * var(--u)); height: calc(1902 * var(--u)); }
.bingo-promotion .bingo-comments-bg > img { top: -1.78%; height: 113.72%; }
.bingo-promotion .bingo-comments-bg-under { top: calc(-49 * var(--u)); }
.bingo-promotion .bingo-comments-title { top: calc(100 * var(--u)); left: calc(64 * var(--u)); width: calc(592 * var(--u)); height: calc(54 * var(--u)); }
.bingo-promotion .bingo-comments-title > img { width: 100%; height: 100%; }
.bingo-promotion .bingo-comments-subtitle { top: calc(182 * var(--u)); left: calc(31.5 * var(--u)); width: calc(657 * var(--u)); height: calc(56 * var(--u)); }
.bingo-promotion .bingo-comment-panel { position: absolute; isolation: isolate; top: calc(780 * var(--u)); left: calc(50 * var(--u)); display: flex; flex-direction: column; width: calc(620 * var(--u)); height: calc(995 * var(--u)); padding: 12px; color: #443354; }
.bingo-promotion .bingo-comment-panel-bg { z-index: -1; inset: 0; }
/* 댓글 기능과 배치는 유지하고 빙고 행사의 보라색을 입력창·목록·페이지에 이어 쓴다. */
.bingo-promotion .bingo-comment-form { display: flex; gap: 7px; flex: none; align-items: stretch; height: 75px; }
.bingo-promotion .bingo-comment-input { position: relative; flex: 1; min-width: 0; }
.bingo-promotion .bingo-comment-input textarea { display: block; width: 100%; height: 100%; min-height: 0; padding: 12px 12px 21px; resize: none; color: #443354; background: #fcf9ff; border: 1px solid #d8bfeb; border-radius: 12px; font-size: 16px; line-height: 1.5; }
.bingo-promotion .bingo-comment-input textarea::placeholder { color: #7d6b8c; opacity: 1; }
.bingo-promotion .bingo-comment-input textarea:focus { border-color: #8500b8; }
.bingo-promotion .bingo-comment-panel :focus-visible { outline: 2px solid #8500b8; outline-offset: 3px; }
.bingo-promotion .bingo-comment-count { position: absolute; bottom: 7px; right: 9px; color: #715b84; font-size: 10px; font-variant-numeric: tabular-nums; }
.bingo-promotion .bingo-comment-submit { flex: none; width: 75px; min-height: 44px; padding: 0; color: #fff; border: 0; border-radius: 12px; background: #8500b8; font-size: 13px; font-weight: 700; }
.bingo-promotion .bingo-comment-submit:hover:not(:disabled) { background: #71009d; }
.bingo-promotion .bingo-comment-submit:active:not(:disabled) { background: #620088; }
.bingo-promotion .bingo-comment-submit:disabled { color: #735184; background: #ede0f5; }
.bingo-promotion .bingo-comment-list { flex: 1; min-height: 0; margin-top: 12px; overflow-y: auto; list-style: none; border: 1px solid #decbed; border-radius: 12px; background: #fffcff; scrollbar-color: #c9a2e2 #f7f1fb; }
.bingo-promotion .bingo-comment-status { flex: none; margin-top: 8px; color: #631793; font-size: 13px; line-height: 1.5; }
.bingo-promotion .bingo-comment-list > li { padding: 16px; font-size: clamp(13px, 1.3vw, 17px); line-height: 1.5; overflow-wrap: anywhere; }
.bingo-promotion .bingo-comment-list > li + li { border-top: 1px solid #eee1f5; }
.bingo-promotion .bingo-comment-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 8px; }
.bingo-promotion .bingo-comment-head strong { color: #631793; }
.bingo-promotion .bingo-comment-head time { color: #756580; font-size: .85em; font-variant-numeric: tabular-nums; }
.bingo-promotion .bingo-comment-content { white-space: pre-wrap; }
.bingo-promotion .bingo-comment-retry { min-height: 44px; padding: 4px 12px; border: 1px solid #d8bfeb; border-radius: 8px; background: #f5eafa; color: #631793; }
.bingo-promotion .bingo-pagination { flex: none; margin-top: 12px; }
.bingo-promotion .bingo-pagination ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; list-style: none; }
.bingo-promotion .bingo-pagination button { min-width: 32px; min-height: 44px; padding: 0 6px; border: 0; border-radius: 8px; color: #6f4d85; background: transparent; }
.bingo-promotion .bingo-pagination button:hover:not(:disabled) { background: #f3e6fc; }
.bingo-promotion .bingo-pagination [aria-current="page"] { color: #fff; background: #8500b8; font-weight: 700; }
/* 이전·다음 이름은 보조기기에 남기고 화면에는 공통 화살표 아이콘만 표시한다. */
.bingo-promotion .bingo-pagination [aria-label="이전 페이지"],
.bingo-promotion .bingo-pagination [aria-label="다음 페이지"] { display: inline-flex; align-items: center; justify-content: center; font-size: 0; }
.bingo-promotion .bingo-pagination [aria-label="이전 페이지"]::before,
.bingo-promotion .bingo-pagination [aria-label="다음 페이지"]::before { content: ''; width: 9px; height: 14px; background: currentColor; -webkit-mask: url(/assets/images/svg/icon_8_right_arrow.svg) center / contain no-repeat; mask: url(/assets/images/svg/icon_8_right_arrow.svg) center / contain no-repeat; }
.bingo-promotion .bingo-pagination [aria-label="이전 페이지"]::before { transform: rotate(180deg); }

/* 모바일 댓글은 이전 프로모션과 같은 글자 크기로 표시하고 PC는 유지한다. */
@container (max-width: 767px) {
    .bingo-promotion .bingo-comment-input textarea,
    .bingo-promotion .bingo-comment-list > li,
    .bingo-promotion .bingo-comment-status { font-size: 1.2rem; }
    .bingo-promotion .bingo-comment-input textarea::placeholder { font-size: inherit; }
    .bingo-promotion .bingo-comment-head time { font-size: .9rem; }
    .bingo-promotion .bingo-pagination button { font-size: 1rem; }
}

.bingo-promotion .bingo-app { height: calc(2506 * var(--u)); }
.bingo-promotion .bingo-app-panel { top: calc(146 * var(--u)); left: calc(24 * var(--u)); width: calc(672 * var(--u)); height: calc(376 * var(--u)); }
.bingo-promotion .bingo-app-alarm { top: calc(68 * var(--u)); left: calc(284 * var(--u)); width: calc(153 * var(--u)); height: calc(155 * var(--u)); }
.bingo-promotion .bingo-app-heading { top: calc(255 * var(--u)); left: calc(77 * var(--u)); width: calc(566 * var(--u)); height: calc(66 * var(--u)); }
.bingo-promotion .bingo-app-description { display: none; }
.bingo-promotion .bingo-app-link { position: absolute; top: calc(353 * var(--u)); left: calc(201 * var(--u)); display: block; width: calc(318 * var(--u)); height: calc(94 * var(--u)); }
.bingo-promotion .bingo-app-button-bg { inset: 0; }
.bingo-promotion .bingo-app-button-bg > img { top: -7.45%; left: -2.52%; width: 103.14%; height: 114.89%; }
.bingo-promotion .bingo-app-button-label { position: absolute; top: 37.234%; left: 26.73%; width: 37.422%; height: 25.532%; }
.bingo-promotion .bingo-app-settings { top: calc(550 * var(--u)); left: calc(24 * var(--u)); width: calc(672 * var(--u)); height: calc(1876 * var(--u)); }
.bingo-promotion .bingo-notice { height: calc(1417 * var(--u)); }
.bingo-promotion .bingo-notice-title { top: calc(60 * var(--u)); left: calc(24 * var(--u)); width: calc(153.636 * var(--u)); height: calc(40 * var(--u)); }
.bingo-promotion .bingo-notice-title > img { width: 100%; height: 100%; }
.bingo-promotion .bingo-notice-copy { top: calc(128 * var(--u)); left: calc(24 * var(--u)); width: calc(672 * var(--u)); height: calc(1227.3 * var(--u)); }

/* 팝업은 본문 배율과 분리해 작은 화면·낮은 웹뷰에서도 닫기와 스크롤이 가능하게 한다. */
.bingo-promotion .bingo-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: clamp(24px, 6vw, 44px) clamp(20px, 8vw, 64px); overflow-y: auto; overscroll-behavior: contain; color: #faf9fa; border: 0; border-radius: 12px; background: #390066 url(/assets/images/promotion/202611/dialog-bg.png) center / 111% 110% no-repeat; box-shadow: 0 0 20px 6px #a268fd; font-family: inherit; }
.bingo-promotion .bingo-dialog[open] { display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 3vw, 24px); }
.bingo-promotion .bingo-dialog::backdrop { background: rgb(12 0 27 / 72%); }
.bingo-promotion .bingo-dialog-close { position: absolute; z-index: 1; top: 16px; right: 16px; width: 44px; height: 44px; padding: 0; border: 0; background: url(/assets/images/promotion/202611/dialog-close.png) center / 23px 23px no-repeat; }
.bingo-promotion .bingo-quiz-heading { flex: none; width: 79.38%; aspect-ratio: 435 / 122; background: url(/assets/images/promotion/202611/quiz-heading.png) center 65% / 100% 121.31% no-repeat; }
.bingo-promotion .bingo-question-title { width: 100%; color: #faf9fa; font-size: clamp(18px, 4.6vw, 28px); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.bingo-promotion .bingo-quiz-status { width: 100%; color: #fbf769; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.bingo-promotion .bingo-options { display: grid; gap: 8px; width: 100%; min-width: 0; }
/* 최소 터치 높이가 이미지 비율을 따라 보기 폭까지 늘리지 않도록 폭을 고정한다. */
.bingo-promotion .bingo-option { position: relative; display: flex; align-items: center; width: 100%; min-width: 0; min-height: 44px; aspect-ratio: 548 / 89; padding: 8px 10px 8px 20.07%; cursor: pointer; }
.bingo-promotion .bingo-option[hidden] { display: none; }
.bingo-promotion .bingo-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.bingo-promotion .bingo-option-art { position: absolute; z-index: 0; inset: 0; background: url(/assets/images/promotion/202611/choice-default.png) center / 100% 100% no-repeat; }
.bingo-promotion .bingo-option input:checked + .bingo-option-art { background-image: url(/assets/images/promotion/202611/choice-selected.png); }
.bingo-promotion .bingo-option input:focus-visible + .bingo-option-art { outline: 3px solid #fbf769; outline-offset: 2px; }
.bingo-promotion .bingo-option-text { position: relative; color: #16003e; font-size: clamp(16px, 4.6vw, 28px); font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.bingo-promotion .bingo-dialog-button { position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 82.3%; min-height: 44px; aspect-ratio: 451 / 90; padding: 0; border: 0; background: url(/assets/images/promotion/202611/dialog-button.png) center / 100% 164.44% no-repeat; text-decoration: none; }
.bingo-promotion .bingo-submit-button img { width: 28.38%; height: auto; }
.bingo-promotion .bingo-submit-button:disabled { opacity: .5; }
.bingo-promotion .bingo-purchase-button img { width: 42.13%; height: auto; }
.bingo-promotion .bingo-confirm-dialog h2 { width: 57.1%; }
.bingo-promotion .bingo-confirm-dialog h2 img { width: 100%; height: auto; }
.bingo-promotion .bingo-answer-box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 100px; aspect-ratio: 548 / 228; padding: 12px; color: #16003e; background: url(/assets/images/promotion/202611/answer-box.png) center / 100% 100% no-repeat; }
.bingo-promotion .bingo-answer-box > img { width: 24%; height: auto; }
.bingo-promotion .bingo-answer-box output { max-width: 100%; font-size: clamp(20px, 6vw, 40px); font-weight: 800; overflow-wrap: anywhere; text-align: center; }
.bingo-promotion .bingo-answer-warning { width: 71.35%; height: auto; }
.bingo-promotion .bingo-secret-dialog { --secret-width: 664; --secret-x: 58; --secret-y: 56.5; --secret-gap: 40; --secret-number: 30; --secret-caption: 24; --secret-u: calc(100cqw / var(--secret-width)); container-type: inline-size; width: min(560px, calc(100vw - 32px)); padding: 0; background: #390066; letter-spacing: 0; }
.bingo-promotion .bingo-secret-dialog[open] { display: block; }
.bingo-promotion .bingo-secret-dialog::before { content: ''; position: absolute; inset: 0; background: url(/assets/images/promotion/202611/dialog-bg.png) calc(50% + 8.5 * var(--secret-u)) calc(-27.63 * var(--secret-u)) / calc(793 * var(--secret-u)) calc(944.28 * var(--secret-u)) no-repeat; pointer-events: none; }
.bingo-promotion .bingo-secret-content { position: relative; display: flex; flex-direction: column; align-items: center; gap: calc(var(--secret-gap) * var(--secret-u)); min-height: calc(848 * var(--secret-u)); padding: calc(var(--secret-y) * var(--secret-u)) calc(var(--secret-x) * var(--secret-u)); }
.bingo-promotion .bingo-secret-dialog .bingo-dialog-close { top: max(0px, calc(43.5 * var(--secret-u) - 22px)); right: max(0px, calc(43.5 * var(--secret-u) - 22px)); background-size: calc(23 * var(--secret-u)) calc(23 * var(--secret-u)); }
.bingo-promotion .bingo-secret-intro { display: flex; flex-direction: column; align-items: center; width: 100%; gap: calc(16 * var(--secret-u)); text-align: center; }
.bingo-promotion .bingo-secret-heading { flex: none; width: calc(447 * var(--secret-u)); height: calc(95 * var(--secret-u)); margin-bottom: calc(-2 * var(--secret-u)); background: url(/assets/images/promotion/202611/secret-heading.png) calc(-.9834 * var(--secret-u)) calc(-16.16 * var(--secret-u)) / 100% 284.37% no-repeat; }
.bingo-promotion .bingo-secret-dialog h2 { color: #fff; font-family: BingoSecret, Pretendard, sans-serif; font-size: calc(40 * var(--secret-u)); font-weight: 800; line-height: 1.2; text-align: center; }
.bingo-promotion .bingo-secret-description { color: #fff; font-size: calc(20 * var(--secret-u)); font-weight: 500; line-height: 1.2; text-align: center; }
.bingo-promotion .bingo-secret-summary { display: flex; flex: none; align-items: center; width: 100%; height: calc(254 * var(--secret-u)); padding: 0 calc(34 * var(--secret-u)) 0 calc(40 * var(--secret-u)); color: #000; background: url(/assets/images/promotion/202611/secret-summary-bg.png) center / 100% 100% no-repeat; }
.bingo-promotion .bingo-secret-summary-inner { display: flex; flex-direction: column; gap: calc(16 * var(--secret-u)); width: 100%; min-width: 0; }
.bingo-promotion .bingo-secret-amounts { display: flex; flex-direction: column; gap: calc(6 * var(--secret-u)); }
.bingo-promotion .bingo-secret-summary p { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--secret-u)); min-width: 0; }
.bingo-promotion .bingo-secret-summary p > img { flex: none; width: calc(203 * var(--secret-u)); height: calc(24 * var(--secret-u)); }
.bingo-promotion .bingo-secret-summary p:first-child > img { width: calc(196 * var(--secret-u)); }
.bingo-promotion .bingo-secret-divider { position: relative; height: 0; }
.bingo-promotion .bingo-secret-divider img { position: absolute; bottom: 0; width: 100%; height: auto; }
.bingo-promotion .bingo-secret-summary output { font-family: BingoSecret, Pretendard, sans-serif; font-size: calc(var(--secret-number) * var(--secret-u)); font-weight: 800; line-height: 1.4; letter-spacing: calc(-.2 * var(--secret-u)); overflow-wrap: anywhere; }
.bingo-promotion .bingo-secret-summary p:last-child output { color: #eb0476; }
.bingo-promotion .bingo-secret-summary small { align-self: flex-end; color: #630b9a; font-size: calc(20 * var(--secret-u)); line-height: 1.2; }
.bingo-promotion .bingo-secret-summary small output { font: inherit; letter-spacing: inherit; }
.bingo-promotion .bingo-secret-progress { appearance: none; -webkit-appearance: none; display: block; width: 100%; height: calc(29 * var(--secret-u)); overflow: hidden; border: calc(1 * var(--secret-u)) solid #d5c8e5; border-radius: 100px; background: #e9d9ff; }
.bingo-promotion .bingo-secret-progress::-webkit-progress-bar { background: #e9d9ff; }
.bingo-promotion .bingo-secret-progress::-webkit-progress-value { border-radius: 100px; background: #ed4faa url(/assets/images/promotion/202611/progress-fill.png) center / 100% 100% no-repeat; }
.bingo-promotion .bingo-secret-progress::-moz-progress-bar { border-radius: 100px; background: #ed4faa url(/assets/images/promotion/202611/progress-fill.png) center / 100% 100% no-repeat; }
.bingo-promotion .bingo-secret-actions { display: flex; flex-direction: column; align-items: center; gap: calc(16 * var(--secret-u)); width: calc(451 * var(--secret-u)); max-width: 100%; }
.bingo-promotion .bingo-secret-caption { max-width: 100%; font-size: calc(var(--secret-caption) * var(--secret-u)); font-weight: 700; line-height: 1.1; letter-spacing: calc(-.2 * var(--secret-u)); text-align: center; overflow-wrap: anywhere; }
.bingo-promotion .bingo-secret-caption output { color: #fbf769; }
.bingo-promotion .bingo-secret-actions .bingo-purchase-button { width: calc(451 * var(--secret-u)); height: calc(90 * var(--secret-u)); background-position: left calc(-31 * var(--secret-u)); }
.bingo-promotion .bingo-alert { min-height: min(520px, calc(100dvh - 32px)); color: #160a20; background: #fff; box-shadow: 0 0 8px 2px #d2b0ff; }
.bingo-promotion .bingo-alert[open] { justify-content: center; }
.bingo-promotion .bingo-alert .bingo-dialog-close { background-image: url(/assets/images/promotion/202611/alert-close.png); }
.bingo-promotion .bingo-alert-icon { width: min(112px, 28%); height: auto; }
.bingo-promotion .bingo-alert h2 { width: 100%; }
.bingo-promotion .bingo-alert h2 img { width: 100%; height: auto; }
.bingo-promotion .bingo-alert-actions { display: grid; gap: 12px; width: 82.3%; }
.bingo-promotion .bingo-alert-actions a, .bingo-promotion .bingo-alert-action { display: block; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; }
.bingo-promotion .bingo-alert-actions a { position: relative; display: grid; place-items: center; color: #fff; text-decoration: none; }
.bingo-promotion .bingo-alert-actions a span { position: absolute; font-size: clamp(16px, 4.6vw, 26px); font-weight: 500; }
.bingo-promotion .bingo-alert-actions img, .bingo-promotion .bingo-alert-action img { width: 100%; height: auto; }
.bingo-promotion .bingo-alert-action { width: 82.3%; }

@media (max-width: 767px) {
    .bingo-promotion .bingo-alert { min-height: min(440px, calc(100dvh - 32px)); }
}