.pp-page{background:#2E2366}.pp-costume{position:relative}.pp-costume .pl-patchy{width:100%}.pp-costume-hat{inset:0;width:100%;height:100%}.pp-costume-hat,.pp-flight{position:absolute;pointer-events:none}.pp-flight{left:0;top:0;z-index:25;animation:pp-fx var(--dur) linear var(--delay,0s) both}.pp-flight>i{display:block;width:100%;height:100%;animation:pp-fy var(--dur) var(--delay,0s) both}.pp-flight .pp-flight-leaf,.pp-flight img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:translate(-50%,-50%);animation:pp-spin var(--dur) linear var(--delay,0s) both;filter:drop-shadow(0 4px 3px rgba(31,26,56,.3))}@keyframes pp-fx{0%{transform:translateX(var(--fx))}to{transform:translateX(var(--tx))}}@keyframes pp-fy{0%{transform:translateY(var(--fy));animation-timing-function:cubic-bezier(.2,.6,.5,1)}42%{transform:translateY(var(--peak));animation-timing-function:cubic-bezier(.5,0,.8,.5)}to{transform:translateY(var(--ty))}}@keyframes pp-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(var(--spin))}}.pp-bucket-art{position:absolute;inset:6% 8% 4%;display:block}.pp-bucket-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain;filter:none}.pl-landmark-art .pp-bucket-art>img.pp-bucket-treat{position:absolute;inset:auto;width:34%;height:auto;filter:none}.pp-hat-icon{display:block;-o-object-fit:contain;object-fit:contain}.pp-hat-icon,.pp-part-icon{width:100%;height:100%}.pp-night-sky{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#fff 0 1.5px,transparent 2.5px) 0 0 /120px 90px,radial-gradient(circle at 70% 60%,#FBD387 0 1.5px,transparent 2.5px) 30px 20px /150px 110px,radial-gradient(circle at 40% 80%,#fff 0 1px,transparent 2px) 60px 10px /90px 70px,linear-gradient(#1F1A45,#3B2A78 45%,#8C4A8F 72%,#F08A4B)}.pp-hub{background:linear-gradient(#1F1A45,#3B2A78 38%,#8C4A8F 60%,#F08A4B 78%)}.pp-hub-stars{position:absolute;inset:0 0 40% 0;background:radial-gradient(circle at 15% 20%,#fff 0 1.5px,transparent 2.5px) 0 0 /120px 90px,radial-gradient(circle at 70% 60%,#FBD387 0 1.5px,transparent 2.5px) 30px 20px /150px 110px,radial-gradient(circle at 40% 80%,#fff 0 1px,transparent 2px) 60px 10px /90px 70px;animation:pl-twinkle 3s ease-in-out infinite alternate;pointer-events:none}.pp-hub-title{text-shadow:0 4px 0 #9A4510,0 8px 14px rgba(0,0,0,.35)}.pp-hub-title span{color:#F7A81E}.pp-hub-moon{position:absolute;top:5.4rem;right:3%;z-index:1;width:clamp(80px,10vw,140px);padding:0;border:0;background:none;border-radius:50%;box-shadow:0 0 60px 20px rgba(251,211,135,.35)}.pp-hub-moon img{width:100%;animation:pl-bob 6s ease-in-out infinite}.pp-hub-moon img.is-tickled{animation:pl-tickle .9s ease}@media (max-width:640px){.pp-hub-moon{top:7.8rem}}.pp-hub-bats{position:absolute;top:6rem;left:4%;z-index:1;width:clamp(110px,14vw,190px);height:clamp(60px,7vw,100px);padding:0;border:0;background:none}@media (max-width:640px){.pp-hub-bats{top:8.4rem}}.pp-bats{position:absolute;inset:0}.pp-bats img{position:absolute;width:42%;animation:pp-flutter .5s ease-in-out infinite alternate,pl-bob 3s ease-in-out infinite}.pp-bats img:first-child{left:0;top:30%}.pp-bats img:nth-child(2){left:34%;top:0;width:34%;animation-delay:-.2s,-1s}.pp-bats img:nth-child(3){left:64%;top:40%;width:30%;animation-delay:-.35s,-2s}.pp-bats.is-flapping img{animation:pp-flutter .18s ease-in-out infinite alternate,pp-bats-off 2.4s ease-in-out forwards}.pp-bats.is-flapping img:nth-child(2){animation-delay:0s,.1s}.pp-bats.is-flapping img:nth-child(3){animation-delay:0s,.2s}@keyframes pp-flutter{0%{transform:scaleY(1)}to{transform:scaleY(.72) translateY(-4%)}}@keyframes pp-bats-off{0%{translate:0 0}40%{translate:40vw -6vh}60%{translate:60vw 2vh;opacity:1}61%{opacity:0;translate:-30vw 0}62%{opacity:1}to{translate:0 0}}.pp-hub-hills{position:absolute;inset:auto 0 0 0;height:70%;background:radial-gradient(120% 60% at 20% 100%,#4A2F7A 0 60%,transparent 61%),radial-gradient(110% 55% at 85% 100%,#3B2A78 0 60%,transparent 61%);pointer-events:none}.pp-patch-land{position:absolute;inset:8% 1% 0 1%;border-radius:50% 50% 36% 36%/46% 46% 40% 40%;background:#8C5A2B;border:4px solid var(--outline);box-shadow:0 14px 0 0 rgba(31,26,56,.45)}.pp-patch-field{position:absolute;inset:4% 3% 6% 3%;border-radius:inherit;border:4px solid var(--outline);background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.4) 58px 60px) 0 0 /120px 12px,repeating-conic-gradient(#7FA83A 0 25%,#6B9230 0 50%) 0 0 /120px 120px}.pp-patch-field:after{content:"";position:absolute;inset:8px;border-radius:inherit;border:3px dashed rgba(255,255,255,.7)}.pp-field-pumpkin{position:absolute;width:clamp(34px,4.5vw,64px);transform:translate(-50%,-50%) scale(var(--s));filter:drop-shadow(0 4px 2px rgba(31,26,56,.3))}.pp-landmark .pp-landmark-pic{position:absolute;inset:7% 7% 2%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(31,26,56,.25))}.pp-landmark.is-pumpkin .pl-sign{color:var(--ink);-webkit-text-stroke:0}.pp-landmark.is-pumpkin .pl-landmark-art{animation:pl-breathe 2.6s ease-in-out infinite}.pp-landmark.is-treat .pl-landmark-art{animation:pl-sway 3s ease-in-out infinite}.pp-landmark.is-bowl .pl-landmark-art{animation:pl-bob 3.2s ease-in-out infinite}.pp-landmark.is-web .pl-landmark-art{animation:pp-dangle 3s ease-in-out infinite;transform-origin:50% -40%}.pp-landmark.is-sort .pl-landmark-art{animation:pl-sway 3s ease-in-out infinite}@keyframes pp-dangle{50%{transform:translateY(-6%) rotate(4deg)}}.pl-landmark.pp-landmark:before{background:rgba(31,26,56,.3)}.pp-hub-owl{position:absolute;left:50%;top:80%;z-index:2;width:clamp(48px,5vw,80px);padding:0;border:0;background:none;transform:translate(-50%,-50%)}@media (max-aspect-ratio:1/1){.pp-hub-owl{left:50%;top:64%}}.pp-hub-owl img{position:relative;width:100%;filter:drop-shadow(0 4px 3px rgba(31,26,56,.3))}.pp-hub-owl img.is-hooting{animation:pp-hoot .7s ease}@keyframes pp-hoot{30%{transform:scale(1.15,.9)}60%{transform:scale(.95,1.1) rotate(-6deg)}}.pp-post{position:absolute;left:38%;top:80%;width:24%;height:70%;border-radius:4px;background:#9A6230;border:3px solid var(--outline)}.pp-drift{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.pp-drift span{position:absolute;top:-8%;display:block;animation:pp-leaf-fall linear infinite}.pp-drift .pp-leaf{display:block;width:100%;animation:pp-leaf-sway 2.6s ease-in-out infinite alternate}@keyframes pp-leaf-fall{0%{transform:translateY(0)}to{transform:translateY(115vh)}}@keyframes pp-leaf-sway{0%{transform:translateX(calc(var(--sway, 40px) * -.5)) rotate(-35deg)}to{transform:translateX(calc(var(--sway, 40px) * .5)) rotate(35deg)}}.pp-tot{position:absolute;inset:0;overflow:hidden;container-type:size}.pp-tot-moon{position:absolute;right:6%;top:6%;width:clamp(70px,12cqmin,140px);filter:drop-shadow(0 0 30px rgba(251,211,135,.7))}.pp-tot-bat{position:absolute;width:clamp(40px,6cqmin,70px);animation:pp-bat-cross 16s linear infinite}.pp-tot-bat img{width:100%;animation:pp-flutter .3s ease-in-out infinite alternate}.pp-tot-bat.is-1{top:10%}.pp-tot-bat.is-2{top:20%;animation-duration:22s;animation-delay:-9s}@keyframes pp-bat-cross{0%{transform:translateX(-10cqw) translateY(0)}50%{transform:translateX(50cqw) translateY(-4cqh)}to{transform:translateX(110cqw) translateY(0)}}.pp-tot-hills{position:absolute;inset:auto 0 26% 0;height:30%;background:radial-gradient(70% 100% at 25% 100%,#2B2350 0 60%,transparent 61%),radial-gradient(60% 90% at 80% 100%,#352A66 0 60%,transparent 61%)}.pp-tot-walk{position:absolute;inset:auto 0 0 0;height:27%;background:linear-gradient(#8C84B8 0 10px,#2B2350 10px 14px,transparent 14px),repeating-linear-gradient(90deg,#6A6396 0 118px,#2B2350 118px 122px),#6A6396;border-top:4px solid var(--outline)}.pp-street{position:absolute;left:0;right:0;bottom:25%;height:min(58%,32cqw);display:flex;justify-content:space-around;align-items:flex-end;padding:0 2%;animation:pp-street-in .9s var(--pl-soft) both}@keyframes pp-street-in{0%{transform:translateX(100%)}to{transform:none}}.pp-house-wrap{position:relative;height:100%;aspect-ratio:1;max-width:33%}.pp-house-wrap>.pp-house{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 0 rgba(0,0,0,.25));transition:filter .6s}.pp-house-wrap>.pp-house.is-lit{filter:drop-shadow(0 8px 0 rgba(0,0,0,.25)) drop-shadow(0 0 18px rgba(255,213,74,.55))}.pp-house-wrap.is-shut{animation:pp-house-call 3s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}@keyframes pp-house-call{0%,85%,to{transform:none}90%{transform:rotate(-1deg)}95%{transform:rotate(1deg)}}.pp-doorway{position:absolute;perspective:600px}.pp-door{position:absolute;inset:0;z-index:2;padding:0;border:0;background:none;transform-origin:0 50%;transition:transform .6s var(--pl-soft)}.pp-door-art{position:absolute;max-width:none;pointer-events:none}.pp-door.is-open{transform:rotateY(-105deg)}.pp-door.is-knock{animation:pp-knock .32s ease-in-out 2}@keyframes pp-knock{50%{transform:translateX(3px) rotate(1deg)}}.pp-door:not(:disabled):hover{filter:brightness(1.08)}.pp-house-wrap.is-shut .pp-door:not(:disabled){animation:pp-door-call 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}@keyframes pp-door-call{0%,80%,to{transform:none}86%{transform:rotateY(-14deg)}92%{transform:rotateY(-4deg)}}.pp-door:focus-visible{outline:4px solid #FBD387;outline-offset:2px}.pp-visitor{position:absolute;left:50%;bottom:-4%;z-index:1;width:200%;max-width:none;transform:translateX(-50%) scale(.2);transform-origin:50% 100%;opacity:0;transition:transform .5s var(--pl-soft) .25s,opacity .2s .25s}.pp-visitor.is-out{z-index:3;transform:translateX(-50%) scale(1);opacity:1;animation:pp-wave 1s ease-in-out .8s infinite}@keyframes pp-wave{0%,to{rotate:0deg}25%{rotate:-5deg}75%{rotate:5deg}}.pp-visitor-says{pointer-events:none;position:absolute;left:50%;top:30%;z-index:6;padding:.3rem .8rem;border-radius:1rem;border:3px solid var(--outline);background:#fff;font-family:var(--display);font-weight:700;font-size:clamp(.95rem,2.2cqmin,1.4rem);white-space:nowrap;transform:translateX(-50%);animation:pp-say-in .4s var(--pl-soft) both}.pp-visitor-says:after{content:"";position:absolute;top:100%;left:50%;margin-left:-9px;border:9px solid transparent;border-top:9px solid var(--outline)}@keyframes pp-say-in{0%{transform:translateX(-50%) scale(.3);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.pp-tot-walker{position:absolute;bottom:3%;z-index:8;width:clamp(120px,30cqmin,290px);transform:translateX(-50%);transition:left .8s var(--pl-glide);pointer-events:none}.pp-tot-patchy{width:100%;animation:pl-bob 2.4s ease-in-out infinite}.pp-tot-walker.is-walking .pp-tot-patchy{animation:pp-waddle .3s ease-in-out infinite alternate}@keyframes pp-waddle{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-6px)}}.pp-pail{position:absolute;left:78%;bottom:0;width:66%;aspect-ratio:1}.pp-pail-layer{position:absolute;inset:0;width:100%;height:100%}.pp-pail-layer.is-glowing{filter:drop-shadow(0 0 16px rgba(255,213,74,.9))}.pp-pail-treat{position:absolute;width:36%;transform:translate(-50%,-50%) rotate(var(--rot));animation:pp-settle .35s var(--pl-soft);filter:drop-shadow(0 2px 2px rgba(31,26,56,.3))}@keyframes pp-settle{0%{transform:translate(-50%,-62%) rotate(var(--rot)) scale(1.05)}}.pp-patchy-says{position:absolute;bottom:calc(100% + 2.4rem);left:30%;z-index:2;padding:.35rem .9rem;border-radius:1rem;border:3px solid var(--outline);background:#FBD387;font-family:var(--display);font-weight:700;font-size:clamp(1rem,3cqmin,1.55rem);white-space:nowrap;pointer-events:none;animation:pp-say-in-l .35s var(--pl-soft) both}.pp-tot-walker .pp-patchy-says{left:76%;bottom:76%}.pp-tot-walker .pp-patchy-says:after{left:8%}.pp-patchy-says:after{content:"";position:absolute;top:100%;left:24%;border:9px solid transparent;border-top:9px solid var(--outline)}@keyframes pp-say-in-l{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.pp-cat{position:absolute;bottom:3%;left:0;z-index:9;width:clamp(70px,13cqmin,130px);padding:0;border:0;background:none;animation:pp-cat-walk 9s linear forwards}.pp-cat img{width:100%;animation:pp-waddle .35s ease-in-out infinite alternate}.pp-cat.is-rtl{animation-name:pp-cat-walk-rtl}.pp-cat.is-rtl img{scale:-1 1}.pp-cat.is-tapped img{animation:pp-hoot .6s ease}@keyframes pp-cat-walk{0%{transform:translateX(-20cqw)}to{transform:translateX(110cqw)}}@keyframes pp-cat-walk-rtl{0%{transform:translateX(110cqw)}to{transform:translateX(-20cqw)}}.pp-tot-count{position:absolute;left:50%;top:8%;z-index:12;padding:.4rem 1.4rem;border-radius:1.4rem;border:4px solid var(--outline);background:#F7A81E;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,6cqmin,3.4rem);transform:translateX(-50%);animation:pp-say-in .5s var(--pl-spring) both}.pp-tot.is-finale .pp-pail{animation:pl-jump .8s ease-in-out infinite}.pp-costumes{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:rgba(31,26,69,.55);animation:pl-fade .3s ease-out}.pp-costumes-title{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,5cqmin,3rem);color:#fff;text-align:center;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;text-shadow:0 4px 0 #9A4510}.pp-costumes-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,2cqmin,1.2rem);width:min(100%,52rem)}@media (max-width:560px){.pp-costumes-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-costume-pick{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem .6rem;border-radius:1.4rem;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 6px 0 0 #C6BAFB;font-family:var(--display);font-weight:700;font-size:clamp(1rem,2.4cqmin,1.3rem);color:#3720A3;animation:pl-rise-in .5s var(--pl-spring) both;transition:transform .15s}.pp-costume-pick:nth-child(2){animation-delay:80ms}.pp-costume-pick:nth-child(3){animation-delay:.16s}.pp-costume-pick:nth-child(4){animation-delay:.24s}.pp-costume-pick:hover{transform:translateY(-4px) rotate(-1.5deg)}.pp-costume-pick:active{transform:translateY(4px);box-shadow:0 2px 0 0 #C6BAFB}.pp-costume-pick .pp-hat-icon{width:70%;aspect-ratio:1;height:auto;-o-object-fit:contain;object-fit:contain}.pp-faces{position:absolute;inset:0;overflow:hidden;container-type:size}.pp-faces-wall{position:absolute;inset:0 0 24% 0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(31,26,56,.25) 78px 82px),linear-gradient(#5B3EDE,#4429C9);transition:filter .8s}.pp-faces-wall:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.22) 78px 80px) 6px 0}.pp-faces-porch{position:absolute;inset:auto 0 0 0;height:25%;background:repeating-linear-gradient(0deg,#9A6230 0 22px,#7A4A20 22px 26px);border-top:5px solid var(--outline);transition:filter .8s}.pp-faces.is-dark .pp-faces-patchy .pp-costume,.pp-faces.is-dark .pp-faces-porch,.pp-faces.is-dark .pp-faces-wall{filter:brightness(.42) saturate(.8)}.pp-faces-patchy{position:absolute;left:2%;bottom:5%;z-index:4;width:clamp(120px,32cqmin,290px)}.pp-faces-patchy .pp-costume{transition:filter .8s;animation:pl-bob 2.6s ease-in-out infinite}.pp-patchy-says.is-left{left:10%}.pp-carving{position:absolute;left:42%;bottom:13%;z-index:3;width:min(58cqh,46cqw);transform:translateX(-50%);animation:pp-pumpkin-in .7s var(--pl-spring) both}.pp-carving.is-rolling{animation:pp-roll-in .9s var(--pl-soft) both}@keyframes pp-pumpkin-in{0%{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%);opacity:1}}@keyframes pp-roll-in{0%{transform:translateX(80cqw) rotate(200deg)}to{transform:translateX(-50%) rotate(0)}}.pp-carving svg{width:100%;display:block;filter:drop-shadow(0 10px 0 rgba(31,26,56,.3))}.pp-carving.is-lit{animation:pp-giggle .5s ease-in-out 3}@keyframes pp-giggle{0%,to{transform:translateX(-50%) rotate(0)}33%{transform:translateX(-50%) rotate(-3deg) scale(1.02)}66%{transform:translateX(-50%) rotate(3deg)}}.pp-candle-flicker{position:absolute;inset:20% 10% 0;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(255,213,74,.55),transparent 65%);mix-blend-mode:screen;pointer-events:none;animation:pp-flicker .18s ease-in-out infinite alternate}@keyframes pp-flicker{0%{opacity:.75}to{opacity:1;transform:scale(1.03)}}.pp-carve{fill:#4A1D06;stroke:#2B0F04;stroke-width:4;stroke-linejoin:round;transition:fill .6s,filter .6s}.pp-pumpkin-lit{transition:opacity .8s}.pp-tongue{fill:#E85C48}.pp-pumpkin.is-lit .pp-carve{fill:#FFF4B0;stroke:#8A3304;filter:drop-shadow(0 0 7px #FFE066)}.pp-carve-in.is-fresh{animation:pp-carve .6s var(--pl-spring) both;transform-box:fill-box;transform-origin:50% 50%}@keyframes pp-carve{0%{transform:scale(0) rotate(-40deg)}to{transform:none}}.pp-chooser{position:absolute;right:2.5%;top:calc(87cqh - min(58cqh, 46cqw) * .483);translate:0 -50%;z-index:5;--choice:min(9.4rem,11cqw,21cqh);padding:.9rem;border-radius:1.6rem;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 8px 0 0 #2A1980;animation:pl-rise-in .5s var(--pl-spring) both}.pp-chooser-title{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,3.6cqmin,2rem);text-align:center;color:#9A4510}.pp-chooser-row{display:grid;grid-template-columns:repeat(3,var(--choice));justify-content:center;gap:.6rem;margin-top:.6rem}.pp-choice{aspect-ratio:1;padding:12%;border-radius:50% 50% 46% 46%/54% 54% 46% 46%;border:4px solid var(--outline);background:radial-gradient(circle at 40% 35%,#F7A03A,#E8711A 70%);box-shadow:0 6px 0 0 #9A4510;transition:transform .15s var(--pl-soft);animation:pl-rise-in .45s var(--pl-spring) both}.pp-choice:nth-child(2){animation-delay:50ms}.pp-choice:nth-child(3){animation-delay:.1s}.pp-choice:nth-child(4){animation-delay:.15s}.pp-choice:nth-child(5){animation-delay:.2s}.pp-choice:nth-child(6){animation-delay:.25s}.pp-choice:hover:not(:disabled){transform:translateY(-4px) rotate(-3deg)}.pp-choice:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 0 #9A4510}.pp-choice.is-chosen{outline:5px solid #6BB22B;outline-offset:3px}.pp-choice:disabled:not(.is-chosen){opacity:.5}.pp-steps{display:flex;justify-content:center;gap:.4rem;margin-top:.7rem}.pp-steps li{padding:.15rem .7rem;border-radius:999px;border:2px solid #e2dcfd;font-weight:800;font-size:.9rem;text-transform:capitalize;color:#6D6987}.pp-steps li.is-now{border-color:#E8711A;color:#9A4510;background:#FDEAC4}.pp-steps li.is-done{border-color:#6BB22B;background:#DFF2C8;color:#35571A}.pp-shelf{position:absolute;left:24%;right:2%;bottom:2%;z-index:4;display:flex;justify-content:center;align-items:flex-end;gap:.5%;height:15cqh}.pp-shelf li{height:100%;aspect-ratio:300/290;animation:pp-hop-on .6s var(--pl-spring) both}.pp-shelf li svg{width:100%;height:100%;filter:drop-shadow(0 4px 0 rgba(31,26,56,.3))}@keyframes pp-hop-on{0%{transform:translateY(-60%) scale(.5);opacity:0}to{transform:none;opacity:1}}.pp-faces.is-finale .pp-shelf{left:2%;height:30cqh;bottom:30%}.pp-faces.is-finale .pp-shelf li{animation:pp-sing .6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .13s)}@keyframes pp-sing{0%{transform:translateY(0)}to{transform:translateY(-14%) scale(1.04,.97)}}.pp-leaves{position:absolute;inset:0;overflow:hidden;container-type:size}.pp-leaves-sky{position:absolute;inset:0;background:linear-gradient(#9ED8F0,#FDE3C4 70%)}.pp-leaves-fence{position:absolute;inset:auto 0 30% 0;height:14%;background:linear-gradient(transparent 28%,#FFFBF2 28% 40%,transparent 40% 62%,#FFFBF2 62% 74%,transparent 74%),repeating-linear-gradient(90deg,#FFFBF2 0 22px,transparent 22px 64px);filter:drop-shadow(0 0 0 var(--outline)) drop-shadow(0 3px 0 rgba(31,26,56,.35))}.pp-leaves-grass{position:absolute;inset:auto 0 0 0;height:32%;background:repeating-conic-gradient(#8BD14A 0 25%,#74BC34 0 50%) 0 0 /80px 80px;border-top:5px solid var(--outline)}.pp-tree{position:absolute;right:3%;bottom:20%;z-index:2;height:78%;aspect-ratio:1;padding:0;border:0;background:none;transform-origin:50% 100%}.pp-tree-art{width:100%;height:100%}.pp-tree.is-gusting{animation:pp-gust 1s ease-in-out}@keyframes pp-gust{20%{transform:rotate(-3deg) skewX(-2deg)}45%{transform:rotate(2.5deg)}70%{transform:rotate(-1.5deg)}}.pp-clump{transition:transform .9s var(--pl-soft),opacity .9s}.pp-clump.is-bare{transform:scale(.25) translateY(30px);opacity:0}.pp-heap{position:absolute;left:28%;bottom:7%;z-index:4;width:min(52cqw,80cqh);aspect-ratio:300/186;padding:0;border:0;background:none;transform:translateX(-30%)}.pp-heap-art{width:100%;height:100%}.pp-heap-new{animation:pp-leaf-land .5s var(--pl-soft) both;animation-delay:calc(var(--i) * 40ms)}@keyframes pp-leaf-land{0%{transform:translateY(-14px) scale(1.3);opacity:0}to{transform:none;opacity:1}}.pp-squirrel{position:absolute;left:50%;top:4%;width:22%;transform:translateX(-50%);animation:pp-peep 2.4s ease-in-out both}.pp-squirrel img{width:100%}.pp-squirrel b{position:absolute;left:88%;top:2%;padding:.15rem .6rem;border-radius:.8rem;border:3px solid var(--outline);background:#fff;font-family:var(--display);font-size:clamp(1.1rem,3cqmin,1.6rem)}@keyframes pp-peep{0%{transform:translate(-50%,60%) scale(.4);opacity:0}20%,75%{transform:translate(-50%,-60%) scale(1);opacity:1}to{transform:translate(-50%,60%) scale(.4);opacity:0}}.pp-leaves-patchy{position:absolute;left:2%;bottom:6%;z-index:5;width:clamp(120px,32cqmin,290px)}.pp-leaves-patchy>.pp-costume{animation:pl-bob 2.4s ease-in-out infinite}.pp-rake{position:absolute;right:-32%;bottom:4%;width:60%;transform-origin:20% 10%;transform:rotate(-24deg);z-index:-1}.pp-rake.is-raking{animation:pp-rake .5s ease-in-out 3}@keyframes pp-rake{50%{transform:rotate(4deg) translateX(10%)}}.pp-leaves-patchy.is-jumping{animation:pp-jump-in .9s cubic-bezier(.4,0,.6,1) forwards}.pp-leaves-patchy.is-jumping .pp-rake{display:none}@keyframes pp-jump-in{0%{transform:translate(0) rotate(0)}50%{transform:translate(calc(var(--jx) * .5),calc(var(--jy) - 30cqh)) rotate(-15deg)}to{transform:translate(var(--jx),calc(var(--jy) + 10cqh)) rotate(10deg) scale(.6);opacity:0}}.pp-heap-patchy{position:absolute;left:50%;top:-6%;width:30%;transform:translateX(-50%);animation:pp-pop-out .8s var(--pl-spring) both}@keyframes pp-pop-out{0%{transform:translate(-50%,70%) scale(.4)}to{transform:translate(-50%)}}.pp-leaf-burst{position:absolute;z-index:8;width:0;height:0;pointer-events:none}.pp-leaf-burst span{position:absolute;display:block;animation:pp-leaf-blast var(--dur) cubic-bezier(.2,.6,.4,1) both}.pp-leaf-burst span .pp-leaf{display:block;width:100%;animation:pp-leaf-sway 1.4s ease-in-out infinite alternate}@keyframes pp-leaf-blast{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}25%{transform:translate(calc(var(--dx) * .6 - 50%),var(--dy)) scale(1)}to{transform:translate(calc(var(--dx) - 50%),70cqh) scale(1) rotate(260deg);opacity:.9}}.pp-lawn-leaf{position:absolute;z-index:6;width:clamp(36px,7.5cqmin,74px);transform:translate(-50%,-50%) rotate(var(--rot));pointer-events:none}.pp-lawn-leaf .pp-leaf{display:block;width:100%;filter:drop-shadow(0 3px 0 rgba(31,26,56,.28))}.pp-lawn-leaf.is-fall{animation:pp-leaf-drop 1.3s cubic-bezier(.3,.1,.5,1) var(--delay) both}@keyframes pp-leaf-drop{0%{transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) rotate(0deg)}35%{transform:translate(calc(-50% + var(--fx) * .55 + 30px),calc(-50% + var(--fy) * .6)) rotate(calc(var(--rot) * .4 + 40deg))}70%{transform:translate(calc(-50% + var(--fx) * .2 - 24px),calc(-50% + var(--fy) * .22)) rotate(calc(var(--rot) * .8 - 30deg))}to{transform:translate(-50%,-50%) rotate(var(--rot))}}.pp-lawn-leaf.is-held{z-index:8}.pp-lawn-leaf.is-in{opacity:0;transition:left .38s ease-in var(--delay),top .38s cubic-bezier(.4,-.9,.7,1) var(--delay),opacity .38s ease-in var(--delay)}.pp-find{position:absolute;z-index:5;width:clamp(44px,10cqmin,96px);transform:translate(-50%,-62%);pointer-events:none}.pp-find img{display:block;width:100%;filter:drop-shadow(0 4px 0 rgba(31,26,56,.25))}.pp-find.is-found{z-index:7;animation:pp-find-pop .8s var(--pl-spring) both}@keyframes pp-find-pop{0%{transform:translate(-50%,-62%) scale(.8)}45%{transform:translate(-50%,-110%) scale(1.3) rotate(-8deg)}to{transform:translate(-50%,-62%) scale(1.15)}}.pp-rake-pad{position:absolute;inset:0;z-index:7;touch-action:none;cursor:grab}.pp-rake-pad:active{cursor:grabbing}.pp-hand-rake{z-index:9;width:clamp(84px,22cqmin,210px);transform:translate(-38%,-75%) rotate(var(--tilt));transform-origin:38% 75%;filter:drop-shadow(0 6px 4px rgba(31,26,56,.35))}.pp-hand-rake,.pp-rake-hint{position:absolute;pointer-events:none}.pp-rake-hint{z-index:8;width:0;height:0}.pp-rake-hint img{position:absolute;left:0;top:0;width:clamp(76px,19cqmin,180px);opacity:0;transform:translate(-38%,-75%);animation:pp-rake-hint 2.6s ease-in-out infinite}@keyframes pp-rake-hint{0%,8%{transform:translate(-38%,-75%) translateX(5cqw);opacity:0}22%{transform:translate(-38%,-75%) translateX(3cqw);opacity:.85}72%{transform:translate(-38%,-75%) translateX(-15cqw);opacity:.85}88%,to{transform:translate(-38%,-75%) translateX(-17cqw);opacity:0}}.pl-root.is-reduced .pp-lawn-leaf.is-fall,.pl-root.is-reduced .pp-rake-hint img{animation-duration:.01ms}.pp-wheee{left:50%;top:10%;font-family:var(--display);font-weight:700;font-size:clamp(3rem,12cqmin,7rem);color:#fff;-webkit-text-stroke:4px var(--outline);paint-order:stroke fill;text-shadow:0 8px 0 #E2412A;transform:translateX(-50%);animation:pp-say-in .5s var(--pl-spring) both}.pp-leaves-go,.pp-wheee{position:absolute;z-index:9}.pp-leaves-go{right:calc(3cqw + 41cqh);bottom:3%;transform:translateX(50%)}.pp-leaves-go:hover:not(:disabled){transform:translateX(50%) translateY(-2px)}.pp-leaves-go:active:not(:disabled){transform:translateX(50%) translateY(5px)}.pp-bowl{position:absolute;inset:0;overflow:hidden;container-type:size}.pp-bowl-moon{position:absolute;right:8%;top:5%;width:clamp(60px,11cqmin,120px);filter:drop-shadow(0 0 28px rgba(251,211,135,.7))}.pp-bowl-hills{position:absolute;inset:24% -10% auto;height:18%;background:radial-gradient(60% 100% at 25% 100%,#3B2A78 98%,transparent 100%),radial-gradient(50% 90% at 78% 100%,#352A66 98%,transparent 100%)}.pp-lane{position:absolute;inset:0;width:100%;height:100%}.pp-pin-deck{position:absolute;left:50%;top:13%;width:calc(var(--far, 13%) * 2 + 14%);height:18%;transform:translateX(-50%);border:5px solid var(--outline);border-bottom:0;border-radius:1.4rem 1.4rem 0 0;background:radial-gradient(circle at 50% 120%,#7A60EC 0 40%,#3B2A78 70%);box-shadow:inset 0 0 0 6px #5B3EDE}.pp-pin-deck:after{content:"";position:absolute;inset:10px 10px 0;border:2px dashed rgba(255,255,255,.45);border-bottom:0;border-radius:1rem 1rem 0 0}.pp-bunting{position:absolute;left:4%;right:4%;top:14%;display:flex;justify-content:space-between}.pp-bunting i{width:7%;aspect-ratio:1;border-radius:50%;border:2px solid var(--outline);background:hsl(calc(var(--i) * 40 + 10) 85% 62%);box-shadow:0 0 12px hsl(calc(var(--i) * 40 + 10) 90% 65%);animation:pp-twinkle 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.3s)}@keyframes pp-twinkle{to{filter:brightness(.6);box-shadow:none}}.pp-gutter-lantern{position:absolute;z-index:5;width:calc(9cqmin * var(--s));transform:translate(-50%,-85%);filter:drop-shadow(0 0 12px rgba(247,168,30,.85));animation:pp-glow 2.4s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes pp-glow{to{filter:drop-shadow(0 0 4px rgba(247,168,30,.4))}}.pp-pins{inset:0;pointer-events:none}.pp-pin,.pp-pins{position:absolute}.pp-pin{width:calc(21cqmin * var(--s));transform:translate(-50%,-96%)}.pp-pin,.pp-pin img{transform-origin:50% 100%}.pp-pin img{display:block;width:100%;filter:drop-shadow(0 6px 4px rgba(31,26,56,.35));animation:pp-pin-sway 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.37s)}.pp-pin img.is-flip{scale:-1 1}@keyframes pp-pin-sway{50%{transform:rotate(4deg) translateY(-3%)}}.pp-pin.is-down{animation:pp-pin-fall 1.3s var(--pl-soft) forwards}.pp-pin.is-down img{animation:none}@keyframes pp-pin-fall{0%{transform:translate(-50%,-96%)}25%{transform:translate(calc(-50% + var(--dir) * 30%),-80%) rotate(calc(var(--dir) * 80deg));opacity:1}45%{transform:translate(calc(-50% + var(--dir) * 40%),-110%) rotate(calc(var(--dir) * 60deg))}to{transform:translate(calc(-50% + var(--dir) * 120%),-420%) rotate(calc(var(--dir) * -20deg)) scale(.8);opacity:0}}.pp-pin.is-new{animation:pp-pin-new .9s var(--pl-spring) both;animation-delay:calc(var(--i) * .06s)}@keyframes pp-pin-new{0%{transform:translate(-50%,-360%);opacity:0}}.pp-pin.is-party{animation:pp-pin-party .7s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.12s)}@keyframes pp-pin-party{0%{transform:translate(-50%,-96%) rotate(-10deg)}to{transform:translate(-50%,-130%) rotate(10deg)}}.pp-ball{position:absolute;z-index:40;width:calc(17cqmin * var(--s));padding:0;border:0;background:none;transform:translate(calc(-50% + var(--px, 0px)),calc(-80% + var(--py, 0px)));touch-action:none;cursor:pointer}.pp-ball:after{content:"";position:absolute;inset:-35%;border-radius:50%}.pp-ball:disabled{cursor:default}.pp-ball:focus-visible{outline:4px solid #FBD387;outline-offset:6px;border-radius:50%}.pp-ball.is-ready img{animation:pl-bob 2s ease-in-out infinite}.pp-ball.is-ready:before{content:"";position:absolute;left:50%;top:55%;width:135%;aspect-ratio:1;border-radius:50%;border:4px solid #fbd387;transform:translate(-50%,-50%);opacity:0;animation:pp-ready-ring 1.6s ease-out infinite}@keyframes pp-ready-ring{0%{transform:translate(-50%,-50%) scale(.7);opacity:.9}to{transform:translate(-50%,-50%) scale(1.25);opacity:0}}.pp-ball.is-aiming img{filter:drop-shadow(0 0 14px rgba(255,224,102,.9)) drop-shadow(0 6px 4px rgba(31,26,56,.4))}.pp-ball img{display:block;width:100%;filter:drop-shadow(0 6px 4px rgba(31,26,56,.4))}.pp-ball img,.pp-ball.is-rolling{pointer-events:none}.pp-ball.is-rolling img{animation:pp-roll .45s linear infinite}.pp-ball.is-gutter img{animation-duration:.3s}@keyframes pp-roll{to{transform:rotate(1turn)}}.pp-aim-pad{position:absolute;inset:0;z-index:35;touch-action:none;cursor:grab}.pp-aim-dot{position:absolute;z-index:34;width:calc(3.4cqmin * var(--s));aspect-ratio:1;border-radius:50%;border:2px solid var(--outline);background:#FFF4B0;transform:translate(-50%,-50%);animation:pp-dot-pulse .9s ease-in-out infinite alternate;animation-delay:calc(var(--k) * -.08s);pointer-events:none}.pp-aim-dot.is-good{background:#F7A81E}.pp-aim-dot.is-super{background:#E8711A;box-shadow:0 0 10px rgba(247,168,30,.9)}.pp-aim-dot.is-gutter{background:#6D6987;border-style:dashed}@keyframes pp-dot-pulse{to{transform:translate(-50%,-50%) scale(.75)}}.pp-pull-hint{z-index:45;width:calc(17cqmin * var(--s));transform:translate(-50%,-80%);pointer-events:none}.pp-pull-hint,.pp-pull-hint i{position:absolute;aspect-ratio:1}.pp-pull-hint i{left:50%;top:50%;width:38%;border-radius:50%;background:rgba(255,255,255,.9);border:3px solid var(--outline);box-shadow:0 0 0 6px rgba(255,255,255,.35);transform:translate(-50%,-50%);animation:pp-pull-hint 2.2s ease-in-out infinite}@keyframes pp-pull-hint{0%,10%{transform:translate(-50%,-50%) scale(1.3);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}62%{transform:translate(-50%,130%) scale(1);opacity:1}78%,to{transform:translate(-50%,130%) scale(1.4);opacity:0}}.pp-score{position:absolute;left:2%;top:3%;z-index:50;padding:.4rem .6rem;border-radius:1rem;border:3px solid var(--outline);background:#FFF7EA;box-shadow:0 5px 0 #2A1980}.pp-score-total{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,3.4cqmin,1.9rem);line-height:1;color:var(--outline)}.pp-score-total img{width:1.5em;height:1.5em;-o-object-fit:contain;object-fit:contain}.pp-frames{display:flex;gap:.25rem;margin:.35rem 0 0;padding:0;list-style:none}.pp-frames li{display:grid;grid-template-columns:1fr 1fr;width:clamp(2.6rem,6.5cqmin,3.6rem);border:2px solid var(--outline);border-radius:.4rem;background:#fff;overflow:hidden}.pp-frames span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-weight:900;font-size:clamp(.8rem,2cqmin,1.1rem);color:var(--outline)}.pp-frames span+span{border-left:2px solid #e2dcfd}.pp-frames span.is-strike{background:#E8711A;color:#fff}.pp-frames span.is-spare{background:#16B6CE;color:#fff}.pp-bowl-banner{position:absolute;left:50%;top:9%;z-index:50;margin:0;transform:translateX(-50%);padding:.3rem 1.4rem;border-radius:1.2rem;border:4px solid var(--outline);background:#F7A81E;font-family:var(--display);font-weight:700;font-size:clamp(2rem,8cqmin,4.4rem);color:var(--outline);animation:pp-banner .6s var(--pl-spring) both;white-space:nowrap}.pp-bowl-banner.is-spare{background:#16B6CE;color:#fff}.pp-bowl-banner.is-miss{background:#E2DCFD;font-size:clamp(1.6rem,6cqmin,3.2rem)}@keyframes pp-banner{0%{transform:translateX(-50%) scale(.2) rotate(-12deg);opacity:0}}.pp-bowl-patchy{position:absolute;left:2%;bottom:5%;z-index:60;width:clamp(120px,30cqmin,270px)}.pp-bowl-patchy .pp-costume{animation:pl-bob 2.4s ease-in-out infinite}.is-party .pp-bowl-patchy .pp-costume{animation:pl-bob .5s ease-in-out infinite}.pp-web{position:absolute;inset:0;overflow:hidden;container-type:size}.pp-web-moon{position:absolute;right:7%;top:26%;width:clamp(60px,11cqmin,120px);filter:drop-shadow(0 0 28px rgba(251,211,135,.7))}.pp-branch{position:absolute;top:-2%;height:7cqmin;width:46cqw;background:#6B3F1F;border:4px solid var(--outline);border-radius:999px}.pp-branch.is-l{left:-8%;transform:rotate(9deg);transform-origin:0 0}.pp-branch.is-r{right:-8%;transform:rotate(-9deg);transform-origin:100% 0}.pp-branch:after{content:"";position:absolute;inset:40% 6%;border-top:3px dashed #c98a4b}.pp-web-frame{position:absolute;left:50%;top:7%;width:min(68cqh,62cqw);aspect-ratio:1;transform:translateX(-50%)}.pp-web-silk{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pp-web-ghostly circle,.pp-web-ghostly line{fill:none;stroke:rgba(255,255,255,.26);stroke-width:.45}.pp-web-ghostly .is-spun{stroke:#FFFFFF;stroke-width:.8;stroke-dasharray:100;stroke-dashoffset:100;animation:pp-draw .6s ease-out forwards;animation-delay:calc(var(--i) * .08s);filter:drop-shadow(0 0 1.2px #FBD387)}.pp-thread{stroke:rgba(255,255,255,.7);stroke-width:.35}.pp-strand{stroke:#FFFFFF;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pp-draw .4s ease-out forwards;filter:drop-shadow(0 0 1px #FBD387)}@keyframes pp-draw{to{stroke-dashoffset:0}}.pp-dot{fill:#FFF7EA;stroke:var(--outline);stroke-width:.6}.pp-dot.is-joined{fill:#F7A81E}.pp-spider{z-index:5;width:18%;transition:left .4s var(--pl-soft),top .4s var(--pl-soft);filter:drop-shadow(0 4px 3px rgba(0,0,0,.35));pointer-events:none}.pp-next-dot,.pp-spider{position:absolute;transform:translate(-50%,-50%)}.pp-next-dot{z-index:6;width:clamp(48px,11%,80px);aspect-ratio:1;border-radius:50%;border:4px solid var(--outline);background:radial-gradient(circle,#FFF7EA 0 30%,#FBD387 31% 60%,#F7A81E 61%);box-shadow:0 0 0 0 rgba(251,211,135,.8);animation:pp-dot-glow 1.2s ease-out infinite}.pp-next-dot:focus-visible{outline:4px solid #FFFFFF;outline-offset:3px}@keyframes pp-dot-glow{70%{box-shadow:0 0 0 18px rgba(251,211,135,0)}to{box-shadow:0 0 0 0 rgba(251,211,135,0)}}.pp-web-reveal{position:absolute;left:50%;top:50%;z-index:4;width:62%;transform:translate(-50%,-50%);animation:pp-reveal 1.8s var(--pl-soft) both;filter:drop-shadow(0 0 18px rgba(251,211,135,.8));pointer-events:none}@keyframes pp-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}40%,70%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,70%) scale(.3)}}.pp-web-reveal.is-fly{animation-name:pp-reveal-fly}@keyframes pp-reveal-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}40%,60%{transform:translate(-50%,-50%) scale(1) rotate(-6deg)}to{opacity:0;transform:translate(80%,-160%) scale(.4) rotate(12deg)}}.pp-web-friends{position:absolute;left:66%;right:2%;bottom:3%;z-index:3;display:flex;justify-content:center;gap:1%;margin:0;padding:0;list-style:none}.pp-web-friends li{width:min(11cqh,12cqw);animation:pp-friend-in .6s var(--pl-spring) both}.pp-web-friends li img{width:100%;animation:pl-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.4s)}@keyframes pp-friend-in{0%{transform:translateY(80%) scale(.3);opacity:0}}.pp-web-patchy{position:absolute;left:2%;bottom:5%;z-index:7;width:clamp(120px,30cqmin,270px)}.pp-web-patchy .pp-costume{animation:pl-bob 2.4s ease-in-out infinite}.pp-web-go{position:absolute;left:50%;bottom:4%;z-index:9;transform:translateX(-50%)}.pp-web-go:hover:not(:disabled){transform:translateX(-50%) translateY(-2px)}.pp-web-go:active:not(:disabled){transform:translateX(-50%) translateY(5px)}.pp-sort{overflow:hidden;container-type:size}.pp-shop-wall,.pp-sort{position:absolute;inset:0}.pp-shop-wall{background:repeating-linear-gradient(90deg,#4A3A8C 0 5cqw,#43348A 5cqw 10cqw)}.pp-shop-window{position:absolute;left:4%;top:7%;width:min(15cqw,30cqh);aspect-ratio:1;border:5px solid var(--outline);border-radius:50% 50% 1rem 1rem;background:linear-gradient(#1F1A45,#3B2A78);overflow:hidden;box-shadow:inset 0 0 0 6px #C98A4B}.pp-shop-window img{position:absolute;right:12%;top:14%;width:40%}.pp-shop-shelf{position:absolute;left:3%;width:calc(min(15cqw, 30cqh) + 2%);top:calc(7% + min(15cqw, 30cqh) + 1cqh);display:flex;justify-content:space-around;align-items:flex-end;padding:0 2%;border-bottom:1.4cqh solid #9a6230}.pp-shop-shelf img{width:22%}@media (max-height:560px){.pp-shop-shelf{display:none}}.pp-counter{position:absolute;inset:auto 0 0;height:18%;background:#C98A4B;border-top:5px solid var(--outline);box-shadow:inset 0 1.4cqh 0 #E0A460}.pp-machine{position:absolute;left:61.5%;top:3%;z-index:4;width:min(28cqh,26cqw);aspect-ratio:3/4.2;padding:0;border:0;background:none;transform:translateX(-50%)}.pp-machine.is-cranking{animation:pp-machine-shake .7s ease-in-out}@keyframes pp-machine-shake{15%,45%,75%{transform:translateX(-52%) rotate(-2deg)}30%,60%,90%{transform:translateX(-48%) rotate(2deg)}}.pp-globe{position:absolute;left:0;right:0;top:0;aspect-ratio:1;border-radius:50%;border:5px solid var(--outline);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.8) 0 9%,rgba(255,255,255,.18) 10%),rgba(190,230,255,.35);overflow:hidden}.pp-globe img{position:absolute;width:26%;transform:rotate(calc(var(--i) * 47deg))}.pp-machine-body{position:absolute;left:10%;right:10%;top:66%;bottom:0;border:5px solid var(--outline);border-radius:1rem 1rem .6rem .6rem;background:radial-gradient(circle,#FFB4A6 0 18%,transparent 19%) 0 0 /22px 22px,#E85C48}.pp-machine-body:after{content:"";position:absolute;inset:7%;border:2px dashed rgba(255,255,255,.8);border-radius:.6rem}.pp-crank{position:absolute;left:50%;top:18%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:4px solid var(--outline);background:#FBD387}.pp-crank:before{content:"";position:absolute;left:50%;top:50%;width:92%;height:22%;transform:translate(-50%,-50%);border-radius:999px;background:#F7A81E;border:3px solid var(--outline)}.is-cranking .pp-crank{animation:pp-crank .7s ease-in-out}@keyframes pp-crank{to{transform:translateX(-50%) rotate(540deg)}}.pp-chute{position:absolute;left:36%;right:36%;bottom:-6%;height:14%;border:4px solid var(--outline);border-top:0;border-radius:0 0 .8rem .8rem;background:#9C2517}.pp-tray{position:absolute;left:61.5%;top:calc(3% + min(28cqh, 26cqw) * 1.4 + 2%);z-index:6;width:min(13cqh,13cqw);aspect-ratio:1;transform:translateX(-50%)}.pp-tray-candy{width:100%;filter:drop-shadow(0 6px 4px rgba(31,26,56,.4));animation:pp-candy-drop .7s var(--pl-spring) both}.pp-tray-candy.is-big{scale:1.35}.pp-tray-candy.is-hop{animation:pp-candy-hop .6s var(--pl-spring) both}@keyframes pp-candy-drop{0%{transform:translateY(-160%) scale(.5);opacity:0}}@keyframes pp-candy-hop{40%{transform:translateY(-40%) rotate(-12deg)}}.pp-jars{position:absolute;left:26%;right:3%;bottom:4%;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:3%;align-items:end}.pp-jar{position:relative;width:100%;max-width:25cqh;aspect-ratio:4/5.6;justify-self:center;padding:0;border:0;background:none}.pp-jar-glass{position:absolute;inset:14% 4% 0;border:5px solid var(--outline);border-radius:22% 22% 16% 16%/14% 14% 10% 10%;background:linear-gradient(100deg,rgba(255,255,255,.5) 0 9%,rgba(255,255,255,.12) 10% 80%,rgba(255,255,255,.3) 81%),rgba(190,230,255,.28);overflow:hidden}.pp-jar-items{position:absolute;inset:0}.pp-jar-items img{position:absolute;width:34%;left:calc(var(--col) * 31% + 2%);bottom:calc(var(--row) * 22% + 2%);transform:rotate(var(--tilt));animation:pp-settle-in .35s var(--pl-soft)}@keyframes pp-settle-in{0%{transform:translateY(-30%) rotate(var(--tilt))}}.pp-jar-label{position:absolute;left:50%;top:18%;width:50%;aspect-ratio:1;transform:translateX(-50%);border-radius:30%;border:3px solid var(--outline);background:#FFF7EA;padding:9%;z-index:2}.pp-jar-label:after{content:"";position:absolute;inset:7%;border:2px dashed #e0a460;border-radius:26%}.pp-jar-label img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pp-jar-lid{position:absolute;left:10%;right:10%;top:4%;height:13%;z-index:3;border:5px solid var(--outline);border-radius:.7rem;background:var(--lid);transition:transform .3s var(--pl-spring)}.pp-jar-lid:after{content:"";position:absolute;inset:22% 6%;border-top:2px dashed rgba(255,255,255,.85)}.pp-jar.is-ready{animation:pp-jar-ready 1.4s ease-in-out infinite}.pp-jar.is-ready .pp-jar-glass{box-shadow:0 0 0 4px #FBD387,0 0 22px rgba(251,211,135,.8)}@keyframes pp-jar-ready{50%{transform:translateY(-3%)}}.pp-jar.is-open .pp-jar-lid{transform:translateY(-60%) rotate(-14deg)}.pp-jar.is-happy{animation:pp-jar-happy .5s var(--pl-spring)}@keyframes pp-jar-happy{40%{transform:scale(1.06,.94)}70%{transform:scale(.97,1.04) translateY(-4%)}}.pp-jar.is-nope{animation:pp-jar-nope .55s ease-in-out}@keyframes pp-jar-nope{20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}.pp-jar.is-pop .pp-jar-lid{transform:translateY(-260%) rotate(200deg);transition-duration:.8s}.pp-jar:focus-visible{outline:4px solid #FBD387;outline-offset:4px;border-radius:1rem}.pp-fountain{position:absolute;left:26%;right:3%;bottom:30%;z-index:20;pointer-events:none}.pp-fountain img{position:absolute;bottom:0;left:calc((var(--j) + .5) * 33.3%);width:7cqmin;translate:-50% 0;animation:pp-spray 1.8s cubic-bezier(.2,.7,.4,1) both}@keyframes pp-spray{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}55%{transform:translate(var(--dx),calc(var(--up) * -1)) rotate(200deg) scale(1)}to{transform:translate(calc(var(--dx) * 1.6),10cqh) rotate(400deg) scale(.9);opacity:0}}.pp-sort-patchy{position:absolute;left:2%;bottom:5%;z-index:7;width:clamp(120px,28cqmin,250px)}.pp-sort-patchy .pp-costume{animation:pl-bob 2.4s ease-in-out infinite}.pp-sort-patchy .pp-patchy-says{left:20%}.pp-sort-go{position:absolute;left:61.5%;top:calc(3% + min(28cqh, 26cqw) * 1.4 + 2%);z-index:9;transform:translateX(-50%)}.pp-sort-go:hover:not(:disabled){transform:translateX(-50%) translateY(-2px)}.pp-sort-go:active:not(:disabled){transform:translateX(-50%) translateY(5px)}@media (max-aspect-ratio:1/1){.pp-street{height:min(46%,43cqw);bottom:31%;justify-content:center;padding:0}.pp-house-wrap{max-width:43%;margin-inline:-6%}.pp-tot-moon{width:28cqw;right:8%;top:7%}.pp-visitor-says{top:6%;white-space:normal;width:-moz-max-content;width:max-content;max-width:26cqw;text-align:center;line-height:1.15}.pp-tot-walk{height:33%}.pp-tot-walker{width:clamp(120px,40cqw,320px);bottom:4%}.pp-carving{left:50%;bottom:21%;width:min(39cqh,72cqw)}.pp-chooser{left:3%;right:3%;top:3%;translate:none;--choice:min(24cqw,11cqh)}.pp-faces-patchy{width:34cqw;bottom:3%}.pp-shelf{left:30%;height:11cqh}.pp-leaves-grass{height:50%}.pp-leaves-fence{bottom:48%}.pp-tree{height:44%;right:-6%;bottom:45%}.pp-heap{left:1%;width:60cqw;transform:none;bottom:max(10%,4.6rem)}.pp-leaves-patchy{width:27cqw;left:auto;right:3%;bottom:max(9%,4.2rem)}.pp-leaves-patchy .pp-patchy-says{left:auto;right:20%}.pp-leaves-patchy .pp-patchy-says:after{left:auto;right:24%}.pp-leaves-patchy .pp-rake{right:auto;left:-32%;transform:scaleX(-1) rotate(-24deg)}.pp-rake-hint img{animation-name:pp-rake-hint-tall}@keyframes pp-rake-hint-tall{0%,8%{transform:translate(-38%,-75%) translate(4cqw,-2cqh);opacity:0}22%{transform:translate(-38%,-75%) translate(2cqw,-1cqh);opacity:.85}72%{transform:translate(-38%,-75%) translate(-20cqw,8cqh);opacity:.85}88%,to{transform:translate(-38%,-75%) translate(-22cqw,9cqh);opacity:0}}.pp-leaves-go{right:auto;left:50%;bottom:1.5%;transform:translateX(-50%)}.pp-leaves-go:hover:not(:disabled){transform:translateX(-50%) translateY(-2px)}.pp-leaves-go:active:not(:disabled){transform:translateX(-50%) translateY(5px)}.pp-bowl-patchy{width:28cqw;bottom:15%}.pp-patchy-says{white-space:normal;width:-moz-max-content;width:max-content;max-width:38cqw;text-align:center;line-height:1.15}.pp-bowl-patchy .pp-patchy-says{left:0}.pp-pin{width:calc(22cqw * var(--s))}.pp-ball,.pp-pull-hint{width:calc(21cqw * var(--s))}.pp-aim-dot{width:calc(4.4cqw * var(--s))}.pp-web-frame{top:max(10%,calc(46cqh - 43cqw));width:86cqw}.pp-web-moon{top:auto;bottom:26%;right:5%;width:14cqw}.pp-web-friends{left:30%;right:3%;bottom:14%}.pp-web-patchy{width:34cqw;bottom:3%}.pp-web-go{bottom:3%}.pp-sort{--mt:max(3cqh,calc((95cqh - 42cqw - min(54cqw, 34cqh) * 1.4 - 4rem) / 2))}.pp-machine{left:64%;top:var(--mt);width:min(54cqw,34cqh)}.pp-sort-go,.pp-tray{left:64%;top:calc(var(--mt) + min(54cqw, 34cqh) * 1.4 + 2cqh)}.pp-tray{width:16cqw}.pp-shop-shelf,.pp-shop-window{display:none}.pp-jars{left:3%;bottom:3%}.pp-jar{max-width:31cqw}.pp-fountain{left:3%}.pp-sort-patchy{left:2%;bottom:auto;top:calc(var(--mt) + min(54cqw, 34cqh) * .7);width:34cqw}}@media (prefers-reduced-motion:reduce){.pp-cat,.pp-drift,.pp-tot-bat{display:none}.pp-ball,.pp-spider{transition-duration:.01ms!important}}.pl-root.is-reduced .pp-drift,.pl-root.is-reduced .pp-tot-bat{display:none}@media (prefers-reduced-motion:reduce){.pp-aim-dot,.pp-ball.is-ready:before,.pp-bunting i,.pp-gutter-lantern,.pp-next-dot,.pp-pin img{animation:none}}.pp-hub .pl-hub-hello{margin-bottom:40%;z-index:3}@media (max-height:560px) and (min-aspect-ratio:1/1){.pp-chooser{padding:.6rem .8rem}.pp-chooser-title{font-size:1.15rem}.pp-chooser-row{gap:.45rem;margin-top:.35rem}.pp-steps{display:none}.pl-btn.pl-btn-big.pp-leaves-go,.pl-btn.pl-btn-big.pp-sort-go,.pl-btn.pl-btn-big.pp-web-go{min-height:3rem;font-size:1.2rem;padding-inline:1.4rem}}