.bf-game{font-family:var(--st-font-body);color:var(--st-color-heading)}.bf-game__launcher{position:fixed;z-index:30;right:12px;top:50%;transform:translateY(-50%);width:clamp(76px,15vw,120px);padding:0;border:0;background:transparent;cursor:pointer}.bf-game__launcher img{display:block;width:100%;height:auto;animation:bf-game-float 3s ease-in-out infinite;transition:scale .3s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.bf-game__launcher:hover img{scale:1.1}}.bf-game__launcher:focus-visible,.bf-game button:focus-visible{outline:2px solid var(--st-color-focus);outline-offset:3px}.bf-game__dialog{box-sizing:border-box;margin:auto;top:0;right:0;bottom:0;left:0;overflow:auto;font-family:var(--st-font-body);width:min(94vw,580px);max-width:none;max-height:94dvh;padding:0;border:0;border-radius:var(--st-radius-lg);background:var(--st-color-surface);box-shadow:var(--st-shadow-overlay);color:var(--st-color-heading)}.bf-game__dialog[open]{animation:bf-game-enter var(--st-overlay-enter-duration) var(--st-overlay-ease-enter) both}.bf-game__dialog::backdrop{background:var(--st-overlay-backdrop)}.bf-game__panel{position:relative;padding:28px 18px 14px}.bf-game__close{position:absolute;z-index:2;right:12px;top:8px;width:40px;height:40px;border:0;border-radius:var(--st-radius-pill);background:var(--st-color-surface-subtle);color:var(--st-color-heading);font-size:28px;line-height:1;cursor:pointer}.bf-game__heading{text-align:center;padding:8px 24px 0}.bf-game__eyebrow{color:var(--st-color-accent);font-weight:800;font-size:11px;letter-spacing:.12em}.bf-game__heading h2{margin:4px 0;font-family:var(--st-font-heading);font-weight:800;font-size:clamp(24px,4vw,32px);line-height:1.1;letter-spacing:-.025em}.bf-game__heading p,.bf-game__rules p{margin:8px 0;font-size:14px;line-height:1.4}.bf-game__stage{position:relative;margin-top:16px;overflow:hidden;border-radius:var(--st-radius-lg);background:var(--st-color-campaign-surface)}.bf-game__stage canvas{display:block;width:100%;height:auto;aspect-ratio:600 / 460;touch-action:none;cursor:pointer}.bf-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#f7f5eb80;gap:10px}.bf-game__overlay[hidden],.bf-game__coupon[hidden],.bf-game__score[hidden]{display:none}.bf-game__badge{color:var(--st-color-accent);font-size:12px;font-weight:800;letter-spacing:.08em}.bf-game__overlay h3{margin:3px 0;font-size:clamp(23px,4vw,30px);font-weight:800;letter-spacing:-.025em;line-height:1.1}.bf-game__overlay p{margin:4px 0;font-size:14px;line-height:1.5;max-width:320px;color:var(--st-color-heading)}.bf-game__play,.bf-game__coupon button{border:1px solid var(--st-color-accent);border-radius:var(--st-radius-pill);padding:9px 20px;background:var(--st-color-accent);color:var(--st-color-on-accent);font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--st-button-transition-duration),color var(--st-button-transition-duration),border-color var(--st-button-transition-duration)}.bf-game__play:hover,.bf-game__coupon button:hover{background:var(--st-color-accent-hover)}.bf-game__play:disabled,.bf-game__again:disabled{opacity:.5;cursor:not-allowed}.bf-game__coupon{display:flex;align-items:center;gap:8px;margin:5px 0;padding:4px 4px 4px 12px;border:1px dashed var(--st-color-accent);border-radius:var(--st-radius-pill);background:var(--st-color-surface);font-size:14px;font-weight:800}.bf-game__coupon button{padding:6px 12px;font-size:12px}.bf-game__copy-status:empty{display:none}.bf-game__copy-status{min-height:0}.bf-game__score{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:var(--st-radius-pill);background:var(--st-color-surface);font-weight:800}.bf-game__below{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700}.bf-game__again{border:0;padding:8px;background:transparent;color:var(--st-color-accent);font:inherit;text-decoration:underline;cursor:pointer}.bf-game__rules{padding:14px;border-radius:var(--st-radius-md);background:var(--st-color-surface-subtle)}.bf-game__rules h3{margin:0;font-size:16px}.bf-game__rules ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;margin:10px 0;list-style:none}.bf-game__rules li{display:flex;flex-direction:column;padding:8px;border-radius:var(--st-radius-sm);background:var(--st-color-surface);font-size:12px}.bf-game__rules li b{color:var(--st-color-accent)}@media(min-width:750px){.bf-game__panel{padding:28px 36px}.bf-game__launcher{right:24px}.bf-game__rules ul{grid-template-columns:repeat(4,1fr)}}@keyframes bf-game-enter{0%{opacity:0;transform:translateY(var(--st-overlay-dialog-distance))}to{opacity:1;transform:translateY(0)}}@keyframes bf-game-float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.bf-game__launcher img{animation:none;transition:none}.bf-game__play,.bf-game__coupon button{transition-duration:0ms}}.bf-game,.bf-game *{box-sizing:border-box}.bf-game__dialog:not([open]){display:none}.bf-game__heading p{color:var(--st-color-text-muted);font-size:13px;line-height:1.5}.bf-game__play{min-height:48px;min-width:180px;margin-top:8px}.bf-game__score{left:14px;right:auto;background:var(--st-color-heading);color:var(--st-color-surface);pointer-events:none}.bf-game__hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:max-content;max-width:90%;padding:10px 16px;text-align:center;border-radius:var(--st-radius-lg);background:var(--st-color-heading);color:var(--st-color-surface);pointer-events:none;box-shadow:var(--st-shadow-raised)}.bf-game__hint strong{display:block;font-size:18px;font-weight:800}.bf-game__hint>span{display:block;margin-top:3px;font-size:11px}.bf-game__hint.is-ready{bottom:28%;background:var(--st-color-accent);padding:16px 20px}.bf-game__hint.is-ready strong{font-size:24px}.bf-game__hint[hidden],.bf-game__mobile-hint{display:none}.bf-game__milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 0}.bf-game__milestones span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--st-color-text-muted)}.bf-game__milestones b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--st-color-surface-subtle);color:var(--st-color-heading);font-size:13px}.bf-game__milestones .is-earned b{background:var(--st-color-accent);color:var(--st-color-on-accent)}.bf-game__below{border-top:1px solid var(--st-color-border);font-size:12px}.bf-game__below p{margin:10px 0}.bf-game__below>div{display:flex;gap:4px}.bf-game__again{min-height:44px;text-decoration:none;font-size:12px}.bf-game__rules-dialog{width:min(92vw,480px)}.bf-game__rules{background:transparent;padding:14px 0}.bf-game__rules h2{margin:12px 0;font-size:28px;font-weight:800;line-height:1.15}.bf-game__rules p{line-height:1.6;color:var(--st-color-text)}.bf-game__rules ul{grid-template-columns:1fr;gap:8px;margin:18px 0}.bf-game__rules li{flex-direction:row;justify-content:space-between;padding:12px;background:var(--st-color-surface-subtle);font-size:14px}@media(pointer:coarse){.bf-game__desktop-hint{display:none}.bf-game__mobile-hint{display:inline}}@media(min-width:750px){.bf-game__panel{padding:24px 24px 10px}}@media(prefers-reduced-motion:reduce){.bf-game__dialog[open]{animation:none}}.bf-game__stage[data-scene=intro],.bf-game__stage[data-scene=result]{background:var(--st-color-campaign-surface)}.bf-game__stage:not([data-scene=game]) canvas,.bf-game__stage:not([data-scene=game]) .bf-game__dog{display:none}.bf-game__stage:not([data-scene=game]) .bf-game__overlay{position:relative;inset:auto;padding:28px 18px;gap:12px;background:transparent}.bf-game__stage[data-scene=result] .bf-game__welcome-art{display:none}.bf-game__welcome-art{display:grid;place-items:center;width:120px;height:104px;margin:0 auto 4px}.bf-game__welcome-art img{display:block;width:144px;height:auto;max-width:none}.bf-game__reward-value{font-size:clamp(56px,12vw,76px);font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--st-color-heading)}.bf-game__reward-value:after{content:"OFF";display:block;font-size:12px;font-weight:700;letter-spacing:.16em;margin-top:10px}.bf-game__reward-value[hidden],.bf-game__validity[hidden]{display:none}.bf-game__stage[data-scene=result] h3{font-size:21px;line-height:1.2;margin:0}.bf-game__stage[data-scene=result] [data-game-detail]{font-size:13px;color:var(--st-color-text-muted)}.bf-game__coupon{display:flex;justify-content:space-between;width:min(100%,360px);border:1px solid var(--st-color-border);border-radius:var(--st-radius-md);padding:14px;margin:6px 0 0;gap:10px;background:var(--st-color-surface);text-align:left}.bf-game__code-label{display:block;color:var(--st-color-text-muted);font-size:9px;font-weight:600;letter-spacing:.08em}.bf-game__code-label strong{display:block;margin-top:5px;color:var(--st-color-heading);font-family:var(--st-font-body);font-size:clamp(12px,3vw,17px);letter-spacing:.04em;font-weight:800;-webkit-user-select:all;user-select:all}.bf-game__coupon button{flex-shrink:0;border-radius:var(--st-radius-sm);min-height:40px;padding:8px 12px;font-size:12px}.bf-game__overlay .bf-game__validity{font-size:11px;color:var(--st-color-text-muted)}.bf-game__dog{position:absolute;width:14%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.bf-game__hint.is-ready{bottom:25%;background:var(--st-color-surface);color:var(--st-color-heading);padding:12px 18px;border:1px solid var(--st-color-border);box-shadow:none}.bf-game__hint.is-ready strong{font-size:18px}.bf-game__toast{position:absolute;top:14px;right:14px;padding:9px 12px;max-width:calc(100% - 110px);border-radius:var(--st-radius-md);background:var(--st-color-surface);border-left:3px solid var(--tier-color);box-shadow:var(--st-shadow-raised);pointer-events:none}.bf-game__toast b{display:block;font-size:11px;color:var(--tier-color);letter-spacing:.04em}.bf-game__toast span{display:block;font-size:10px;color:var(--st-color-text);margin-top:3px}.bf-game__toast[hidden]{display:none}.bf-game [data-grade=c]{--tier-color: var(--st-color-reward-c)}.bf-game [data-grade=b]{--tier-color: var(--st-color-reward-b)}.bf-game [data-grade=a]{--tier-color: var(--st-color-reward-a)}.bf-game [data-grade=s]{--tier-color: var(--st-color-reward-s)}.bf-game__milestones [data-grade] b{color:var(--tier-color);background:var(--st-color-surface);border:1px solid var(--tier-color)}.bf-game__milestones [data-grade].is-earned b{background:var(--tier-color);color:var(--st-color-on-accent)}.bf-game__stage[data-scene=result] .bf-game__badge{color:var(--tier-color, var(--st-color-text-muted));border:1px solid currentColor;border-radius:var(--st-radius-pill);padding:5px 12px;font-size:11px;font-weight:800}.bf-game__below{font-weight:500}.bf-game__again{color:var(--st-color-heading)}.bf-game__panel:has([data-scene=result]) .bf-game__heading h2{font-size:clamp(32px,7vw,40px);margin:8px 0 0}.bf-game__panel:has([data-scene=result]) .bf-game__heading>p{display:none}.bf-game__stage[data-scene=result] .bf-game__overlay{padding:22px 18px;gap:10px}.bf-game__stage[data-scene=result] .bf-game__overlay p{margin:0}.bf-game__stage[data-scene=result] .bf-game__reward-value{font-size:clamp(72px,16vw,88px);color:var(--tier-color, var(--st-color-accent))}.bf-game__stage[data-scene=result] h3{font-size:18px}.bf-game__close{display:grid;place-items:center;width:36px;min-width:36px;height:36px;padding:0;top:10px;right:10px;font:400 28px/1 var(--st-font-body);border-radius:var(--st-radius-pill);background:var(--st-color-surface-subtle);color:var(--st-color-heading)}.bf-game__close:hover{background:var(--st-color-border)}.bf-game__heading{padding:8px 40px 0}.bf-game__eyebrow{color:var(--st-color-text-muted);font-size:10px;font-weight:600;letter-spacing:.1em}.bf-game__heading h2{font-size:28px;margin:8px 0;font-weight:800}.bf-game__heading p{font-size:12px;margin:0;font-weight:400}.bf-game__badge{font-size:10px;font-weight:700}.bf-game__overlay h3{font-size:24px}.bf-game__overlay p{font-size:13px;color:var(--st-color-text-muted)}.bf-game__below{font-size:11px;color:var(--st-color-text-muted)}.bf-game__below{padding-top:12px;gap:8px}.bf-game__below>div{gap:8px}.bf-game__below .bf-game__again{border:1px solid var(--st-color-border);border-radius:var(--st-radius-md);background:var(--st-color-surface);color:var(--st-color-heading);padding:9px 14px;min-height:42px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color var(--st-button-transition-duration),color var(--st-button-transition-duration),border-color var(--st-button-transition-duration)}.bf-game__below [data-game-rules-open]:hover{background:var(--st-color-surface-subtle);border-color:var(--st-color-text-muted)}.bf-game__below .bf-game__again:disabled{background:var(--st-color-surface-subtle);border-color:var(--st-color-border);color:var(--st-color-text-muted);opacity:.65}.bf-game__toast{top:14px;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:calc(100% - 180px);padding:10px 18px;text-align:center;border-left:0;border-top:3px solid var(--tier-color);box-shadow:var(--st-shadow-raised)}.bf-game__toast b{font-size:10px;font-weight:700;letter-spacing:.08em}.bf-game__toast strong{display:block;color:var(--tier-color);font-size:25px;font-weight:800;line-height:1.15;margin:3px 0}.bf-game__toast span{font-size:10px;color:var(--st-color-text-muted)}@media(pointer:coarse){.bf-game__toast{max-width:calc(100% - 110px);left:auto;right:10px;transform:none;padding:8px 10px}.bf-game__toast strong{font-size:20px}.bf-game__toast span{font-size:9px}}.bf-game__stage[data-scene=result] .bf-game__reward-value:after{color:var(--tier-color, var(--st-color-accent));font-size:14px;letter-spacing:.2em}.bf-game__stage[data-scene=result] .bf-game__overlay h3{font-size:18px;color:var(--st-color-heading);font-weight:700}.bf-game__stage[data-scene=result] .bf-game__overlay [data-game-detail]{font-size:12px;font-weight:400;color:var(--st-color-text-muted)}.bf-game__code-label{font-size:10px;font-weight:500}.bf-game__code-label strong{font-size:clamp(13px,3.4vw,19px);font-weight:800;color:var(--st-color-heading)}.bf-game__coupon{border-color:var(--st-color-border);box-shadow:var(--st-shadow-raised)}.bf-game__stage[data-scene=result] .bf-game__play{min-height:46px;font-size:15px;font-weight:800}@media(prefers-reduced-motion:reduce){.bf-game__below .bf-game__again{transition-duration:0ms}}.bf-game__heading{padding:10px 30px 4px}.bf-game__heading .bf-game__eyebrow{display:inline-block;font-size:clamp(14px,3.8vw,18px);line-height:1.3;font-weight:800;letter-spacing:.08em;color:var(--st-color-accent)}.bf-game__heading h2{display:flex;justify-content:center;flex-wrap:wrap;gap:0 .16em;font-family:var(--st-font-heading);font-size:clamp(38px,8vw,58px);font-weight:900;line-height:1.05;letter-spacing:-.055em;text-transform:uppercase;margin:10px 0 8px}.bf-game__heading h2>span{color:var(--st-color-heading);font-style:italic}.bf-game__heading h2>em{color:var(--st-color-accent);font-style:italic;font-weight:inherit;position:relative}.bf-game__heading h2>em:after{content:"";display:block;position:absolute;bottom:-3px;left:2px;right:2px;height:3px;transform:rotate(-2deg);background:currentColor}.bf-game__heading p{margin-top:12px;font-size:12px}.bf-game__milestones [data-grade] b,.bf-game__milestones [data-grade].is-earned b{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:2px;width:auto;height:auto;border:0;border-radius:0;color:var(--tier-color);background:transparent}.bf-game__milestones [data-grade] b img{display:block;width:40px;height:52px;object-fit:contain;opacity:.4;filter:grayscale(.7)}.bf-game__milestones [data-grade].is-earned b img{opacity:1;filter:none}.bf-game__milestones [data-grade] b strong{color:var(--tier-color);font-size:13px;line-height:1;font-weight:800}.bf-game__result-art{display:flex;align-items:center;justify-content:center;gap:12px;line-height:1}.bf-game__result-art[hidden]{display:none}.bf-game__result-art img{display:block;width:64px;height:64px;object-fit:contain}.bf-game__result-art span{font-size:22px}.bf-game__stage[data-scene=result] .bf-game__overlay{gap:7px}.bf-game__stage[hidden],.bf-game__milestones[hidden],.bf-game__below[hidden],.bf-game__account[hidden],.bf-game__email[hidden]{display:none}.bf-game__email{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;padding:24px;border-radius:var(--st-radius-lg);background:var(--st-color-campaign-surface)}.bf-game__email h3{margin:0;text-align:center;font-size:24px}.bf-game__email p{margin:0;text-align:center;font-size:14px}.bf-game__email label{margin-top:8px;font-weight:700;font-size:14px}.bf-game__email input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--st-color-border);border-radius:var(--st-radius-md);background:var(--st-color-surface);color:var(--st-color-text);font:inherit}.bf-game__email input:focus-visible{outline:2px solid var(--st-color-focus);outline-offset:2px}.bf-game__email .bf-game__email-error{color:var(--st-color-accent);text-align:left}.bf-game__email-error:empty{display:none}.bf-game__account{display:flex;align-items:center;justify-content:space-between;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--st-color-text-muted);overflow-wrap:anywhere}.bf-game__account button{border:0;background:none;color:var(--st-color-accent);text-decoration:underline;cursor:pointer;white-space:nowrap}.bf-game__close{position:sticky;top:10px;float:right;margin:-14px -8px -22px 0}@media(pointer:coarse){.bf-game__launcher{touch-action:none}}@media(prefers-reduced-motion:no-preference){.bf-game__launcher.is-snapping{transition:left .6s cubic-bezier(.22,1,.36,1)}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/new_black-friday-game.css.map */