.game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:48px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.game--blue{background:var(--blue)}.game--pink{background:var(--pink)}.game--yellow{background:var(--yellow)}.game--center{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}.game__body{display:grid;gap:14px;min-width:0}.game--center .game__body{justify-items:center}.game__body p{max-width:46ch}.game__stage{display:grid;justify-items:center;gap:12px}.fx .game{box-shadow:var(--depth-2)}.press-meter{display:flex;align-items:center;gap:14px;max-width:420px}.press-meter__bar{flex:1;height:16px;border-radius:999px;background:#ffffffb3;overflow:hidden;box-shadow:inset 0 2px 4px #23304a1f}.press-meter__bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--yellow)));box-shadow:inset 0 2px #fff6;transition:width .35s var(--bounce)}.press-meter__count{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);font-variant-numeric:tabular-nums;white-space:nowrap}.press-target{border:0;background:none;padding:0;cursor:pointer;width:min(320px,70vw);aspect-ratio:1;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;border-radius:50%}.press-target__art{display:block;width:100%;transform-origin:50% 100%;transition:transform .45s var(--bounce)}.press-target__art img{width:100%;height:auto}html:not(.fx) .press-target:active .press-target__art{transform:scale(1.15,.8);transition-duration:.1s}.press-target__label{font-weight:800;font-size:var(--fs-sm);padding:8px 14px;border-radius:999px;background:#ffffffd9}.press-target.is-done{pointer-events:none}.press-plus{position:fixed;z-index:95;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent-dark);text-shadow:0 2px 0 #fff}.game__reward{display:grid;gap:12px;padding:20px;border-radius:var(--radius);background:var(--surface);box-shadow:0 16px 30px -18px #23304a66;animation:rewardIn .6s var(--bounce)}.game--center .game__reward{justify-items:center;max-width:460px;width:100%}.game__reward-title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl)}.code-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.game--center .code-box{justify-content:center}.code-box__label{width:100%;font-weight:700}.code-box code{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.08em;padding:8px 16px;border-radius:var(--radius-sm);border:2px dashed var(--accent);color:var(--accent-dark);background:color-mix(in srgb,var(--pink) 40%,var(--surface));-webkit-user-select:all;user-select:all}.code-box .btn{min-height:44px;padding:0 18px}@keyframes rewardIn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}@media(max-width:860px){.game{grid-template-columns:1fr;padding:32px 22px;text-align:center}.game__body{justify-items:center}.press-meter{width:100%}.code-box{justify-content:center}.game__stage{order:-1}}.quiz{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;display:grid;gap:24px}.fx .quiz{box-shadow:var(--depth-2)}.quiz__head{display:grid;gap:10px;justify-items:center;text-align:center}.quiz__dots{display:flex;gap:8px}.quiz__dots span{width:34px;height:8px;border-radius:999px;background:var(--line);transition:background-color .3s}.quiz__dots span.is-on{background:var(--accent)}.quiz__step{border:0;margin:0;padding:0;display:grid;gap:18px;animation:rewardIn .45s var(--bounce)}.quiz__question{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);text-align:center;width:100%;margin-bottom:4px}.quiz__answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiz__answer{display:grid;justify-items:center;gap:8px;padding:22px 14px;border-radius:var(--radius);border:2px solid var(--line);background:var(--bg);font-weight:800;cursor:pointer;transition:transform .3s var(--bounce),border-color .2s,background-color .2s}.quiz__answer:hover{transform:translateY(-4px);border-color:var(--accent);background:color-mix(in srgb,var(--pink) 30%,var(--surface))}.quiz__answer:nth-child(1):hover{background:color-mix(in srgb,var(--blue) 50%,var(--surface))}.quiz__answer:nth-child(3):hover{background:color-mix(in srgb,var(--yellow) 50%,var(--surface))}.quiz__emoji{font-size:34px;line-height:1}.quiz__result{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;animation:rewardIn .6s var(--bounce)}.quiz__result-art{width:200px;justify-self:center}.quiz__result-body{display:grid;gap:10px}.quiz__result-body h3{font-size:var(--fs-2xl)}.quiz__result-body p{color:var(--muted)}.quiz__result-body .hero__actions{margin-top:6px}@media(max-width:720px){.quiz{padding:26px 18px}.quiz__answers{grid-template-columns:1fr}.quiz__answer{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:16px}.quiz__emoji{font-size:26px}.quiz__result{grid-template-columns:1fr;text-align:center}.quiz__result-art{width:150px}.quiz__result-body .hero__actions{justify-content:center}}.gift{position:relative;width:190px;height:190px;margin-top:16px;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.gift__box{position:absolute;left:15px;right:15px;bottom:0;height:120px;border-radius:0 0 22px 22px;background:radial-gradient(circle at 30% 20%,#fff 0,var(--accent) 45%,var(--accent-dark) 100%);box-shadow:inset 0 -14px 24px #0000001f,0 24px 30px -18px #23304a80}.gift__lid{position:absolute;left:0;right:0;top:40px;height:42px;border-radius:14px;z-index:2;background:radial-gradient(circle at 30% 20%,#fff 0,var(--accent) 50%,var(--accent-dark) 100%);box-shadow:0 8px 14px -6px #23304a66;transform-origin:20% 100%;transition:transform .7s var(--bounce)}.gift__ribbon{position:absolute;left:50%;top:40px;bottom:0;width:26px;margin-left:-13px;z-index:3;background:linear-gradient(90deg,#ffe58f,#ffd24a,#ffe58f);border-radius:4px;transition:opacity .3s}.gift__bow{position:absolute;left:50%;top:-30px;width:76px;height:36px;margin-left:-38px}.gift__bow:before,.gift__bow:after{content:"";position:absolute;top:0;width:38px;height:34px;border:9px solid #FFD24A;border-radius:50% 50% 10%}.gift__bow:before{left:0;transform:rotate(-20deg)}.gift__bow:after{right:0;transform:scaleX(-1) rotate(-20deg)}.gift.is-shake{animation:giftShake .5s ease}.gift.is-open .gift__lid{transform:translate(46px,-34px) rotate(34deg)}.gift.is-open .gift__ribbon{opacity:0}.gift.is-open{cursor:default}@keyframes giftShake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-9deg) scale(1.05,.95)}40%{transform:rotate(8deg) scale(.96,1.04)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.gift.is-shake,.game__reward,.quiz__step,.quiz__result{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/games.css.map */