.spindle-game{--spindle-blue: #DAEAFA;--spindle-orange: #FC6904;--spindle-bg: #FFFFFF;background:var(--spindle-bg);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,2.5rem);text-align:center;overflow:hidden}.spindle-game__intro{max-width:40rem;margin:0 auto clamp(1rem,3vw,2rem)}.spindle-game__eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--spindle-orange);margin:0 0 .5rem}.spindle-game__heading{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 .5rem;color:#1f1f1f}.spindle-game__subheading{margin:0;color:#4a4a4a;font-size:clamp(.95rem,2vw,1.1rem)}.spindle-game__progress{margin:.75rem 0 0;font-weight:600;color:var(--spindle-orange);min-height:1.4em}.spindle-game__stage{position:relative;width:100%;max-width:62rem;height:clamp(300px,40vw,460px);margin:0 auto;border-radius:28px;background:linear-gradient(180deg,#cfe9fb,#e7f4fd 32%,#eaf7e1 40%,#dcf0cb);overflow:hidden}.spindle-garden__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.spindle-garden__cloud{position:absolute;background:#fff;border-radius:999px;opacity:.9}.spindle-garden__cloud:before,.spindle-garden__cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.spindle-garden__cloud--1{top:8%;left:10%;width:clamp(46px,7vw,68px);height:clamp(16px,2.4vw,22px)}.spindle-garden__cloud--1:before{width:55%;height:180%;top:-80%;left:8%}.spindle-garden__cloud--1:after{width:40%;height:140%;top:-60%;right:10%}.spindle-garden__cloud--2{top:14%;left:48%;width:clamp(36px,5.5vw,54px);height:clamp(13px,2vw,18px)}.spindle-garden__cloud--2:before{width:55%;height:170%;top:-70%;left:10%}.spindle-garden__cloud--2:after{width:40%;height:130%;top:-50%;right:12%}.spindle-garden__cloud--3{top:6%;right:8%;width:clamp(40px,6vw,58px);height:clamp(14px,2.1vw,20px)}.spindle-garden__cloud--3:before{width:55%;height:170%;top:-70%;left:8%}.spindle-garden__cloud--3:after{width:40%;height:130%;top:-50%;right:10%}.spindle-garden__hills{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.spindle-garden__meadow{position:absolute;left:0;right:0;bottom:0;top:44%;z-index:0;background-image:radial-gradient(circle,#FFFFFF 45%,transparent 46%),radial-gradient(circle,#FFD9E8 45%,transparent 46%),radial-gradient(circle,#FFF3B0 45%,transparent 46%),radial-gradient(circle,#E3D3FA 45%,transparent 46%),radial-gradient(circle,#FFFFFF 45%,transparent 46%),radial-gradient(circle,#FFD9E8 45%,transparent 46%);background-size:5px 5px;background-position:6% 20%,18% 65%,32% 35%,47% 78%,61% 25%,74% 55%;background-repeat:no-repeat;opacity:.9}.spindle-garden__meadow:before,.spindle-garden__meadow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#FFF3B0 45%,transparent 46%),radial-gradient(circle,#FFFFFF 45%,transparent 46%),radial-gradient(circle,#E3D3FA 45%,transparent 46%),radial-gradient(circle,#FFD9E8 45%,transparent 46%);background-size:4px 4px;background-repeat:no-repeat}.spindle-garden__meadow:before{background-position:10% 45%,25% 85%,40% 15%,55% 60%}.spindle-garden__meadow:after{background-position:68% 80%,82% 30%,90% 65%,96% 45%}.spindle-garden__pond{position:absolute;transform:translate(-50%,-50%);z-index:0}.spindle-garden__pond-water{width:clamp(70px,11vw,110px);height:clamp(30px,4.5vw,44px);background:linear-gradient(180deg,#bfe0f7,#9fcdef);border-radius:50%;border:3px solid #ffffff}.spindle-garden__lilypad{position:absolute;background:#8fc98a;border-radius:50%;border:2px solid #ffffff}.spindle-garden__lilypad--1{width:16px;height:12px;top:30%;left:25%}.spindle-garden__lilypad--2{width:12px;height:9px;top:55%;left:55%}.spindle-garden__bush{position:absolute;bottom:4%;width:clamp(50px,8vw,76px);height:clamp(28px,4.5vw,42px);background:#9ccb8f;border-radius:50% 50% 45% 45%;z-index:0}.spindle-garden__bush:before,.spindle-garden__bush:after{content:"";position:absolute;bottom:20%;width:55%;height:80%;background:#a9d49c;border-radius:50%}.spindle-garden__bush:before{left:-12%}.spindle-garden__bush:after{right:-12%}.spindle-garden__bush--left{left:-1%}.spindle-garden__bush--right{right:-1%}.spindle-game__marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.spindle-dog-bed{width:clamp(38px,6vw,56px);height:clamp(24px,4vw,36px);background:#fff;border:3px solid var(--spindle-orange);border-radius:50%/60%}.spindle-store{width:clamp(62px,9vw,92px);display:flex;flex-direction:column;align-items:center;position:relative}.spindle-store__chimney{position:absolute;top:-2%;right:20%;width:clamp(9px,1.3vw,13px);height:clamp(16px,2.4vw,22px);background:#e2580f;border-radius:2px 2px 0 0;z-index:1}.spindle-store__roof{width:112%;height:clamp(24px,3.4vw,32px);background:var(--spindle-orange);clip-path:polygon(50% 0%,100% 100%,0% 100%);position:relative;z-index:2}.spindle-store__body{width:92%;height:clamp(44px,6.2vw,62px);background:#fff;border:3px solid var(--spindle-orange);border-top:none;border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:-2px}.spindle-store__window{width:clamp(22px,3.2vw,30px);height:clamp(22px,3.2vw,30px);border-radius:50%;border:2.5px solid var(--spindle-orange);background:var(--spindle-blue);display:flex;align-items:center;justify-content:center}.spindle-store__heart{color:var(--spindle-orange);font-size:clamp(.7rem,1.2vw,.95rem);line-height:1}.spindle-store__door{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:26%;height:clamp(16px,2.4vw,22px);background:var(--spindle-orange);border-radius:999px 999px 0 0}.spindle-store__label{margin:.35rem 0 0;font-weight:700;color:#1f1f1f;font-size:clamp(.8rem,1.4vw,.95rem)}.spindle-game__stone{position:absolute;transform:translate(-50%,-50%);width:clamp(44px,6.5vw,54px);height:clamp(44px,6.5vw,54px);border-radius:50%;background:#fff;border:2px solid var(--spindle-orange);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s ease,background .2s ease;box-shadow:0 2px #0000000f}.spindle-game__stone:hover{transform:translate(-50%,-50%) scale(1.08)}.spindle-game__stone:focus-visible{outline:3px solid var(--spindle-orange);outline-offset:2px}.spindle-game__paw{width:60%;height:60%;background:var(--spindle-orange);opacity:.35;-webkit-mask:radial-gradient(circle at 50% 65%,black 32%,transparent 33%) 50% 100% / 70% 55% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 22% 18% / 32% 32% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 50% 5% / 32% 32% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 78% 18% / 32% 32% no-repeat;mask:radial-gradient(circle at 50% 65%,black 32%,transparent 33%) 50% 100% / 70% 55% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 22% 18% / 32% 32% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 50% 5% / 32% 32% no-repeat,radial-gradient(circle,black 45%,transparent 46%) 78% 18% / 32% 32% no-repeat;transition:opacity .2s ease}.spindle-game__stone.is-visited{background:var(--spindle-orange)}.spindle-game__stone.is-visited .spindle-game__paw{background:#fff;opacity:1}.spindle-game__stone.is-next{animation:spindle-pulse 1.4s ease-in-out infinite}.spindle-game__stone.is-shake{animation:spindle-shake .35s ease}@keyframes spindle-pulse{0%,to{box-shadow:0 0 #fc690459}50%{box-shadow:0 0 0 8px #fc690400}}@keyframes spindle-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-56%,-50%)}75%{transform:translate(-44%,-50%)}}.spindle-dog{position:absolute;width:clamp(48px,7vw,66px);height:clamp(48px,7vw,66px);transform:translate(-50%,-50%);transition:left .55s cubic-bezier(.34,1.56,.64,1),top .55s cubic-bezier(.34,1.56,.64,1);z-index:2}.spindle-dog.is-hopping{animation:spindle-hop .55s ease}@keyframes spindle-hop{0%,to{margin-top:0}40%{margin-top:-14px}}.spindle-dog__body{position:relative;width:100%;height:78%;margin-top:12%;background:#fff6ec;border:3px solid #1f1f1f;border-radius:50%}.spindle-dog__ear{position:absolute;top:-18%;width:34%;height:45%;background:var(--spindle-orange);border:3px solid #1f1f1f;border-radius:50% 50% 50% 0}.spindle-dog__ear--left{left:-6%;transform:rotate(-25deg)}.spindle-dog__ear--right{right:-6%;transform:scaleX(-1) rotate(-25deg)}.spindle-dog__face{position:absolute;top:0;right:0;bottom:0;left:0}.spindle-dog__eye{position:absolute;top:38%;width:10%;height:10%;background:#1f1f1f;border-radius:50%}.spindle-dog__eye--left{left:28%}.spindle-dog__eye--right{right:28%}.spindle-dog__nose{position:absolute;top:56%;left:50%;width:14%;height:10%;background:#1f1f1f;border-radius:50%;transform:translate(-50%)}.spindle-dog__tail{position:absolute;right:-6%;bottom:18%;width:22%;height:22%;background:#fff6ec;border:3px solid #1f1f1f;border-radius:50%;transform-origin:bottom right;animation:spindle-wag .5s ease-in-out infinite alternate}@keyframes spindle-wag{0%{transform:rotate(-8deg)}to{transform:rotate(18deg)}}.spindle-game__skip{display:inline-block;margin-top:clamp(1rem,3vw,1.5rem);font-size:.9rem;font-weight:600;color:#4a4a4a;text-decoration:underline;text-underline-offset:3px}.spindle-game__skip:hover{color:var(--spindle-orange)}.spindle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.spindle-modal[hidden]{display:none}.spindle-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1f1f73}.spindle-modal__card{position:relative;background:#fff;border-radius:24px;padding:clamp(1.75rem,5vw,2.5rem);max-width:26rem;width:min(90vw,26rem);text-align:center;box-shadow:0 20px 60px #0003}.spindle-modal__close{position:absolute;top:.75rem;right:.9rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:#4a4a4a}.spindle-modal__paws{font-size:2rem;margin-bottom:.25rem}.spindle-modal__card h3{font-size:1.25rem;margin:0 0 1.25rem;color:#1f1f1f}.spindle-modal__code{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--spindle-blue);border-radius:14px;padding:.75rem 1rem;margin-bottom:1.25rem;flex-wrap:wrap}.spindle-modal__code span{font-weight:700;letter-spacing:.06em;font-size:1.05rem;color:#1f1f1f}.spindle-modal__copy{border:none;background:var(--spindle-orange);color:#fff;font-weight:600;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem}.spindle-modal__copy:hover{filter:brightness(1.05)}.spindle-modal__shop{display:inline-block;background:#1f1f1f;color:#fff;padding:.7rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none}@media(max-width:600px){.spindle-game__stage{border-radius:20px}}@media(prefers-reduced-motion:reduce){.spindle-dog,.spindle-dog__tail,.spindle-game__stone.is-next,.spindle-game__stone.is-shake,.spindle-dog.is-hopping{animation:none!important;transition:left .2s linear,top .2s linear!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/spindle-game.css.map */