.myst{--cream: #FFFCFA;--ink: #241520;--ink-soft: #4A3341;--wine: #73175A;--wine-deep: #3A0F2E;--wine-hover: #8B2270;--gold-ink: #7C5038;--gold-rule: rgba(190, 138, 108, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-serif: "Marcellus", Georgia, "Times New Roman", serif;--fs-body: 18px;--fs-small: 16px;--fs-micro: 14px;--radius-lg: 22px;--radius-sm: 8px;--radius-pill: 999px;box-sizing:border-box;font-size:var(--fs-body);line-height:1.7;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(520px,95vw);max-width:95vw;max-height:88vh;max-height:88dvh;padding:0;border:0;border-radius:var(--radius-lg);background:var(--cream);color:var(--ink);font-family:var(--font-sans);overflow-y:auto;box-shadow:0 30px 80px #2b1a1773}.myst *,.myst *:before,.myst *:after{box-sizing:border-box}.myst::backdrop{background:#2b1a179e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.myst__head{padding:34px 24px 0;text-align:center}.myst__rule{display:block;margin-bottom:14px;font-family:var(--font-serif);font-size:15px;letter-spacing:.3em;color:var(--gold-ink)}.myst__rule:before,.myst__rule:after{content:"";display:inline-block;width:42px;height:1px;margin-bottom:5px;background:var(--gold-rule)}.myst__rule:before{margin-right:14px}.myst__rule:after{margin-left:14px}.myst__h{margin:0;font-family:var(--font-serif);font-size:clamp(27px,7vw,38px);font-weight:400;letter-spacing:.01em;line-height:1.1;text-transform:uppercase;color:var(--wine-deep)}.myst__h:focus{outline:none}.myst__stage{padding:22px 24px 34px;text-align:center}.myst__close{position:absolute;top:14px;right:14px;width:40px;height:40px;z-index:5;display:grid;place-content:center;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .18s ease}.myst__close:hover{background:#2b1a1712}.myst__close svg{width:20px;height:20px}.myst__step{margin:0;padding:0}.myst__step[hidden]{display:none!important}.myst__howto{margin:0;font-family:var(--font-serif);font-size:26px;font-weight:400;line-height:1.15;color:var(--wine-deep);text-align:center}.myst__sub{margin:6px 0 0;font-size:var(--fs-small);line-height:1.35;color:var(--ink-soft);text-align:center}.myst__cards{container-type:inline-size;display:grid;grid-template-columns:repeat(3,1fr);gap:3.4%;width:min(100%,300px);margin:14px auto 0}.myst__cards[hidden]{display:none}.myst__card{aspect-ratio:916 / 1231;padding:0;border:0;background:none;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent}.myst__card[disabled]{cursor:default}.myst__card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1)}.myst__card.is-up .myst__card-inner{transform:rotateY(180deg)}.myst__card:not(.is-up):hover .myst__card-inner{transform:translateY(-3px)}.myst__card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:var(--radius-sm);backface-visibility:hidden;-webkit-backface-visibility:hidden}.myst__card-back{background:var(--myst-gift) 50.93% 49.18% / 111.79% auto no-repeat}.myst__card-front{transform:rotateY(180deg);padding:8%;background:radial-gradient(120% 140% at 50% 0%,#fffcfa,#f3e3da);border:1.5px solid rgba(106,15,30,.45);font-family:var(--font-serif);font-size:6.5cqw;line-height:1.05;text-transform:uppercase;color:var(--wine);text-align:center;text-wrap:balance}.myst__card:focus-visible{outline:2px solid var(--wine);outline-offset:3px;border-radius:var(--radius-sm)}.myst__won{margin:0 0 22px;text-align:center}.myst__won-main{display:block;font-family:var(--font-serif);font-size:clamp(27px,7vw,34px);font-weight:400;line-height:1.12;letter-spacing:.01em;color:var(--wine-deep);text-wrap:balance}.myst__won-extra{display:block;margin-top:5px;font-size:var(--fs-body);font-weight:600;color:var(--wine)}.myst__won-extra[hidden]{display:none}.myst__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.myst__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(320px,100%);margin-top:20px;padding:15px 26px;border:0;border-radius:var(--radius-pill);background:var(--wine);color:var(--cream);font:inherit;font-size:var(--fs-small);font-weight:700;letter-spacing:.09em;line-height:1.15;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease}.myst__cta:hover{background:var(--wine-hover)}.myst__cta:active{transform:translateY(1px)}.myst__cta[disabled]{opacity:.6;cursor:default}.myst__cta svg{width:17px;height:17px;flex:none}.myst__decline{display:block;margin:18px auto 0;padding:2px;border:0;background:none;font:inherit;font-size:var(--fs-micro);color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.myst__decline:hover{color:var(--wine)}.myst__form{margin:0 auto;width:min(320px,100%);text-align:left}.myst__input{width:100%;padding:14px 20px;border:1.5px solid var(--gold-rule);border-radius:var(--radius-pill);background:#ffffffe6;font:inherit;font-size:var(--fs-small);color:var(--ink)}.myst__input::placeholder{color:#a8968f}.myst__input:focus-visible{outline:2px solid var(--wine);outline-offset:2px;border-color:transparent}.myst__input.is-invalid{border-color:var(--wine-hover)}.myst__err{margin:8px 0 0;font-size:var(--fs-micro);color:var(--wine-hover)}.myst__err[hidden]{display:none}.myst__form .myst__cta{width:100%;margin-top:12px}[data-myst-step=code] .myst__won-extra{font-weight:400;line-height:1.5;color:var(--ink-soft)}.myst__keep{white-space:nowrap}@media(max-width:480px){.myst__head{padding:28px 18px 0}.myst__stage{padding:18px 18px 28px}.myst__rule:before,.myst__rule:after{width:28px}.myst__cta{padding:15px 22px;letter-spacing:.06em}}@media(min-width:960px)and (min-height:600px){.myst{width:min(1120px,94vw,154vh);max-width:94vw;max-height:none;height:auto;aspect-ratio:1672 / 941;border-radius:10px;background:var(--myst-stage) center / cover no-repeat;overflow:hidden;box-shadow:0 40px 100px #2b1a1780}.myst__head{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.myst__stage{position:absolute;left:50.06%;top:54.8%;transform:translate(-50%,-50%);width:46%;padding:0;container-type:inline-size}.myst__cta{width:min(300px,100%)}.myst__howto{font-size:30px}.myst__sub{margin-top:4px}.myst__cards{width:min(100%,calc(100cqw - 126px));margin-top:10px}.myst__decline{margin-top:12px}.myst__close{top:13.12%;right:auto;left:79.78%;width:3.4%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);color:transparent}[data-myst-step=code]{margin-inline:-15%}[data-myst-step=code] .myst__won{margin-bottom:22px}[data-myst-step=code] .myst__won-main{font-size:9.71cqw}[data-myst-step=code] .myst__won-extra{max-width:80%;margin:.9em auto 0;font-size:5.05cqw}.myst__close:hover{background:#6a0f1e14}.myst__close:focus-visible{outline:2px solid var(--wine);outline-offset:2px}}.myst__won-main{animation:myst-prize .5s cubic-bezier(.22,1,.36,1) both}@keyframes myst-prize{0%{transform:scale(.86);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.myst__cta:active{transform:none}.myst__won-main{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/a33-mystery.css.map */