.scratch-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}.scratch-pop[hidden]{display:none}html.scratch-pop-open{overflow:hidden}.scratch-pop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-ink) 64%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.scratch-pop.is-open .scratch-pop__scrim{opacity:1}.scratch-pop__dialog{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;width:min(940px,100%);max-height:calc(100dvh - 32px);overflow:hidden;background:var(--color-ink);color:var(--color-cream);border-radius:clamp(12px,2vw,22px);box-shadow:var(--shadow-soft);transform:translateY(14px) scale(.985);opacity:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.scratch-pop.is-open .scratch-pop__dialog{transform:none;opacity:1}.scratch-pop__close{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-cream) 16%,transparent);color:var(--color-cream);cursor:pointer;transition:background .2s ease,transform .2s ease}.scratch-pop__close:hover{background:color-mix(in srgb,var(--color-cream) 28%,transparent)}.scratch-pop__close:active{transform:scale(.94)}.scratch-pop__close:focus-visible{outline:2px solid var(--color-honey);outline-offset:2px}.scratch-pop__media{position:relative;min-height:100%;background:var(--color-beige)}.scratch-pop__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scratch-pop__img--empty{background:linear-gradient(150deg,var(--color-beige),var(--color-clay))}.scratch-pop__img--mobile{display:none}.scratch-pop__panel{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:clamp(24px,4vw,44px)}.scratch-pop__inner{width:100%;max-width:360px;text-align:center}.scratch-pop__eyebrow{margin:0 0 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-honey)}.scratch-pop__logo{display:block;width:auto;height:1.7rem;max-width:65%;margin:0 auto 12px;filter:brightness(0) invert(1)}.scratch-pop__heading{margin:0 0 8px;font-family:var(--font-heading);font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);line-height:1.05;color:var(--color-cream)}.scratch-pop__subcopy{margin:0 0 22px;font-size:.96rem;line-height:1.5;color:color-mix(in srgb,var(--color-cream) 78%,transparent)}.scratch-pop__card{position:relative;width:100%;aspect-ratio:16 / 10;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cream) 14%,transparent);touch-action:none}.scratch-pop__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:var(--color-cream);color:var(--color-ink)}.scratch-pop__prize-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--color-ink) 60%,transparent)}.scratch-pop__prize-offer{font-family:var(--font-heading);font-size:clamp(1.4rem,1.1rem + 1.4vw,2rem);line-height:1.1;color:var(--color-ink)}.scratch-pop__prize-locked{margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-ink) 58%,transparent)}.scratch-pop__step[hidden]{display:none}.scratch-pop__reveal{display:flex;flex-direction:column;align-items:center;gap:14px;animation:scratchPrizePop .45s ease}.scratch-pop__code-block{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:18px 16px;border:1px dashed color-mix(in srgb,var(--color-honey) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-honey) 9%,transparent)}.scratch-pop__code-block .scratch-pop__prize-offer{color:var(--color-cream)}.scratch-pop__code{font-family:var(--font-heading);font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem);letter-spacing:.06em;color:var(--color-honey)}.scratch-pop__copy{margin-top:2px;padding:7px 16px;border:1px solid color-mix(in srgb,var(--color-cream) 26%,transparent);border-radius:999px;background:transparent;color:var(--color-cream);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.scratch-pop__copy:hover{background:color-mix(in srgb,var(--color-cream) 12%,transparent)}.scratch-pop__copy.is-copied{background:var(--color-honey);border-color:var(--color-honey);color:var(--color-ink)}.scratch-pop__copy:focus-visible{outline:2px solid var(--color-honey);outline-offset:2px}.scratch-pop__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;transition:opacity .4s ease}.scratch-pop__canvas:active{cursor:grabbing}.scratch-pop__card.is-revealed .scratch-pop__canvas{opacity:0;pointer-events:none}.scratch-pop__card.is-revealed .scratch-pop__prize{animation:scratchPrizePop .45s ease}@keyframes scratchPrizePop{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}.scratch-pop__hint{margin:14px 0 0;font-size:.8rem;color:color-mix(in srgb,var(--color-cream) 60%,transparent)}.scratch-pop__card.is-revealed~.scratch-pop__hint{display:none}.scratch-pop__claim{margin-top:18px}.scratch-pop__claim[hidden]{display:none}.scratch-pop__claim-heading{margin:0 0 12px;font-size:.92rem;line-height:1.45;color:color-mix(in srgb,var(--color-cream) 86%,transparent)}.scratch-pop__form-row{display:flex;gap:8px}.scratch-pop__form-row[hidden]{display:none}.scratch-pop__form-row input[type=email]{flex:1;min-width:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--color-cream) 24%,transparent);border-radius:var(--radius-input);background:color-mix(in srgb,var(--color-cream) 6%,transparent);color:var(--color-cream);font-size:.95rem}.scratch-pop__form-row input[type=email]::placeholder{color:color-mix(in srgb,var(--color-cream) 50%,transparent)}.scratch-pop__form-row input[type=email]:focus{outline:none;border-color:var(--color-honey)}.scratch-pop__submit{flex-shrink:0;background:var(--color-honey);color:var(--color-ink);border:0;white-space:nowrap}.scratch-pop__success{margin:12px 0 0;font-size:.9rem;color:var(--color-honey)}.scratch-pop__success[hidden]{display:none}.scratch-pop__fine{margin:12px 0 0;font-size:.74rem;color:color-mix(in srgb,var(--color-cream) 55%,transparent)}.scratch-pop .errors,.scratch-pop__form .errors{margin:0 0 12px;font-size:.85rem;color:var(--color-honey)}@media(max-width:759px){.scratch-pop__dialog{grid-template-columns:1fr;width:min(420px,100%);max-height:calc(100dvh - 24px)}.scratch-pop__media{min-height:0;height:clamp(140px,34vw,220px)}.scratch-pop__img{position:relative}.scratch-pop__img--mobile{display:block}.scratch-pop__media:has(.scratch-pop__img--mobile) .scratch-pop__img--desktop{display:none}.scratch-pop__panel{padding:22px 20px 26px}.scratch-pop__form-row{flex-direction:column}.scratch-pop__submit{width:100%}}.scratch-pop__dialog:not(:has(.scratch-pop__img)){grid-template-columns:1fr;width:min(460px,100%)}@media(prefers-reduced-motion:reduce){.scratch-pop__dialog,.scratch-pop__scrim,.scratch-pop__canvas{transition:none}.scratch-pop__card.is-revealed .scratch-pop__prize{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/scratch-popup.css.map */