.ec-lucky__intro{max-width:760px;margin:0 auto 28px;text-align:center}.ec-lucky__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 13px;border:1px solid var(--ec-border, rgba(255, 228, 225, .35));border-radius:999px;background:var(--ec-accent, #ffe4e1);color:var(--ec-accent-deep-text, #2b0d18);font-family:var(--font-body-family);font-size:1.1rem;font-weight:400;letter-spacing:.12em;line-height:1;text-transform:uppercase}.ec-lucky__title{margin:0 0 12px;color:var(--ec-main-text, #341522);text-wrap:balance}.ec-lucky__intro-text,.ec-lucky__intro-text p{color:var(--ec-secondary-text, #4a2b34)}.ec-lucky__playground{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr);gap:clamp(22px,4vw,48px);align-items:center;padding:clamp(18px,3vw,32px);border:1px solid var(--ec-border, rgba(255, 228, 225, .35));border-radius:var(--ec-card-radius, 16px);background:var(--ec-card-bg, rgba(255, 182, 193, .72))}.ec-lucky__wheel-wrap{display:grid;place-items:center}.ec-lucky__wheel{position:relative;width:min(100%,560px);aspect-ratio:1}.ec-lucky__wheel:before,.ec-lucky__wheel:after{content:"";position:absolute;border:1px dashed var(--ec-border, rgba(255, 228, 225, .35));border-radius:50%;top:10%;right:10%;bottom:10%;left:10%;pointer-events:none}.ec-lucky__wheel:after{top:28%;right:28%;bottom:28%;left:28%;border-style:solid}.ec-lucky__center{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:27%;aspect-ratio:1;place-items:center;border:1px solid var(--ec-border, rgba(255, 228, 225, .35));border-radius:50%;background:var(--ec-accent, #ffe4e1);color:var(--ec-accent-deep-text, #2b0d18);text-align:center;transform:translate(-50%,-50%)}.ec-lucky__fish{display:block;font-size:clamp(3.5rem,6vw,6rem);line-height:1;transform-origin:50% 60%;animation:ec-fish-bob 2.8s ease-in-out infinite}.ec-lucky__center small{margin-top:-8%;color:inherit;font-family:var(--font-body-family);font-size:1rem;font-weight:400;letter-spacing:.08em}.ec-lucky__spark{position:absolute;color:var(--ec-primary, #ff9999);font-family:var(--font-body-family);font-size:1.8rem}.ec-lucky__spark--one{top:12%;right:13%}.ec-lucky__spark--two{bottom:13%;left:10%}.ec-lucky__bubble{position:absolute;z-index:3;display:block;width:19%;aspect-ratio:1;padding:5px;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#ffffffd1;box-shadow:0 6px 14px #4a142829;cursor:pointer;overflow:visible;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ec-lucky__bubble:nth-of-type(1){top:0;left:40.5%}.ec-lucky__bubble:nth-of-type(2){top:12%;right:7%}.ec-lucky__bubble:nth-of-type(3){top:40.5%;right:0}.ec-lucky__bubble:nth-of-type(4){right:7%;bottom:12%}.ec-lucky__bubble:nth-of-type(5){bottom:0;left:40.5%}.ec-lucky__bubble:nth-of-type(6){bottom:12%;left:7%}.ec-lucky__bubble:nth-of-type(7){top:40.5%;left:0}.ec-lucky__bubble:nth-of-type(8){top:12%;left:7%}.ec-lucky__bubble img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ec-lucky__bubble:hover,.ec-lucky__bubble:focus-visible,.ec-lucky__bubble.is-selected{z-index:4;border-color:var(--ec-accent, #ffe4e1);box-shadow:0 0 0 4px var(--ec-primary, #ff9999);outline:none;transform:scale(1.08)}.ec-lucky__bubble.is-scanning{z-index:5;border-color:var(--ec-primary, #ff9999);box-shadow:0 0 0 6px #ff999980;transform:scale(1.13) rotate(3deg)}.ec-lucky__bubble-dot{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border:3px solid var(--ec-nav-bg, #ffb6c1);border-radius:50%;background:var(--ec-accent, #ffe4e1)}.ec-lucky__result{display:grid;min-height:390px;overflow:hidden;border:1px solid var(--ec-border, rgba(255, 228, 225, .35));border-radius:var(--ec-card-radius, 16px);background:#ffffff21}.ec-lucky__result.is-popping{animation:ec-result-pop .36s cubic-bezier(.2,.85,.3,1.2) both}.ec-lucky__result-copy{padding:22px}.ec-lucky__result-kicker{display:block;margin-bottom:9px;color:var(--ec-highlight, #7a1f3d);font-family:var(--font-body-family);font-size:1rem;font-weight:400;letter-spacing:.12em}.ec-lucky__result h3{margin:0 0 9px;color:var(--ec-main-text, #341522)}.ec-lucky__result p{color:var(--ec-secondary-text, #4a2b34)}.ec-lucky__result-meta{display:flex;align-items:center;gap:10px;margin:16px 0}.ec-lucky__result-meta strong{color:var(--ec-highlight, #7a1f3d);font-family:var(--font-body-family);font-size:1.8rem;font-weight:400}.ec-lucky__result-meta span{padding:5px 9px;border-radius:999px;background:var(--ec-accent, #ffe4e1);color:var(--ec-accent-deep-text, #2b0d18);font-family:var(--font-body-family);font-size:1rem}.ec-lucky__result-image{min-height:220px;overflow:hidden}.ec-lucky__result-image img{width:100%;height:100%;object-fit:cover}.ec-lucky__controls{display:grid;justify-items:center;gap:10px;margin-top:20px;text-align:center}.ec-lucky__spin{display:inline-flex;align-items:center;gap:9px}.ec-lucky__spin-icon{font-size:1.8rem;line-height:1}.ec-lucky__spin:not(:disabled):hover .ec-lucky__spin-icon{animation:ec-hook-wiggle .5s ease}.ec-lucky__spin:disabled{cursor:wait;opacity:.72}.ec-lucky__controls p{margin:0;color:var(--ec-secondary-text, #4a2b34);font-family:var(--font-body-family);font-size:1.15rem}@keyframes ec-fish-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes ec-result-pop{0%{opacity:.5;transform:scale(.97) rotate(-.4deg)}70%{transform:scale(1.015) rotate(.25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ec-hook-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-16deg)}65%{transform:rotate(14deg)}}@media screen and (max-width:899px){.ec-lucky__playground{grid-template-columns:1fr}.ec-lucky__wheel{width:min(100%,500px)}}@media screen and (max-width:549px){.ec-lucky__playground{padding:14px}.ec-lucky__wheel{width:100%}.ec-lucky__bubble{padding:3px;border-width:1px}.ec-lucky__bubble-dot{width:14px;height:14px;border-width:2px}.ec-lucky__center small{display:none}.ec-lucky__result-copy{padding:17px}}@media(prefers-reduced-motion:reduce){.ec-lucky__fish,.ec-lucky__result,.ec-lucky__bubble,.ec-lucky__spin-icon{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ec-lucky-catch.css.map */
