.stickgame{--sg-green: #20381a;--sg-pink: #ff99b6;--sg-yellow: #f3c560;--sg-ease: var(--ease-out, cubic-bezier(.22, 1, .36, 1));position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer, 60) - 1);pointer-events:none;display:flex;align-items:center;justify-content:center;padding:24px}.stickgame[hidden]{display:none}.stickgame>*{pointer-events:auto}body.has-overlay:not(.stickgame-open) .stickgame{visibility:hidden}html.stickgame-open{overflow:hidden}html.stickgame-open .product-bar,html.stickgame-open .plus-bar,html.stickgame-open .filter-fab{visibility:hidden}.stickgame__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20381a38;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);opacity:0;transition:opacity var(--dur-drawer, .3s) var(--sg-ease);cursor:pointer}.stickgame__backdrop[hidden]{display:none}.stickgame__backdrop.is-in{opacity:1}.stickgame__tab{position:fixed;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 12px;border:1px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font:600 10px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:translate .4s var(--sg-ease),opacity .3s;will-change:transform}.stickgame__tab[hidden]{display:none}.stickgame__tab:hover{translate:0 -2px}.stickgame__tab-x{margin-left:2px;padding-left:8px;border-left:1px solid #c9c9c9;font-size:13px;line-height:1;color:var(--color-text-hover)}.stickgame__tab-x:hover{color:var(--color-text)}.stickgame__panel{position:relative;width:min(680px,100%);max-height:calc(100dvh - 48px);background:var(--color-panel, var(--color-bg));color:var(--color-text);padding:52px 56px 44px;display:flex;flex-direction:column;opacity:0;transform:translateY(18px) scale(.97);transform-origin:50% 60%;transition:opacity .28s var(--sg-ease),transform .3s var(--sg-ease);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 80px #20381a2e}.stickgame__panel[hidden]{display:none}.stickgame__panel.is-in{opacity:1;transform:none;transition:opacity .4s var(--sg-ease),transform .55s var(--sg-ease)}.stickgame__panel:focus{outline:none}.stickgame__close{position:absolute;top:20px;right:24px;width:32px;height:32px;display:grid;place-items:center;background:none;border:0;color:var(--color-text);cursor:pointer}.stickgame__close:hover{color:var(--color-text-hover)}.stickgame__head{border-top:1px solid var(--color-text);padding:3px 0 8px;margin:0}.stickgame__eyebrow{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.stickgame__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.stickgame__panel .stickgame__head,.stickgame__panel .stickgame__title,.stickgame__panel .stickgame__dek,.stickgame__panel .stickgame__fine,.stickgame__panel .stickgame__form,.stickgame__panel .stickgame__won,.stickgame__panel .stickgame__code,.stickgame__panel .stickgame__step--code .stickgame__btn,.stickgame__panel .stickgame__legal{opacity:0;transform:translateY(8px);transition:opacity .5s var(--sg-ease),transform .6s var(--sg-ease)}.stickgame__panel.is-in .stickgame__head{opacity:1;transform:none;transition-delay:.18s}.stickgame__panel.is-in .stickgame__won,.stickgame__panel.is-in .stickgame__title{opacity:1;transform:none;transition-delay:.24s}.stickgame__panel.is-in .stickgame__dek{opacity:1;transform:none;transition-delay:.3s}.stickgame__panel.is-in .stickgame__form,.stickgame__panel.is-in .stickgame__code{opacity:1;transform:none;transition-delay:.36s}.stickgame__panel.is-in .stickgame__step--code .stickgame__btn,.stickgame__panel.is-in .stickgame__legal,.stickgame__panel.is-in .stickgame__fine{opacity:1;transform:none;transition-delay:.42s}.stickgame__step{display:none}.stickgame__step.is-on{display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-start;padding-top:28px;animation:sg-step .5s var(--sg-ease) both}.stickgame__step--pick.is-on .stickgame__fine{margin-top:28px}@keyframes sg-step{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stickgame__title{text-wrap:balance;font-family:var(--font-display);font-weight:700;font-size:clamp(52px,5.6vw,80px);line-height:.86;letter-spacing:.02em;text-transform:uppercase;margin:0}.stickgame__title--sm{font-size:clamp(44px,4.4vw,64px)}.stickgame__dek{font-size:17px;line-height:1.25;letter-spacing:-.01em;margin:18px 0 0;max-width:44ch}.stickgame__fine{margin:14px 0 0;font-size:10px;letter-spacing:.02em;color:var(--color-text-hover)}.stickgame__won{margin:0 0 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:-.04em;color:var(--color-text-hover)}.stickgame__sticks{display:grid;gap:14px;margin-top:32px;max-width:540px;--tear: 88%}.stickgame__stick{position:relative;display:block;width:100%;aspect-ratio:900 / 211;background:none;border:0;padding:0;cursor:pointer}.stickgame__stick--strawberry{aspect-ratio:900 / 205}.stickgame__stick:focus-visible{outline:1px solid var(--color-text);outline-offset:6px}.stickgame__piece{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stick) center / 100% 100% no-repeat;transition:transform .6s var(--sg-ease),opacity .45s ease;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.stickgame__piece--body{clip-path:polygon(0 0,calc(var(--tear) + 1.2%) 0,calc(var(--tear) - .6%) 14%,calc(var(--tear) + 1.4%) 30%,calc(var(--tear) - 1%) 48%,calc(var(--tear) + 1%) 64%,calc(var(--tear) - 1.2%) 82%,calc(var(--tear) + .6%) 100%,0 100%)}.stickgame__piece--bite{clip-path:polygon(calc(var(--tear) + 1.2%) 0,100% 0,100% 100%,calc(var(--tear) + .6%) 100%,calc(var(--tear) - 1.2%) 82%,calc(var(--tear) + 1%) 64%,calc(var(--tear) - 1%) 48%,calc(var(--tear) + 1.4%) 30%,calc(var(--tear) - .6%) 14%);transform-origin:100% 50%}.stickgame__stick:nth-child(2) .stickgame__piece{transform:translate(3%)}.stickgame__stick:nth-child(3) .stickgame__piece{transform:translate(-2%)}@media(hover:hover)and (pointer:fine){.stickgame__stick:hover .stickgame__piece{transform:translateY(-3px)}.stickgame__stick:hover .stickgame__piece--bite{transform:translate(1.5%,-3px) rotate(1.5deg)}}.stickgame__stick:focus-visible .stickgame__piece--bite{transform:translate(1.5%) rotate(1.5deg)}.stickgame__stick-prize{position:absolute;top:0;bottom:0;left:calc(var(--tear) - 4%);right:-4%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;word-spacing:100vw;white-space:normal;font-family:var(--font-display);font-weight:700;font-size:26px;line-height:.86;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);opacity:0;transform:translate(-6px);transition:opacity .35s .3s,transform .5s .3s var(--sg-ease)}.stickgame__stick:active .stickgame__piece{transform:scale(.985);transition-duration:.12s}.stickgame__sticks.is-picked .stickgame__stick{pointer-events:none}.stickgame__sticks.is-picked .stickgame__stick:not(.is-chosen) .stickgame__piece{opacity:.18;filter:none;transform:none;transition-delay:.1s}.stickgame__stick.is-chosen .stickgame__piece--body{animation:sg-body .9s var(--ease-out, cubic-bezier(.22, 1, .36, 1)) both}.stickgame__stick.is-chosen .stickgame__piece--bite{animation:sg-bite .9s var(--ease-out, cubic-bezier(.22, 1, .36, 1)) both}.stickgame__stick.is-chosen .stickgame__stick-prize{opacity:1;transform:none;transition-delay:.45s}@keyframes sg-body{0%{transform:translate(0)}22%{transform:translate(-1.2%) rotate(-.6deg)}38%{transform:translate(-3.4%) rotate(-1.4deg)}to{transform:translate(-2%) rotate(0)}}@keyframes sg-bite{0%{transform:translate(0) rotate(0);opacity:1}22%{transform:translate(1.6%) rotate(1deg);opacity:1}38%{transform:translate(7%,-12%) rotate(9deg);opacity:1}to{transform:translate(46%,-110%) rotate(26deg);opacity:0}}.stickgame__dust{position:absolute;width:var(--s, 3px);height:var(--s, 3px);border-radius:50%;background:var(--sg-green);pointer-events:none;animation:sg-dust var(--d, .5s) var(--ease-out, cubic-bezier(.22, 1, .36, 1)) both}@keyframes sg-dust{0%{transform:translate(0);opacity:.9}to{transform:translate(var(--dx),var(--dy));opacity:0}}.stickgame__panel.is-in .stickgame__step--pick .stickgame__stick{animation:sg-arrive .6s var(--ease-out, cubic-bezier(.22, 1, .36, 1)) both}.stickgame__panel.is-in .stickgame__step--pick .stickgame__stick:nth-child(2){animation-delay:60ms}.stickgame__panel.is-in .stickgame__step--pick .stickgame__stick:nth-child(3){animation-delay:.12s}@keyframes sg-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stickgame__form{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.stickgame__form .stickgame__btn,.stickgame__form [type=submit]{grid-column:1 / -1}.stickgame__field{display:block;background:#fff;border:1px solid var(--color-text);padding:9px 14px 10px}.stickgame__label{display:block;font-size:9.6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-hover)}.stickgame__field input{width:100%;border:0;background:none;padding:2px 0 0;font:400 16px/1.3 var(--font-sans);color:var(--color-text);outline:none}.stickgame__field input::placeholder{color:#a8a8a8}.stickgame__field:focus-within{border-width:1px;box-shadow:inset 0 0 0 1px var(--color-text)}.stickgame__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:56px;border:1px solid var(--color-text);background:var(--color-text);color:var(--color-bg);font:700 14px/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}.stickgame__btn:hover{background:transparent;color:var(--color-text)}.stickgame__form:not(.is-valid) .stickgame__btn{background:transparent;color:#a8a8a8;border-color:#a8a8a8}.stickgame__btn[disabled]{opacity:.5;pointer-events:none}.stickgame__msg{margin:10px 0 0;font-size:12px;min-height:1em;color:var(--color-text-hover)}.stickgame__msg.is-error{color:#b3261e}.stickgame__legal{margin:14px 0 0;font-size:9.6px;line-height:1.35;color:var(--color-text-hover)}.stickgame__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.stickgame__code{margin-top:28px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0 12px;border-top:1px solid var(--color-text);border-bottom:1px solid var(--color-text)}.stickgame__code-value{font-family:var(--font-mono);font-size:30px;letter-spacing:-.04em;line-height:1}.stickgame__copy{background:none;border:0;padding:0;font:600 11px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.stickgame__copy:hover{color:var(--color-text-hover)}.stickgame__step--code .stickgame__btn{margin-top:16px}.stickgame__legal{max-width:none}@media(max-width:666px){.stickgame{padding:16px}.stickgame__tab{left:var(--gutter, 16px);bottom:16px}body:has(.filter-fab) .stickgame__tab{bottom:76px}body:has(.product-bar,.plus-bar) .stickgame__tab{top:67px;bottom:auto;left:auto;right:var(--gutter, 16px)}.stickgame__panel{max-height:calc(100dvh - 32px);padding:44px 20px 24px;transform:translateY(14px) scale(.98)}.stickgame__close{top:10px;right:12px}.stickgame__step.is-on{padding-top:18px}.stickgame__step--pick.is-on .stickgame__fine{margin-top:16px;padding-top:0}.stickgame__title{font-size:44px}.stickgame__title--sm{font-size:36px}.stickgame__dek{font-size:15px}.stickgame__sticks{gap:12px;margin-top:22px}.stickgame__stick-prize{font-size:20px}.stickgame__form{grid-template-columns:1fr}.stickgame__form input,.stickgame__form textarea{font-size:16px!important}.stickgame__form .stickgame__btn{width:100%}}@media(prefers-reduced-motion:reduce){.stickgame__panel,.stickgame__backdrop,.stickgame__step,.stickgame__stick,.stickgame__piece,.stickgame__tab,.stickgame__panel *{transition-duration:.2s!important;transition-delay:0s!important;animation:none!important}.stickgame__panel,.stickgame__panel .stickgame__head,.stickgame__panel .stickgame__title,.stickgame__panel .stickgame__dek,.stickgame__panel .stickgame__fine,.stickgame__panel .stickgame__form,.stickgame__panel .stickgame__won,.stickgame__panel .stickgame__code,.stickgame__panel .stickgame__legal,.stickgame__panel .stickgame__step--code .stickgame__btn{transform:none!important}.stickgame__stick.is-chosen .stickgame__piece--bite{opacity:0}.stickgame__dust{display:none}}@keyframes sg-tease{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.stickgame__tab.is-teasing{animation:sg-tease .5s var(--sg-ease) both}.stickgame__won{display:none}
/*# sourceMappingURL=/cdn/shop/t/108/assets/mystery-game.css.map */