:root{--sky-top:#6ec6ff;--sky-bottom:#c9f0ff;--grass:#7ed957;--grass-dark:#4fb83a;--sun:#ffd23f;--ink:#3b2a5a;--white:#fff;--shadow:0 10px 0 #0000001f, 0 18px 30px #281e5a2e;--radius:32px;--tap-min:96px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(var(--sky-top), var(--sky-bottom));height:100%;color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0}.stage{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-18%)scale(1.05,.95)}55%{transform:translateY(0)scale(1.1,.9)}75%{transform:translateY(-6%)scale(.98,1.02)}}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes pop-out{to{opacity:0;transform:scale(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 #ffe65000);transform:scale(1)}50%{filter:drop-shadow(0 0 22px #ffe650);transform:scale(1.1)}}@keyframes squish{0%,to{transform:scale(1)}40%{transform:scale(1.18,.82)}70%{transform:scale(.92,1.08)}}@keyframes spin-in{0%{transform:rotate(-200deg)scale(0)}to{transform:rotate(0)scale(1)}}.anim-bounce{animation:bounce .7s var(--spring)}.anim-wobble{animation:.6s ease-in-out wobble}.anim-pop-in{animation:pop-in .5s var(--spring) both}.anim-pop-out{animation:.3s ease-in forwards pop-out}.anim-float{animation:3s ease-in-out infinite float}.anim-squish{animation:.45s ease-out squish}.hint-glow{animation:1.1s ease-in-out infinite glow!important}.faded{filter:grayscale(.7);pointer-events:none;transition:opacity .6s;opacity:.25!important}@media (prefers-reduced-motion:reduce){.anim-float{animation:none}}#screens,.screen{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen-in{animation:.5s cubic-bezier(.2,.8,.2,1) both screen-in}.screen-out{z-index:1;animation:.42s ease-in both screen-out}@keyframes screen-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes screen-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}.jar{--jw:100%;width:var(--jar-size,16vmin);height:calc(var(--jar-size,16vmin) * 1.25);position:relative}.jar-lid{z-index:2;background:linear-gradient(#ff8fb8,#ff5c95);border-radius:999px 999px 30% 30%;height:11%;position:absolute;top:0;left:18%;right:18%;box-shadow:inset 0 -.25em #0000001f,0 .15em #0000001a}.jar-lid:after{content:"";background:#fff9;border-radius:999px;width:30%;height:22%;position:absolute;top:22%;left:12%}.jar-neck{background:#ffffff73;border:.35vmin solid #ffffffe6;border-bottom:0;border-radius:12% 12% 0 0;height:8%;position:absolute;top:9%;left:22%;right:22%}.jar-glass{background:linear-gradient(115deg,#ffffff8c,#dcf5ff47 50%,#ffffff73);border:max(2px,.45vmin) solid #fffffff2;border-radius:30% 30% 26% 26%/22% 22% 20% 20%;position:absolute;top:15%;bottom:0;left:4%;right:4%;overflow:hidden;box-shadow:0 .8vmin 1.6vmin #283c7840,inset 0 -1vmin 1.5vmin #78beff40}.jar-glow{height:0;transition:height .8s var(--spring);background:radial-gradient(at 50% 100%,#ffdc3cbf,#ffc80033 70%,#0000);position:absolute;bottom:0;left:0;right:0}.jar-star{aspect-ratio:1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#fff4a0,#ffd000 50%,#fa0);width:22%;position:absolute}.jar-star.new{animation:jar-drop .6s var(--spring) both}@keyframes jar-drop{0%{opacity:0;transform:translateY(-300%)rotate(0)scale(1.4)}}.jar-shine{pointer-events:none;background:linear-gradient(#ffffffd9,#fff0);border-radius:999px;width:14%;height:55%;position:absolute;top:10%;left:12%}.jar.bump{animation:jar-bump .5s var(--spring)}@keyframes jar-bump{0%,to{transform:scale(1)}40%{transform:scale(1.18,.86)}70%{transform:scale(.94,1.08)}}.homebtn{z-index:40;left:calc(var(--safe-left) + 2.2vmin);top:calc(var(--safe-top) + 2.2vmin);touch-action:none;background:radial-gradient(circle at 35% 30%,#fff,#f1f7ff 60%,#d9e9ff);border-radius:50%;place-items:center;width:clamp(64px,12vmin,104px);height:clamp(64px,12vmin,104px);display:grid;position:absolute;box-shadow:0 .6vmin #3c5aa040,0 1.2vmin 2.4vmin #281e5a33}.homebtn img{object-fit:contain;width:64%;height:64%;transition:transform .2s}.homebtn-fallback{z-index:-1;background:#ff8a5c;border-radius:8%;width:42%;height:34%;position:absolute;top:38%;left:29%}.homebtn-fallback:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#e5484d;height:75%;position:absolute;top:-70%;left:-18%;right:-18%}.homebtn svg{pointer-events:none;width:112%;height:112%;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%;transform:rotate(-90deg)}.homebtn .ring{fill:none;stroke:#fc0;stroke-width:9px;stroke-linecap:round;stroke-dasharray:290;stroke-dashoffset:290px;filter:drop-shadow(0 0 4px #ffc800e6)}.homebtn.holding img{transform:scale(.88)}.homebtn.wiggle{animation:.5s ease-in-out wobble}.jar-pile{position:absolute;top:4%;bottom:3%;left:6%;right:6%}.shell{background:linear-gradient(#7cc8ff,#d4f3ff)}.shell>.stage{z-index:0}.shell-counter{z-index:20;top:calc(var(--safe-top) + 1.6vmin);right:calc(var(--safe-right) + 2.4vmin);--jar-size:clamp(40px, 8vmin, 76px);pointer-events:none;position:absolute}.shell-flystar{z-index:35;pointer-events:none;filter:drop-shadow(0 0 12px #ffd228e6);will-change:transform;width:clamp(64px,14vmin,130px);height:clamp(64px,14vmin,130px);position:absolute;top:0;left:0}.shell-flystar img{object-fit:contain;width:100%;height:100%}.shell-flystar.css img{display:none}.shell-flystar.css{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#fff4a0,#ffd000 50%,#fa0)}.cele{z-index:30;touch-action:none;place-items:center;animation:.4s ease-out both cele-in;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cele.out{animation:.45s ease-in forwards cele-out}@keyframes cele-in{0%{opacity:0}}@keyframes cele-out{to{opacity:0}}.cele>*{grid-area:1/1}.cele-glow{background:radial-gradient(70vmax 60vmax at 50% 55%,#fffce6eb,#fff0c899 45%,#ffe6fa40 75%);position:absolute;top:0;bottom:0;left:0;right:0}.cele-rainbow{opacity:.92;background:radial-gradient(70vmin at 50% 100%,#0000 0 52%,#a66cff 52% 60%,#4d96ff 60% 68%,#42d27a 68% 76%,#ffd23f 76% 84%,#ff9a3c 84% 92%,#ff4f6d 92% 100%,#0000 100%);width:140vmin;height:70vmin;margin-left:-70vmin;animation:1.3s cubic-bezier(.3,.7,.3,1) both cele-rainbow;position:absolute;bottom:-2vmin;left:50%}@keyframes cele-rainbow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cele-gift{width:min(42vmin,270px);height:min(42vmin,270px);animation:cele-drop .7s var(--spring) both, cele-shake 1.3s .7s ease-in-out infinite;touch-action:none;position:relative}.cele-gift img{object-fit:contain;filter:drop-shadow(0 2vmin 2.5vmin #501e5a59);width:100%;height:100%}@keyframes cele-drop{0%{transform:translateY(-80vh)scale(.6)}to{transform:translateY(0)scale(1)}}@keyframes cele-shake{0%,40%,to{transform:rotate(0)scale(1)}48%{transform:rotate(-9deg)scale(1.05)}56%{transform:rotate(8deg)scale(1.05)}64%{transform:rotate(-6deg)scale(1.03)}72%{transform:rotate(4deg)scale(1.02)}80%{transform:rotate(0)scale(1)}}.cele-gift.open{animation:.35s ease-in forwards cele-open}@keyframes cele-open{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(.85,1.15)}to{opacity:0;transform:scale(1.7)}}.cele-sticker{place-items:center;width:min(58vmin,330px);height:min(58vmin,330px);display:grid;position:relative}.cele-sticker>*{grid-area:1/1}.cele-rays{background:repeating-conic-gradient(#ffd23cbf 0deg 10deg,#ffd23c00 10deg 24deg);border-radius:50%;animation:14s linear infinite scn-spin,.6s ease-out both cele-fade;position:absolute;top:-45%;bottom:-45%;left:-45%;right:-45%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 68%);mask:radial-gradient(circle,#000 25%,#0000 68%)}@keyframes cele-fade{0%{opacity:0}}.cele-sticker-img{object-fit:contain;width:82%;height:82%;animation:spin-in .75s var(--spring) both;filter:drop-shadow(.5vmin 0 #fff)drop-shadow(-.5vmin 0 #fff)drop-shadow(0 .5vmin #fff)drop-shadow(0 -.5vmin #fff)drop-shadow(0 1.6vmin 2vmin #3c1e5a4d);position:relative}.cele-book{right:calc(var(--safe-right) + 4vmin);bottom:calc(var(--safe-bottom) + 4vmin);width:min(22vmin,180px);height:min(22vmin,180px);animation:pop-in .5s var(--spring) both;position:absolute}.cele-book img{object-fit:contain;filter:drop-shadow(0 1vmin 1.5vmin #00000040);width:100%;height:100%}.cele-book.got{animation:.5s ease-out squish}.hint-layer{pointer-events:none;z-index:60;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.hint-hand{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.hint-hand img{object-fit:contain;filter:drop-shadow(0 10px 10px #2814504d);width:100%;height:100%}.hint-ripple{opacity:0;border:6px solid #fffffff2;border-radius:50%;position:absolute;box-shadow:0 0 18px #ffe65ae6,inset 0 0 14px #ffe65ab3}.hint-ghost{z-index:0;pointer-events:none!important;animation:none!important}.an-root{background:linear-gradient(#4fb9ff 0%,#8fd6ff 38%,#d8f4ff 62%,#e9fbff 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.an-sky{background:radial-gradient(120% 60% at 70% 8%,#fff6c88c,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.an-sun{top:calc(var(--safe-top) + 3vmin);aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff7b0 0%,#ffe14d 45%,#ffc21f 100%);border-radius:50%;width:clamp(64px,15vmin,140px);position:absolute;right:24%;box-shadow:0 0 0 1.4vmin #ffe45a59,0 0 6vmin #ffd23cb3}.an-sun-rays{z-index:-1;background:repeating-conic-gradient(from 0deg, #ffec8299 0 9deg, transparent 9deg 30deg);border-radius:50%;animation:40s linear infinite an-spin;position:absolute;top:-55%;bottom:-55%;left:-55%;right:-55%;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}.an-sun-face{position:absolute;top:0;bottom:0;left:0;right:0}.an-sun-face:before{content:"";background:#6b3d12;border-radius:50%;width:9%;height:11%;position:absolute;top:40%;left:32%;box-shadow:calc(clamp(64px,15vmin,140px)/3.7037) 0 #6b3d12}.an-sun-face:after{content:"";border:max(2px,.5vmin) solid #0000;border-top:0;border-bottom-color:#6b3d12;border-radius:0 0 999px 999px;width:32%;height:18%;position:absolute;top:50%;left:34%}.an-cloud{will-change:transform;filter:drop-shadow(0 .6vmin #78aadc40);background:#fff;border-radius:999px;width:20vmin;height:6vmin;animation:90s linear infinite an-drift;position:absolute;left:0}.an-cloud i{background:#fff;border-radius:50%;position:absolute}.an-cloud i:first-child{width:42%;height:130%;bottom:25%;left:12%}.an-cloud i:nth-child(2){width:36%;height:105%;bottom:35%;left:46%}.an-cloud i:nth-child(3){width:26%;height:75%;bottom:20%;left:66%}.an-cloud--far{opacity:.75;width:13vmin;height:4vmin;animation-duration:140s}.an-cloud--a{top:calc(var(--safe-top) + 14vh);animation-delay:-30s}.an-cloud--b{top:calc(var(--safe-top) + 24vh);animation-delay:-95s}.an-cloud--c{top:calc(var(--safe-top) + 9vh);animation-duration:75s;animation-delay:-12s}.an-cloud--d{top:calc(var(--safe-top) + 30vh);width:24vmin;height:7vmin;animation-duration:85s;animation-delay:-55s}.an-hill{border-radius:50%;position:absolute}.an-hill--back{background:radial-gradient(at 50% 0,#b4ec85 0%,#8bd865 40%,#6cc451 100%);width:115vw;height:80vh;top:40vh;left:-30vw}.an-hill--mid{background:radial-gradient(at 45% 0,#a2e575 0%,#7ad155 45%,#5bb941 100%);width:125vw;height:80vh;top:46vh;right:-40vw}.an-hill--front{background:radial-gradient(at 50% 0,#95e06b 0%,#6fcd4c 35%,#4fb83a 100%);width:150vw;height:90vh;top:60vh;left:-25vw;box-shadow:0 -1vmin #ffffff40}.an-barn{background:linear-gradient(90deg,#d93f45,#ee5a5f 50%,#d93f45);border-radius:.6vmin;width:14vmin;height:10vmin;position:absolute;top:calc(40vh - 9vmin);left:9vw;box-shadow:0 .8vmin 1.4vmin #285a1e40}.an-barn-roof{clip-path:polygon(50% 0,100% 100%,0 100%);background:#8a2a33;height:70%;position:absolute;bottom:96%;left:-12%;right:-12%}.an-barn-door{background:linear-gradient(45deg,#0000 46%,#fff 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#fff 46% 54%,#0000 54%),#b8323a;border:.5vmin solid #fff;border-bottom:0;width:36%;height:62%;position:absolute;bottom:0;left:32%}.an-fence{opacity:.95;filter:drop-shadow(0 .4vmin #785a3c40);background:linear-gradient(#0000 22%,#fff7ea 22% 36%,#0000 36% 62%,#fff7ea 62% 76%,#0000 76%),repeating-linear-gradient(90deg,#0000 0 4vmin,#fff7ea 4vmin 5.6vmin);height:6vmin;position:absolute;top:calc(52vh - 5vmin);left:0;right:0}.an-flowers{pointer-events:none;background:radial-gradient(circle at 6% 30%,#ff7aa8 0 .9vmin,#0000 1vmin),radial-gradient(circle at 18% 70%,#fff 0 .8vmin,#0000 .9vmin),radial-gradient(circle at 31% 45%,#ffd23f 0 .9vmin,#0000 1vmin),radial-gradient(circle at 47% 85%,#ff9f43 0 .8vmin,#0000 .9vmin),radial-gradient(circle at 58% 28%,#fff 0 .7vmin,#0000 .8vmin),radial-gradient(circle at 69% 62%,#ff7aa8 0 .9vmin,#0000 1vmin),radial-gradient(circle at 82% 38%,#b98cff 0 .9vmin,#0000 1vmin),radial-gradient(circle at 93% 78%,#ffd23f 0 .9vmin,#0000 1vmin),radial-gradient(circle at 39% 92%,#fff 0 .8vmin,#0000 .9vmin);height:38vh;position:absolute;bottom:0;left:0;right:0}.an-field{z-index:2;top:calc(var(--safe-top) + 92px);bottom:calc(var(--safe-bottom) + 2vh);--an-size:160px;flex-wrap:wrap;place-content:center;display:flex;position:absolute;left:3vw;right:3vw}.an-slot{width:var(--an-size);height:var(--an-size);cursor:pointer;touch-action:none;transform-origin:50% 85%;flex:none;position:relative}.an-mound{background:radial-gradient(at 50% 18%,#b9f08a 0%,#86d85d 45%,#57b63c 100%);border-radius:50% 50% 46% 46%/72% 72% 28% 28%;height:27%;position:absolute;bottom:3%;left:6%;right:6%;box-shadow:inset 0 -1.2vmin #286e1e40,0 1.4vmin 1.6vmin -.4vmin #1e501459}.an-mound i{transform-origin:50% 100%;background:#5fbf45;border-radius:50% 50% 0 0;width:9%;height:30%;position:absolute;bottom:70%}.an-mound i:first-child{left:14%;transform:rotate(-18deg)}.an-mound i:nth-child(2){height:24%;left:80%;transform:rotate(16deg)}.an-mound i:nth-child(3){background:#ff7aa8;border-radius:50%;width:7%;height:7%;bottom:74%;left:66%;box-shadow:0 0 0 .35vmin #ffd1e2}.an-bob{pointer-events:none;height:74%;position:absolute;bottom:17%;left:13%;right:13%}.an-actor{transform-origin:50% 92%;width:100%;height:100%}.an-img{object-fit:contain;filter:drop-shadow(0 1.2vmin .8vmin #283c1e47);width:100%;height:100%;display:block}.an-slot.an-winner{z-index:3;animation:an-win .55s var(--spring) forwards}.an-slot.an-leave{pointer-events:none;animation:.45s ease-in forwards an-leave}.an-slot.an-bye{animation:.3s ease-in forwards pop-out}.an-actor.an-jump{animation:.95s cubic-bezier(.3,.7,.4,1) an-jump}.an-actor.an-wiggle{animation:.9s ease-in-out an-wiggle}.an-actor.an-shy{animation:.75s ease-in-out an-shy}@keyframes an-spin{to{transform:rotate(360deg)}}@keyframes an-drift{0%{transform:translate(-30vmin)}to{transform:translate(calc(100vw + 10vmin))}}@keyframes an-win{0%{transform:scale(1)}to{transform:scale(1.18)}}@keyframes an-leave{to{opacity:0;transform:translateY(18%)scale(.55)}}@keyframes an-jump{0%{transform:none}14%{transform:translateY(4%)scale(1.18,.8)}50%{transform:translateY(-48%)rotate(200deg)scale(1.05)}78%{transform:translateY(0)rotate(360deg)scale(1.12,.88)}90%{transform:translateY(-5%)rotate(360deg)scale(.97,1.03)}to{transform:rotate(360deg)}}@keyframes an-wiggle{0%,to{transform:none}15%{transform:rotate(-12deg)scale(1.06)}30%{transform:rotate(11deg)scale(1.08)}45%{transform:rotate(-9deg)scale(1.06)}60%{transform:rotate(7deg)scale(1.04)}80%{transform:rotate(-3deg)}}@keyframes an-shy{0%,to{transform:none}20%{transform:scale(.86)rotate(-10deg)}40%{transform:scale(.88)rotate(8deg)}60%{transform:scale(.92)rotate(-6deg)}80%{transform:scale(.97)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.an-cloud,.an-sun-rays{animation:none}}.bl-root{--bl-w:120px;background:linear-gradient(#3fa9ff 0%,#74c6ff 35%,#b7e6ff 70%,#e6f8ff 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bl-sky{background:radial-gradient(90% 50% at 22% 10%,#fff5be99,#0000 60%),radial-gradient(70% 40% at 90% 90%,#ffbee659,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.bl-sun{top:calc(var(--safe-top) + 5vmin);aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fffbd0 0%,#ffe45c 45%,#ffbe1a 100%);border-radius:50%;width:clamp(70px,17vmin,160px);position:absolute;left:26%;box-shadow:0 0 0 1.6vmin #ffe45a4d,0 0 8vmin #ffd23cbf}.bl-sun-rays{z-index:-1;background:repeating-conic-gradient(from 0deg, #fff09699 0 8deg, transparent 8deg 24deg);border-radius:50%;animation:50s linear infinite bl-spin;position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%;-webkit-mask:radial-gradient(circle,#000 32%,#0000 70%);mask:radial-gradient(circle,#000 32%,#0000 70%)}.bl-sun-face{position:absolute;top:0;bottom:0;left:0;right:0}.bl-sun-face:before{content:"";background:#6b3d12;border-radius:50%;width:9%;height:11%;position:absolute;top:40%;left:31%;box-shadow:calc(clamp(70px,17vmin,160px)/3.44828) 0 #6b3d12}.bl-sun-face:after{content:"";border:max(2px,.55vmin) solid #0000;border-top:0;border-bottom-color:#6b3d12;border-radius:0 0 999px 999px;width:34%;height:18%;position:absolute;top:50%;left:33%}.bl-cloud{will-change:transform;filter:drop-shadow(0 .7vmin #6ea0dc40);background:#fff;border-radius:999px;width:22vmin;height:7vmin;animation:80s linear infinite bl-drift;position:absolute;left:0}.bl-cloud i{background:#fff;border-radius:50%;position:absolute}.bl-cloud i:first-child{width:42%;height:130%;bottom:25%;left:12%}.bl-cloud i:nth-child(2){width:36%;height:105%;bottom:35%;left:46%}.bl-cloud i:nth-child(3){width:26%;height:75%;bottom:20%;left:66%}.bl-cloud--far{opacity:.7;width:14vmin;height:4.5vmin;animation-duration:130s}.bl-cloud--a{animation-delay:-20s;top:20vh}.bl-cloud--b{animation-delay:-80s;top:46vh}.bl-cloud--c{animation-duration:65s;animation-delay:-40s;top:31vh}.bl-cloud--d{width:26vmin;height:8vmin;animation-duration:75s;animation-delay:-8s;top:62vh}.bl-hills{height:18vh;position:absolute;bottom:0;left:0;right:0}.bl-hills i{border-radius:50%;position:absolute}.bl-hills i:first-child{background:radial-gradient(at 50% 0,#b6ee8a,#7ccf58 60%);width:80%;height:200%;top:30%;left:-20%}.bl-hills i:nth-child(2){background:radial-gradient(at 50% 0,#a4e67a,#68c24c 60%);width:85%;height:220%;top:15%;right:-25%}.bl-hills i:nth-child(3){background:radial-gradient(at 50% 0,#95df6b,#4fb83a 60%);width:70%;height:200%;top:55%;left:20%}.bl-layer{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.bl-balloon{width:var(--bl-w);height:calc(var(--bl-w) * 1.9);pointer-events:auto;touch-action:none;cursor:pointer;will-change:transform;position:absolute;top:0;left:0}.bl-balloon:before{content:"";border-radius:50%;position:absolute;top:-16px;bottom:30%;left:-16px;right:-16px}.bl-body{transform-origin:50% 30%;pointer-events:none;width:100%;height:100%}.bl-body svg{filter:drop-shadow(0 1vmin 1.2vmin #1e326e38);width:100%;height:100%;display:block;overflow:visible}.bl-string{transform-box:fill-box;transform-origin:50% 0;animation:2.4s ease-in-out infinite bl-sway}.bl-balloon.bl-popped{pointer-events:none}.bl-balloon.bl-popped .bl-body{animation:.22s ease-out forwards bl-burst!important}.bl-balloon.bl-leaving{pointer-events:none}.bl-balloon.bl-leaving .bl-body{opacity:0;transition:opacity .9s ease-in .2s}.bl-body.bl-squish{animation:bl-squish .55s var(--spring)}.bl-bits{pointer-events:none;z-index:3;position:absolute;top:0;bottom:0;left:0;right:0}.bl-bit{border-radius:2px;width:1.6vmin;min-width:8px;height:2.4vmin;min-height:12px;margin:-6px 0 0 -4px;animation:.9s cubic-bezier(.2,.7,.4,1) forwards bl-bit;position:absolute}.bl-bit--round{border-radius:50%;height:1.6vmin;min-height:8px}.bl-bit--white{box-shadow:0 0 0 1px #b9c6d8}@keyframes bl-spin{to{transform:rotate(360deg)}}@keyframes bl-drift{0%{transform:translate(-30vmin)}to{transform:translate(calc(100vw + 10vmin))}}@keyframes bl-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bl-burst{0%{opacity:1;transform:scale(1)}60%{opacity:.6;transform:scale(1.35)}to{opacity:0;transform:scale(1.6)}}@keyframes bl-squish{0%,to{transform:none}25%{transform:scale(1.22,.8)}50%{transform:scale(.86,1.14)}75%{transform:scale(1.06,.95)rotate(-4deg)}}@keyframes bl-bit{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.6);opacity:0}}@media (prefers-reduced-motion:reduce){.bl-cloud,.bl-sun-rays,.bl-string{animation:none}}.pk-root{background:#ffe6cf;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.pk-wall{background:radial-gradient(circle,#ffffff8c 0 .55vmin,#0000 .65vmin) 0 0/6vmin 6vmin,repeating-linear-gradient(90deg,#ffffff47 0 3vmin,#0000 3vmin 6vmin),linear-gradient(#ffd9b8 0%,#ffe8d4 55%,#ffdcbf 100%);position:absolute;top:0;bottom:0;left:0;right:0}.pk-bunting{top:calc(var(--safe-top) + 14px);border-top:2px solid #8c5a3c80;border-radius:0 0 50% 50%/0 0 30% 30%;justify-content:space-between;align-items:flex-start;height:7vmin;display:flex;position:absolute;left:20%;right:20%}.pk-bunting i{aspect-ratio:1/1.2;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:#ff8fab;width:6vmin;max-width:44px;margin-top:-1px;animation:3s ease-in-out infinite pk-flutter}.pk-bunting i:nth-child(5n+2){background:#8fd3ff;animation-delay:-.6s}.pk-bunting i:nth-child(5n+3){background:#ffd23f;animation-delay:-1.2s}.pk-bunting i:nth-child(5n+4){background:#9be27a;animation-delay:-1.8s}.pk-bunting i:nth-child(5n+5){background:#c3a3ff;animation-delay:-2.4s}.pk-floor{background:repeating-linear-gradient(90deg,#0000 0 13vmin,#5a32142e 13vmin calc(13vmin + 2px)),linear-gradient(#d79a62 0%,#c4864f 40%,#b07541 100%);height:16vh;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1.2vmin #e9b383}.pk-rug{background:radial-gradient(#ffd6e4 0 30%,#ff9fbf 30% 45%,#fff2b3 45% 60%,#9fdcff 60% 75%,#ffb3c9 75% 100%);border-radius:50%;width:70vw;max-width:900px;height:9vh;position:absolute;bottom:2vh;left:50%;transform:translate(-50%);box-shadow:0 .6vmin 1.2vmin #5a321440}.pk-area{z-index:2;top:calc(var(--safe-top) + 88px);bottom:calc(var(--safe-bottom) + 3vh);flex-wrap:wrap;place-content:center;display:flex;position:absolute;left:4vw;right:4vw}.pk-window{width:var(--pk-w,300px);height:calc(var(--pk-w,300px) * 1.3);margin:0 calc(var(--pk-w,300px) * .08);flex:none;position:relative}.pk-frame{background:linear-gradient(160deg,#fff 0%,#f6ede2 60%,#e9dccb 100%);border-radius:50% 50% 5% 5%/32% 32% 4% 4%;position:absolute;top:0;bottom:11%;left:0;right:0;box-shadow:0 1.4vmin 2.4vmin #78461e40,inset 0 -.6vmin #a0785033}.pk-pane{isolation:isolate;border-radius:50% 50% 3% 3%/30% 30% 3% 3%;position:absolute;top:6.5%;bottom:6.5%;left:6.5%;right:6.5%;overflow:hidden;box-shadow:inset 0 0 0 .5vmin #966e4640}.pk-garden{background:linear-gradient(#5ec2ff 0%,#a6e0ff 60%,#d9f5ff 100%);position:absolute;top:0;bottom:0;left:0;right:0}.pk-garden-hill{background:radial-gradient(at 50% 0,#a8ea7c,#6fcd4c 50%,#4fb83a);border-radius:50%;height:80%;position:absolute;top:62%;left:-30%;right:-30%}.pk-garden-sun{aspect-ratio:1;background:radial-gradient(circle at 40% 40%,#fff7b0,#ffd23f 60%,#ffbe1a);border-radius:50%;width:18%;position:absolute;top:10%;right:14%;box-shadow:0 0 4vmin #ffd23cb3}.pk-animal{pointer-events:none;height:72%;position:absolute;bottom:5%;left:12%;right:12%}.pk-actor{transform-origin:50% 95%;width:100%;height:100%}.pk-img{object-fit:contain;filter:drop-shadow(0 1vmin .8vmin #1e3c144d);width:100%;height:100%;display:block}.pk-actor.pk-peeking{animation:3.4s ease-in-out infinite pk-peek}.pk-actor.pk-jump{animation:.9s cubic-bezier(.3,.7,.4,1) pk-jump}.pk-actor.pk-wiggle{animation:.9s ease-in-out pk-wiggle}.pk-fog{z-index:2;touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity .7s ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pk-sparkles{z-index:3;pointer-events:none;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.pk-sparkles i{aspect-ratio:1;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;filter:drop-shadow(0 0 3px #96c8ffe6);background:#fff;width:7%;margin:-3.5% 0 0 -3.5%;animation:2.4s ease-in-out infinite pk-twinkle;position:absolute}.pk-revealed .pk-fog{opacity:0;pointer-events:none}.pk-revealed .pk-sparkles{opacity:0}.pk-curtain{z-index:3;pointer-events:none;filter:drop-shadow(0 .8vmin .8vmin #78283c40);background:repeating-linear-gradient(90deg,#ffffff2e 0 12%,#b4285a1f 12% 25%),linear-gradient(#ff9dbb,#ff7fa6);width:20%;position:absolute;top:-2%;bottom:13%}.pk-curtain--l{clip-path:polygon(0 0,100% 0,55% 52%,80% 100%,0 100%);border-radius:0 0 0 1vmin;left:-10%}.pk-curtain--r{clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,45% 52%);right:-10%}.pk-sill{z-index:4;pointer-events:none;background:linear-gradient(#fffaf3,#eadbc6);border-radius:1vmin;height:7.5%;position:absolute;bottom:5%;left:-7%;right:-7%;box-shadow:0 1vmin 1.4vmin #78461e47}.pk-pot{aspect-ratio:1/.85;width:12%;position:absolute;bottom:85%;right:9%}.pk-pot:before{content:"";clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:linear-gradient(90deg,#d9653b,#f08a5d 50%,#c95530);position:absolute;top:0;bottom:0;left:0;right:0}.pk-pot i{position:absolute}.pk-pot i:first-child{background:#4fb83a;width:8%;height:110%;bottom:100%;left:46%}.pk-pot i:nth-child(2){aspect-ratio:1;background:radial-gradient(circle,#ffd23f 0 30%,#ff7aa8 32%);border-radius:50%;width:64%;bottom:190%;left:18%}.pk-pot i:nth-child(3){background:#6fcd4c;border-radius:50% 0;width:40%;height:26%;bottom:130%;left:55%}.pk-window.pk-bye{animation:.35s ease-in forwards pop-out}@keyframes pk-flutter{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes pk-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes pk-peek{0%,55%,to{transform:translateY(26%)rotate(0)}66%{transform:translateY(8%)rotate(-7deg)}74%{transform:translateY(6%)rotate(7deg)}82%{transform:translateY(8%)rotate(-4deg)}90%{transform:translateY(22%)rotate(0)}}@keyframes pk-jump{0%{transform:translateY(20%)scale(1)}20%{transform:translateY(24%)scale(1.15,.85)}55%{transform:translateY(-16%)scale(.95,1.08)}80%{transform:translateY(0)scale(1.08,.92)}to{transform:none}}@keyframes pk-wiggle{0%,to{transform:none}15%{transform:rotate(-11deg)scale(1.06)}30%{transform:rotate(10deg)scale(1.08)}45%{transform:rotate(-8deg)scale(1.06)}60%{transform:rotate(6deg)scale(1.04)}80%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.pk-bunting i,.pk-sparkles i{animation:none}}.fd-root{background:linear-gradient(#57bdff 0%,#93d8ff 35%,#d7f3ff 58%,#eafaff 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.fd-sky{background:radial-gradient(100% 50% at 50% 0,#fff8cd8c,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0}.fd-sun{top:calc(var(--safe-top) + 4vmin);aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff7b0 0%,#ffe14d 45%,#ffc21f 100%);border-radius:50%;width:clamp(60px,12vmin,120px);margin-left:-6vmin;animation:4s ease-in-out infinite fd-pulse;position:absolute;left:50%;box-shadow:0 0 0 1.4vmin #ffe45a4d,0 0 7vmin #ffd23cb3}.fd-cloud{will-change:transform;filter:drop-shadow(0 .6vmin #78aadc40);background:#fff;border-radius:999px;width:20vmin;height:6vmin;animation:85s linear infinite fd-drift;position:absolute;left:0}.fd-cloud i{background:#fff;border-radius:50%;position:absolute}.fd-cloud i:first-child{width:42%;height:130%;bottom:25%;left:12%}.fd-cloud i:nth-child(2){width:36%;height:105%;bottom:35%;left:46%}.fd-cloud i:nth-child(3){width:26%;height:75%;bottom:20%;left:66%}.fd-cloud--a{top:calc(var(--safe-top) + 13vh);animation-delay:-25s}.fd-cloud--b{top:calc(var(--safe-top) + 22vh);opacity:.7;width:13vmin;height:4vmin;animation-duration:130s;animation-delay:-90s}.fd-cloud--c{top:calc(var(--safe-top) + 7vh);width:24vmin;height:7vmin;animation-duration:70s;animation-delay:-50s}.fd-hill{border-radius:50%;position:absolute}.fd-hill--back{background:radial-gradient(at 50% 0,#b4ec85,#80d25c 50%,#62bf47);width:110vw;height:70vh;top:36vh;right:-30vw}.fd-hill--front{background:radial-gradient(at 50% 0,#9be36f,#74cf50 35%,#55ba3d);width:150vw;height:100vh;top:48vh;left:-25vw}.fd-tree{width:24vmin;height:32vmin;position:absolute;top:calc(48vh - 30vmin);left:4vw}.fd-tree b{background:linear-gradient(90deg,#8b5a2b,#a8713b 50%,#7a4b20);border-radius:1vmin;width:12%;height:45%;position:absolute;bottom:0;left:44%}.fd-tree i{background:radial-gradient(circle at 35% 30%,#8fe36a,#4fb83a 70%);border-radius:50%;position:absolute}.fd-tree i:first-child{aspect-ratio:1;width:55%;top:18%;left:5%}.fd-tree i:nth-child(2){aspect-ratio:1;width:58%;top:8%;left:38%}.fd-tree i:nth-child(3){aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#a6ee7e,#5bc244 70%);width:50%;top:0;left:20%}.fd-flowers{pointer-events:none;background:radial-gradient(circle at 5% 20%,#ff7aa8 0 .9vmin,#0000 1vmin),radial-gradient(circle at 15% 60%,#fff 0 .8vmin,#0000 .9vmin),radial-gradient(circle at 28% 35%,#ffd23f 0 .9vmin,#0000 1vmin),radial-gradient(circle at 44% 15%,#b98cff 0 .8vmin,#0000 .9vmin),radial-gradient(circle at 63% 22%,#fff 0 .7vmin,#0000 .8vmin),radial-gradient(circle at 76% 12%,#ff7aa8 0 .9vmin,#0000 1vmin),radial-gradient(circle at 92% 30%,#ffd23f 0 .9vmin,#0000 1vmin),radial-gradient(circle at 8% 88%,#ff9f43 0 .9vmin,#0000 1vmin);height:50vh;position:absolute;bottom:0;left:0;right:0}.fd-zone{z-index:2;width:46vw;left:3vw;top:calc(var(--safe-top) + 90px);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;bottom:5vh}.fd-glow{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff096d9,#fff09600 65%);border-radius:50%;width:min(90%,70vh,440px);transition:opacity .25s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.fd-zone.fd-near .fd-glow{opacity:1}.fd-bob{z-index:1;aspect-ratio:1;transform-origin:50% 100%;max-width:100%;height:80%;max-height:280px;animation:4.2s ease-in-out infinite fd-idle;position:relative}.fd-actor{transform-origin:50% 90%;width:100%;height:100%;transition:scale .25s var(--spring)}.fd-zone.fd-near .fd-actor{scale:1.08}.fd-img{object-fit:contain;filter:drop-shadow(0 1.4vmin 1vmin #283c1e4d);width:100%;height:100%;display:block}.fd-plate{z-index:2;aspect-ratio:3.4;background:radial-gradient(at 50% 45%,#fff 0 48%,#e7edf6 52% 60%,#fff 63% 100%);border-radius:50%;width:min(62%,52vh,330px);margin-top:max(-11%,-42px);position:relative;box-shadow:0 1vmin 1.6vmin #283c1e47,inset 0 -.5vmin #96aac866}.fd-actor.fd-hop-in{animation:fd-hop-in .7s var(--spring)}.fd-actor.fd-hop-out{animation:.38s ease-in forwards fd-hop-out}.fd-actor.fd-chomp{animation:.28s ease-out fd-chomp}.fd-actor.fd-happy{animation:1s ease-in-out fd-happy}.fd-actor.fd-no{animation:.8s ease-in-out fd-no}.fd-picnic{z-index:3;width:47vw;position:absolute;top:30vh;bottom:3vh;right:3vw}.fd-blanket{transform-origin:50% 100%;background-color:#fff6f0;background-image:linear-gradient(90deg,#ff527080 50%,#0000 50%),linear-gradient(#ff527080 50%,#0000 50%);background-size:8vmin 8vmin;border-radius:3vmin;position:absolute;top:4%;bottom:0;left:0;right:0;transform:perspective(900px)rotateX(32deg);box-shadow:0 1.6vmin 2vmin #28461e4d,inset 0 0 0 1vmin #fff9}.fd-foods{flex-wrap:wrap;place-content:center;display:flex;position:absolute;top:13%;bottom:5%;left:4%;right:4%}.fd-food{width:var(--fd-size,140px);height:var(--fd-size,140px);touch-action:none;cursor:grab;flex:none;position:relative}.fd-food.dragging{z-index:10;cursor:grabbing}.fd-food-in{position:absolute;top:0;bottom:0;left:0;right:0}.fd-food-bob{animation:3s ease-in-out infinite float;position:absolute;top:7%;bottom:7%;left:7%;right:7%}.fd-food-img{object-fit:contain;filter:drop-shadow(0 .8vmin .6vmin #5a1e1e40);width:100%;height:100%;display:block}.fd-food-shadow{background:#6e282838;border-radius:50%;height:9%;position:absolute;bottom:3%;left:24%;right:24%}.fd-food.dragging .fd-food-shadow{opacity:0}.fd-food.dragging .fd-food-bob{animation-play-state:paused}.fd-busy .fd-food{pointer-events:none}.fd-food.fd-bye{animation:.3s ease-in forwards pop-out}@media (orientation:portrait){.fd-zone{width:auto;left:4vw;right:4vw;top:calc(var(--safe-top) + 84px);height:42vh;bottom:auto}.fd-picnic{width:auto;top:56vh;left:3vw;right:3vw;bottom:calc(var(--safe-bottom) + 2vh)}.fd-tree{top:calc(48vh - 34vmin)}}@keyframes fd-drift{0%{transform:translate(-30vmin)}to{transform:translate(calc(100vw + 10vmin))}}@keyframes fd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes fd-idle{0%,to{transform:none}20%{transform:translateY(-3%)scale(1.02,.98)}40%{transform:none}58%{transform:rotate(4deg)}66%{transform:rotate(-3deg)}74%{transform:rotate(2deg)}82%{transform:none}}@keyframes fd-hop-in{0%{opacity:0;transform:translateY(60%)scale(.2)}60%{opacity:1;transform:translateY(-8%)scale(1.08,.94)}to{transform:none}}@keyframes fd-hop-out{to{opacity:0;transform:translateY(40%)scale(.2)}}@keyframes fd-chomp{0%,to{transform:none}40%{transform:scale(1.12,.86)}75%{transform:scale(.95,1.06)}}@keyframes fd-happy{0%,to{transform:none}20%{transform:translateY(-14%)rotate(-8deg)}40%{transform:translateY(0)rotate(6deg)scale(1.05,.95)}60%{transform:translateY(-8%)rotate(-5deg)}80%{transform:translateY(0)rotate(3deg)}}@keyframes fd-no{0%,to{transform:none}15%{transform:translate(-4%)rotate(-7deg)}35%{transform:translate(4%)rotate(7deg)}55%{transform:translate(-3%)rotate(-5deg)}75%{transform:translate(2%)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.fd-cloud,.fd-sun{animation:none}}.shp-root{--hole:clamp(84px, min(36vw, 26vh), 210px);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.shp-root[data-n="3"]{--hole:clamp(80px, min(24vw, 20vh), 170px)}.shp-root[data-n="4"]{--hole:clamp(80px, min(32vw, 19vh), 180px)}@media (orientation:landscape){.shp-root{--hole:clamp(84px, min(22vw, 32vh), 220px)}.shp-root[data-n="3"]{--hole:clamp(80px, min(14vw, 26vh), 180px)}.shp-root[data-n="4"]{--hole:clamp(80px, min(15vw, 25vh), 180px)}}.shp-defs{width:0;height:0;position:absolute;overflow:hidden}.shp-scene,.shp-scene>*{pointer-events:none;position:absolute}.shp-scene{top:0;bottom:0;left:0;right:0}.shp-wall{background:radial-gradient(circle at 20% 30%,#ffffff8c 0 7px,#0000 8px) 0 0/64px 64px,radial-gradient(circle at 70% 75%,#fff6 0 5px,#0000 6px) 0 0/64px 64px,linear-gradient(#d9c8ff 0%,#f4c9e6 62%,#ffd9cf 100%);top:0;bottom:0;left:0;right:0}.shp-floor{background:repeating-linear-gradient(90deg,#7842182e 0 3px,#0000 3px 22%),linear-gradient(#f2b97a,#d9925a);height:26%;bottom:0;left:0;right:0;box-shadow:0 -10px #ffe6c9,0 -14px 24px #783c1e2e}.shp-rug{opacity:.8;background:radial-gradient(#fff4fb 0 30%,#ffb3d9 31% 46%,#fff4fb 47% 60%,#b9a6ff 61% 74%,#fff4fb 75%);border-radius:50%;width:min(130vw,1100px);height:22%;bottom:4%;left:50%;transform:translate(-50%)}.shp-bunting{top:calc(var(--safe-top) + 6px);justify-content:space-between;width:min(52vw,520px);height:64px;display:flex;left:50%;transform:translate(-50%)}.shp-bunting i{width:9%;height:38px;margin-top:calc((16 - (var(--i) - 4) * (var(--i) - 4)) * 1.1px);clip-path:polygon(0 0,100% 0,50% 100%);background:hsl(calc(var(--i) * 40) 90% 70%);transform-origin:top;animation:3s ease-in-out infinite shp-flutter;animation-delay:calc(var(--i) * -.35s)}@keyframes shp-flutter{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.shp-play{padding:calc(var(--safe-top) + 88px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4.5vh,56px);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (orientation:landscape){.shp-play{padding:calc(var(--safe-top) + 56px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 24px);flex-direction:row;gap:clamp(24px,5vw,90px)}}.shp-board{z-index:1;grid-template-columns:repeat(2, var(--hole));background:radial-gradient(60% 18% at 30% 22%,#ffffff38,#0000 70%),repeating-linear-gradient(93deg,#fff0d21a 0 2px,#0000 2px 11px),repeating-linear-gradient(87deg,#6e370f1a 0 3px,#0000 3px 29px),repeating-radial-gradient(160% 40% at 10% 120%,#783c141a 0 2px,#0000 2px 18px),linear-gradient(#f0b46c,#d4873f);border-radius:clamp(26px,5vmin,44px);gap:clamp(12px,2.4vmin,26px);padding:clamp(16px,3.4vmin,34px);display:grid;position:relative;box-shadow:inset 0 5px #fff5e18c,inset 0 -8px #783c1440,0 12px #9a5a24,0 26px 38px #461e0a59}.shp-root[data-n="3"] .shp-board{grid-template-columns:repeat(3, var(--hole))}.shp-board:before,.shp-board:after{content:"";background:radial-gradient(circle at 35% 35%,#ffe2b6,#b06b2c 70%);border-radius:50%;width:14px;height:14px;position:absolute;top:10px;box-shadow:0 2px #5a280a59}.shp-board:before{left:10px}.shp-board:after{right:10px}.shp-hole{width:var(--hole);height:var(--hole);position:relative}.shp-hole:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fffabee6,#ffe67800 65%);border-radius:50%;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%;transform:scale(.6)}.shp-hole.shp-glow:after{animation:1.1s ease-out forwards shp-glow}@keyframes shp-glow{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.shp-svg{width:100%;height:100%;display:block;overflow:visible}.shp-tray{z-index:2;grid-template-columns:repeat(2, calc(var(--hole) * .9));justify-items:center;gap:clamp(14px,3vmin,30px);display:grid;position:relative}.shp-tray[data-n="1"]{grid-template-columns:calc(var(--hole) * .9)}.shp-tray[data-n="3"]{grid-template-columns:repeat(3, calc(var(--hole) * .9))}@media (orientation:landscape){.shp-tray[data-n="3"]{grid-template-columns:repeat(2, calc(var(--hole) * .9))}}.shp-piece{width:calc(var(--hole) * .9);height:calc(var(--hole) * .9);cursor:grab;will-change:transform;position:relative}.shp-piece.dragging{z-index:10;cursor:grabbing}.shp-piece.dragging,.shp-piece.shp-snapped{animation:none!important}.shp-piece.shp-snapped{pointer-events:none}.shp-tilt{width:100%;height:100%;transform:rotate(var(--tilt,0deg));transition:transform .35s var(--spring)}.shp-snapped .shp-tilt,.dragging .shp-tilt{animation:none;transform:rotate(0)}.shp-tilt.shp-float{animation:2.4s ease-in-out infinite shp-bob}@keyframes shp-bob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--tilt,0deg) * -1))}}.shp-inner{filter:drop-shadow(0 9px #3c14282e)drop-shadow(0 14px 12px #3c142838);width:100%;height:100%;transition:filter .25s}.dragging .shp-inner{filter:drop-shadow(0 22px 14px #3c142847)}.shp-snapped .shp-inner{filter:drop-shadow(0 2px 1px #280f0059)}.shp-pop{animation:pop-in .55s var(--spring) both}.shp-out{animation:.3s ease-in forwards pop-out!important}@media (prefers-reduced-motion:reduce){.shp-bunting i,.shp-tilt.shp-float{animation:none}}.cnt-root{background:#8fd3ff;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cnt-bg{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cnt-bg.on{opacity:1}.cnt-bg>*,.cnt-bg i{display:block;position:absolute}.cnt-bg-picnic{background:linear-gradient(#6ec6ff 0%,#bde9ff 55%,#e9f9ff 100%)}.cnt-bg-pond{background:linear-gradient(#7fd6f5 0%,#c6f1ff 55%,#eafcff 100%)}.cnt-bg-night{background:linear-gradient(#151a46 0%,#2c3285 50%,#5a4aa6 100%)}.cnt-sun{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff6b0,#ffd23f 55%,#ffb81f);border-radius:50%;width:clamp(80px,18vmin,170px);animation:6s ease-in-out infinite cnt-sun;top:7%;left:62%;box-shadow:0 0 0 14px #ffdc5040,0 0 60px 20px #ffdc5073}@keyframes cnt-sun{50%{transform:scale(1.06)rotate(8deg)}}.cnt-cloud{opacity:.92;filter:drop-shadow(0 6px #78aadc40);background:#fff;border-radius:999px;width:clamp(110px,24vmin,240px);height:clamp(36px,7vmin,70px);animation:26s linear infinite cnt-drift}.cnt-cloud:before,.cnt-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cnt-cloud:before{aspect-ratio:1;width:46%;bottom:30%;left:14%}.cnt-cloud:after{aspect-ratio:1;width:34%;bottom:36%;left:50%}.cnt-cloud.c1{top:16%;left:-10%}.cnt-cloud.c2{animation-duration:34s;animation-delay:-12s;top:28%;left:40%;transform:scale(.7)}.cnt-cloud.c3{animation-duration:40s;animation-delay:-25s;top:9%;left:80%;transform:scale(.8)}@keyframes cnt-drift{0%{translate:-30vw}to{translate:120vw}}.cnt-hill{border-radius:50%}.cnt-hill.h1{background:linear-gradient(#7fdc5c,#4fb83a);height:70%;bottom:-30%;left:-20%;right:25%}.cnt-hill.h2{background:linear-gradient(#95e86c,#5cc645);height:74%;bottom:-36%;left:30%;right:-25%}.cnt-bg-night .cnt-hill.h1{background:linear-gradient(#2f3a8a,#1e2563)}.cnt-bg-night .cnt-hill.h2{background:linear-gradient(#3b4699,#252e70)}.cnt-flowers{height:40px;bottom:3%;left:0;right:0}.cnt-flowers i{background:radial-gradient(circle,#ffd23f 0 28%,#fff 30% 100%);border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 3px #ffffff80}.cnt-flowers i:first-child{bottom:8px;left:5%}.cnt-flowers i:nth-child(2){background:radial-gradient(circle,#ffd23f 0 28%,#ff8fc8 30%);bottom:26px;left:14%}.cnt-flowers i:nth-child(3){bottom:4px;left:26%}.cnt-flowers i:nth-child(4){background:radial-gradient(circle,#ffd23f 0 28%,#b9a6ff 30%);bottom:20px;left:41%}.cnt-flowers i:nth-child(5){bottom:6px;left:55%}.cnt-flowers i:nth-child(6){background:radial-gradient(circle,#ffd23f 0 28%,#ff8fc8 30%);bottom:28px;left:66%}.cnt-flowers i:nth-child(7){bottom:10px;left:78%}.cnt-flowers i:nth-child(8){background:radial-gradient(circle,#ffd23f 0 28%,#ffb36b 30%);bottom:24px;left:88%}.cnt-flowers i:nth-child(9){bottom:4px;left:95%}.cnt-reeds{height:30%;bottom:0;left:0;right:0}.cnt-reeds i{transform-origin:bottom;background:linear-gradient(#8a5a2b 0 18%,#4fae3a 18%);border-radius:10px 10px 0 0;width:12px;height:70%;animation:4s ease-in-out infinite cnt-sway;bottom:-10px}.cnt-reeds i:first-child{height:60%;left:3%}.cnt-reeds i:nth-child(2){height:80%;animation-delay:-1s;left:7%}.cnt-reeds i:nth-child(3){height:70%;animation-delay:-2s;right:9%}.cnt-reeds i:nth-child(4){height:90%;animation-delay:-.5s;right:5%}.cnt-reeds i:nth-child(5){height:55%;animation-delay:-3s;right:1%}@keyframes cnt-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.cnt-twinkles{top:0;bottom:0;left:0;right:0}.cnt-twinkles i{width:var(--s);height:var(--s);animation:2.5s ease-in-out infinite cnt-twinkle;animation-delay:var(--t);background:#fff8d0;border-radius:50%;box-shadow:0 0 6px 2px #fff5beb3}@keyframes cnt-twinkle{50%{opacity:.25;transform:scale(.6)}}.cnt-moon{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#fffbe0,#ffe48a 70%);border-radius:50%;width:clamp(70px,15vmin,140px);top:12%;left:14%;box-shadow:0 0 50px 16px #fff0a073;-webkit-mask:radial-gradient(circle at 78% 30%,#0000 38%,#000 39%);mask:radial-gradient(circle at 78% 30%,#0000 38%,#000 39%)}.cnt-play{padding:calc(var(--safe-top) + 92px) 16px calc(var(--safe-bottom) + 76px);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (orientation:landscape){.cnt-play{padding:calc(var(--safe-top) + 40px) calc(var(--safe-right) + 96px) calc(var(--safe-bottom) + 64px) calc(var(--safe-left) + 96px)}}.cnt-field,.cnt-groups{isolation:isolate;position:relative}.cnt-field:before,.cnt-groups:before{content:"";z-index:-1;pointer-events:none;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%}.cnt-groups:before{top:-18px;bottom:-18px;left:-18px;right:-18px}.cnt-dice{--f:min(80vw, calc(100vh - 250px), 520px);width:var(--f);height:var(--f)}@media (orientation:landscape){.cnt-dice{--f:min(70vw, calc(100vh - 130px), 540px)}}.cnt-grid{--c:min(40vw, calc((100vh - 270px) / var(--k)), 150px);grid-template-columns:repeat(2, var(--c));grid-auto-rows:var(--c);gap:clamp(6px,1.6vmin,18px);padding:clamp(10px,2vmin,22px);display:grid}@media (orientation:landscape){.cnt-grid{--c:min(calc((100vw - 260px) / var(--k)), calc((100vh - 170px) / 2), 170px);grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2, var(--c));grid-auto-columns:var(--c)}}[data-scene=picnic] .cnt-field:before,[data-scene=picnic] .cnt-groups:before{--gs:clamp(14px, 3.4vmin, 28px);background:repeating-linear-gradient(0deg, #ff566e80 0 var(--gs), transparent var(--gs) calc(var(--gs) * 2)), repeating-linear-gradient(90deg, #ff566e80 0 var(--gs), transparent var(--gs) calc(var(--gs) * 2)), #fffaf2;border-radius:28px;transform:rotate(-2.5deg);box-shadow:0 10px #b43c4640,0 22px 30px #285a1e40}[data-scene=pond] .cnt-field:before,[data-scene=pond] .cnt-groups:before{background:repeating-radial-gradient(at 40% 45%,#fff0 0 26px,#ffffff38 27px 29px),radial-gradient(at 45% 40%,#8fe2ff,#3aa6e6 65%,#2a86c9);border-radius:50%;box-shadow:0 0 0 clamp(8px,2vmin,16px) #b8ec8a,0 18px 30px #1450784d}[data-scene=pond] .cnt-field:before{top:-10%;bottom:-10%;left:-10%;right:-10%}[data-scene=pond] .cnt-groups:before{border-radius:44px}[data-scene=night] .cnt-field:before{background:radial-gradient(circle,#ffeca04d,#ffeca000 68%);border-radius:50%;top:-14%;bottom:-14%;left:-14%;right:-14%}.cnt-obj{cursor:pointer;touch-action:none;position:absolute}.cnt-grid .cnt-obj{width:100%;height:100%;position:relative}.cnt-obj:before{content:"";opacity:0;transition:opacity .25s, transform .45s var(--spring);pointer-events:none;background:radial-gradient(circle,#fff8aaf2 0 35%,#ffdc5a80 55%,#ffdc5a00 70%);border-radius:50%;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%;transform:scale(.4)}.cnt-obj.cnt-on:before{opacity:1;transform:scale(1)}.cnt-pic{place-items:center;width:100%;height:100%;display:grid;position:relative}.cnt-pic>img,.cnt-emoji{object-fit:contain;filter:drop-shadow(0 6px 4px #00000038);width:92%;height:92%}.cnt-emoji{font-size:calc(var(--f,120px) * .2);place-items:center;line-height:1;display:grid}.cnt-obj:not(.cnt-on) .cnt-pic>img{animation:2.2s ease-in-out infinite cnt-breathe;animation-delay:var(--d,0s)}.cnt-mini .cnt-pic>img{animation:none!important}@keyframes cnt-breathe{50%{transform:scale(1.06)rotate(-3deg)}}.cnt-on .cnt-pic>img{transition:transform .3s var(--spring);transform:scale(1.1)}.cnt-groups{--g:min(62vw, calc((100vh - 240px) / var(--k)), 290px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vmin,36px);display:flex}@media (orientation:landscape){.cnt-groups{--g:min(calc((100vw - 280px) / var(--k)), calc(100vh - 150px), 330px);flex-direction:row;gap:clamp(20px,4vw,60px)}}.cnt-group{width:var(--g);height:var(--g);cursor:pointer;transition:opacity .4s,filter .4s;position:relative}.cnt-group-inner{pointer-events:none;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.cnt-group.cnt-dim{opacity:.35;filter:saturate(.5)}.cnt-group.cnt-picked{animation:1.2s ease-in-out infinite cnt-picked}@keyframes cnt-picked{50%{transform:scale(1.06)}}.cnt-group:before{content:"";pointer-events:none;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}[data-scene=picnic] .cnt-group:before{filter:drop-shadow(0 8px 6px #3c5a284d);background:radial-gradient(circle,#fff 0 50%,#e7edf3 51% 56%,#fff 57% 64%,#d9e2ec 65% 69%,#0000 70%)}[data-scene=pond] .cnt-group:before{background:radial-gradient(circle, #ffffff2e 0 3%, transparent 4%), conic-gradient(from 30deg, transparent 0 14deg, #6fd35f 14deg 360deg);filter:drop-shadow(0 6px 4px #14462859);top:-4%;bottom:-4%;left:-4%;right:-4%;-webkit-mask:radial-gradient(circle,#000 69%,#0000 70%);mask:radial-gradient(circle,#000 69%,#0000 70%)}[data-scene=night] .cnt-group:before{background:radial-gradient(circle at 40% 35%,#fff,#dfe3ff 70%);border-radius:46% 54% 50% 50%/55% 50% 50% 45%;top:6%;bottom:6%;left:6%;right:6%;box-shadow:0 0 40px 10px #c8d2ff59}.cnt-group.cnt-picked:after{content:"";pointer-events:none;border-radius:50%;position:absolute;top:-6%;bottom:-6%;left:-6%;right:-6%;box-shadow:0 0 0 6px #fff08cf2,0 0 36px 12px #ffe664b3}.cnt-tally{left:50%;bottom:calc(var(--safe-bottom) + 14px);pointer-events:none;gap:clamp(4px,1.2vmin,10px);transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.cnt-tally-out{opacity:0}.cnt-dot{--s:clamp(24px, 7.4vmin, 46px);width:var(--s);height:var(--s);background:#ffffff8c;border-radius:50%;position:relative;box-shadow:inset 0 3px #00000014,0 2px #fff9}.cnt-dot:after{content:"";transition:transform .4s var(--spring);background:url(/art/star.webp) 50%/contain no-repeat;position:absolute;top:-12%;bottom:-12%;left:-12%;right:-12%;transform:scale(0)}.cnt-dot.on:after{transform:scale(1)}.cnt-pop{animation:pop-in .55s var(--spring) both}.cnt-out{animation:.3s ease-in forwards pop-out!important}@media (prefers-reduced-motion:reduce){.cnt-cloud,.cnt-reeds i,.cnt-twinkles i,.cnt-sun,.cnt-obj .cnt-pic>img{animation:none!important}}.ted-root{background:#ffe3d3;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ted-scene,.ted-scene>*{pointer-events:none;position:absolute}.ted-scene{top:0;bottom:0;left:0;right:0}.ted-scene i{display:block;position:absolute}.ted-wall{background:radial-gradient(circle,#ffffff80 0 4px,#0000 5px) 0 0/80px 80px,repeating-linear-gradient(90deg,#ffe6d6 0 44px,#ffdccb 44px 88px);top:0;bottom:0;left:0;right:0}.ted-window{left:7%;top:max(16%, calc(var(--safe-top) + 96px));aspect-ratio:4/5;background:#fff;border-radius:999px 999px 18px 18px;width:clamp(110px,26vmin,240px);padding:clamp(7px,1.4vmin,12px);box-shadow:0 8px #aa64502e,0 16px 26px #783c282e}.ted-sky{border-radius:inherit;background:linear-gradient(#1c2366,#4a4fa8 70%,#8b74c9);position:absolute;top:clamp(7px,1.4vmin,12px);bottom:clamp(7px,1.4vmin,12px);left:clamp(7px,1.4vmin,12px);right:clamp(7px,1.4vmin,12px);overflow:hidden}.ted-sky .ted-moon{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#fffbe0,#ffe28a 75%);border-radius:50%;width:34%;top:14%;left:52%;box-shadow:0 0 22px 6px #fff0a080;-webkit-mask:radial-gradient(circle at 80% 28%,#0000 40%,#000 41%);mask:radial-gradient(circle at 80% 28%,#0000 40%,#000 41%)}.ted-sky i:not(.ted-moon){background:#fff8cf;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite ted-twinkle;box-shadow:0 0 8px 2px #fff6becc}.ted-sky .s1{top:22%;left:18%}.ted-sky .s2{animation-delay:-.8s;top:52%;left:30%}.ted-sky .s3{animation-delay:-1.5s;top:62%;left:70%}.ted-sky .s4{width:4px;height:4px;animation-delay:-2s;top:80%;left:46%}@keyframes ted-twinkle{50%{opacity:.3;transform:scale(.5)}}.ted-bars{background:linear-gradient(90deg,#0000 calc(50% - 4px),#fff calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px)),linear-gradient(#0000 calc(55% - 4px),#fff calc(55% - 4px) calc(55% + 4px),#0000 calc(55% + 4px));border-radius:999px 999px 10px 10px;position:absolute;top:clamp(7px,1.4vmin,12px);bottom:clamp(7px,1.4vmin,12px);left:clamp(7px,1.4vmin,12px);right:clamp(7px,1.4vmin,12px)}.ted-curtain{background:repeating-linear-gradient(90deg,#ff9fc4 0 10px,#ffb6d2 10px 20px);width:34%;position:absolute;top:-6%;bottom:-8%;box-shadow:0 6px 10px #a03c6433}.ted-curtain.l{border-radius:10px 4px 50% 30%/10px 4px 20% 12%;left:-14%}.ted-curtain.r{border-radius:4px 10px 30% 50%/4px 10px 12% 20%;right:-14%}.ted-garland{top:calc(var(--safe-top) + 8px);justify-content:space-between;width:min(48vw,460px);display:flex;left:50%;transform:translate(-50%)}.ted-garland i{aspect-ratio:1;width:clamp(18px,4vmin,34px);margin-top:calc((9 - (var(--i) - 3) * (var(--i) - 3)) * 2px);background:hsl(calc(var(--i) * 48 + 330) 85% 74%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:3s ease-in-out infinite ted-swing;animation-delay:calc(var(--i) * -.4s);transform-origin:top;position:relative!important}@keyframes ted-swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.ted-lamp{aspect-ratio:3/4;width:clamp(60px,13vmin,120px);bottom:20%;right:7%}.ted-lamp .shade{clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(#fff3a8,#ffd25e);height:52%;top:0;left:10%;right:10%}.ted-lamp .glow{background:radial-gradient(circle,#ffec968c,#ffec9600 65%);border-radius:50%;height:160%;animation:4s ease-in-out infinite ted-glow;top:-40%;left:-60%;right:-60%}.ted-lamp:after{content:"";background:#c98b66;width:12%;position:absolute;top:52%;bottom:0;left:44%;box-shadow:0 0 #0000}.ted-lamp:before{content:"";background:#b37552;border-radius:50%;height:10%;position:absolute;bottom:0;left:20%;right:20%}@keyframes ted-glow{50%{opacity:.6;transform:scale(.94)}}.ted-floor{background:repeating-linear-gradient(90deg,#78421829 0 3px,#0000 3px 18%),linear-gradient(#e8a86b,#cf8a4f);height:24%;bottom:0;left:0;right:0;box-shadow:0 -10px #fff2e6}.ted-rug{background:repeating-radial-gradient(#b9e6ff 0 12px,#e6f6ff 12px 24px,#c9b8ff 24px 36px,#f0eaff 36px 48px);border-radius:50%;width:min(96vw,760px);height:16%;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 6px #5a3c8c26}.ted-holder{padding:calc(var(--safe-top) + 64px) 12px calc(var(--safe-bottom) + 3vh);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ted-jump{transform-origin:50% 100%}.ted-tilt{transform-origin:50% 100%;animation:9s ease-in-out infinite ted-tilt}@keyframes ted-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}55%{transform:rotate(0)}78%{transform:rotate(2.5deg)}}.ted-bear{transform-origin:50% 96%;pointer-events:auto;touch-action:none;width:min(88vw,74.6154vh - 69.2308px,560px);animation:3.6s ease-in-out infinite ted-breathe}@keyframes ted-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.03)}}.ted-bear svg{width:100%;height:auto;display:block;overflow:visible}.ted-arrive{animation:ted-arrive .8s var(--spring) both}@keyframes ted-arrive{0%{opacity:0;transform:translateY(40%)scale(.3)}to{opacity:1;transform:none}}.ted-bear .teddy-pupil{animation:4.6s ease-in-out infinite ted-blink}@keyframes ted-blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}96%{transform:scaleY(1)}}.ted-bear [data-part]{cursor:pointer}.ted-wiggle{animation:.7s ease-in-out ted-wiggle}@keyframes ted-wiggle{0%,to{transform:none}20%{transform:rotate(-9deg)scale(1.12)}40%{transform:rotate(8deg)scale(1.1)}60%{transform:rotate(-5deg)scale(1.05)}80%{transform:rotate(3deg)}}.ted-jiggle{animation:.7s ease-in-out ted-jiggle}@keyframes ted-jiggle{0%,to{transform:none}25%{transform:scale(1.08,.94)}50%{transform:scale(.95,1.07)}75%{transform:scale(1.03,.98)}}@media (prefers-reduced-motion:reduce){.ted-tilt,.ted-bear,.ted-garland i,.ted-sky i{animation:none!important}}.mus-root{background:#3a2f7d;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mus-scene,.mus-scene>*{pointer-events:none;position:absolute}.mus-scene{top:0;bottom:0;left:0;right:0}.mus-sky{background:linear-gradient(#2b2a74 0%,#5b3f9e 26%,#b25aa8 48%,#f27d8c 64%,#ffb36b 78%,#ffd88a 90%);top:0;bottom:0;left:0;right:0}.mus-scene .tw{width:4px;height:4px;animation:3s ease-in-out infinite mus-twinkle;animation-delay:var(--t);background:#fff6d0;border-radius:50%;display:block;box-shadow:0 0 6px 2px #fff6c8b3}@keyframes mus-twinkle{50%{opacity:.2;transform:scale(.5)}}.mus-sun{aspect-ratio:1;background:radial-gradient(circle,#fff2b8 0 30%,#ffc56b 55%,#ff9a6b 72%,#ff8c6e00 73%);border-radius:50%;width:clamp(160px,46vmin,420px);animation:8s ease-in-out infinite mus-sun;bottom:22%;left:50%;transform:translate(-50%,50%);box-shadow:0 0 120px 40px #ffaa6e73}@keyframes mus-sun{50%{box-shadow:0 0 150px 60px #ffaa6e8c}}.mus-hill{border-radius:50% 50% 0 0}.mus-hill.h1{background:linear-gradient(#7a4f9e,#4f3482);width:80%;height:34%;bottom:0;left:-20%}.mus-hill.h2{background:linear-gradient(#6a3f8f,#43296e);width:85%;height:28%;bottom:0;right:-25%}.mus-hill.h3{background:linear-gradient(#3f8f6a,#2a6650);border-radius:50% 50% 0 0/100% 100% 0 0;height:18%;bottom:-6%;left:-10%;right:-10%}.mus-scene .fly{width:7px;height:7px;animation:5s ease-in-out infinite mus-fly;animation-delay:calc(var(--t) * -1);background:#fffbb0;border-radius:50%;display:block;box-shadow:0 0 10px 4px #fffa96bf}@keyframes mus-fly{0%,to{opacity:.2;transform:translate(0)}30%{opacity:1}50%{transform:translate(var(--dx), -22px);opacity:.8}70%{opacity:.3}}.mus-flowers{left:0;right:0;bottom:calc(var(--safe-bottom) - 6px);justify-content:space-between;padding:0 1vw;display:flex}.mus-flower{transform-origin:50% 100%;width:clamp(40px,10vmin,92px);height:auto;animation:4s ease-in-out infinite mus-sway-flower;animation-delay:calc(var(--i) * -.7s);position:relative}.mus-flower:nth-child(2n){width:clamp(34px,8vmin,76px);margin-bottom:14px}@keyframes mus-sway-flower{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.mus-bubbles{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mus-bubble{bottom:calc(var(--s) * -1.2);width:var(--s);height:var(--s);animation:mus-rise var(--dur) linear forwards;cursor:pointer;touch-action:none;position:absolute}@keyframes mus-rise{0%{transform:translateY(0)}to{transform:translateY(calc(-100vh - var(--s) * 2.4))}}.mus-sway{background:radial-gradient(circle at 30% 28%, #fffffff2 0 9%, #fff0 10%), radial-gradient(circle at 68% 74%, #ffffff73 0 5%, #fff0 6%), radial-gradient(circle at 50% 50%, hsla(var(--hue), 90%, 85%, .08) 0 58%, hsla(var(--hue), 95%, 80%, .55) 70%, hsla(calc(var(--hue) + 60), 95%, 85%, .9) 100%);width:100%;height:100%;box-shadow:inset 0 0 12px #fff6, 0 0 14px hsla(var(--hue), 90%, 80%, .35);border-radius:50%;transition:transform .22s ease-out,opacity .22s;animation:3s ease-in-out infinite alternate mus-sway}@keyframes mus-sway{0%{translate:-14px}to{translate:14px}}.mus-bubble.popped .mus-sway{opacity:0;transform:scale(1.5)}.mus-bubble.popped{pointer-events:none}.mus-play{z-index:2;padding:calc(var(--safe-top) + 92px) 16px calc(var(--safe-bottom) + 28px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3vh,36px);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mus-play>*{pointer-events:auto}@media (orientation:landscape){.mus-play{padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 100px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 100px)}}.mus-singers{gap:clamp(10px,3vmin,34px);display:flex}.mus-singer{--sz:clamp(72px, 19vmin, 140px);width:var(--sz);height:var(--sz);cursor:pointer;touch-action:none;position:relative}@media (orientation:landscape){.mus-singer{--sz:clamp(66px, 21vmin, 140px)}}.mus-stool{background:radial-gradient(#ffdca08c,#ffc89600 70%);border-radius:50%;height:22%;position:absolute;bottom:-4%;left:10%;right:10%}.mus-bob{width:100%;height:100%;animation:2.6s ease-in-out infinite float}.mus-pic{place-items:center;width:100%;height:100%;display:grid}.mus-pic>img,.mus-emoji{object-fit:contain;filter:drop-shadow(0 6px 6px #280a3c59);width:100%;height:100%}.mus-emoji{font-size:calc(var(--sz) * .75);place-items:center;line-height:1;display:grid}.mus-xylo{--xw:min(92vw, 520px);--bh:clamp(40px, calc((100vh - 400px) / 8 - 8px), 66px);width:var(--xw);touch-action:none;cursor:pointer;flex-direction:column-reverse;align-items:center;gap:clamp(6px,1.2vh,10px);padding:clamp(14px,2.4vh,22px) 0;display:flex;position:relative}.mus-xylo:before,.mus-xylo:after{content:"";background:linear-gradient(90deg,#b06b35,#e0a465 45%,#8a4f22);border-radius:10px;width:16px;position:absolute;top:2px;bottom:2px;box-shadow:0 6px 10px #1e0a2859}.mus-xylo:before{left:22%;transform:rotate(-4deg)}.mus-xylo:after{right:22%;transform:rotate(4deg)}.mus-bar{z-index:1;height:var(--bh);width:calc(var(--xw) * var(--len));border-radius:calc(var(--bh) * .42);background:linear-gradient(180deg, #ffffff8c 0 18%, #fff0 46%), linear-gradient(180deg, var(--c1), var(--c) 50%, var(--c2));box-shadow:inset 0 -5px 0 #00000024, inset 0 3px 0 #ffffff80, 0 6px 0 var(--c2), 0 10px 14px #1e0a3259;pointer-events:none;position:relative}.mus-peg{width:calc(var(--bh) * .24);aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#fff,#d8d8e8 50%,#8a8aa0);border-radius:50%;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 1px 2px #00000059}.mus-peg.a{left:12%}.mus-peg.b{left:88%}@media (orientation:landscape){.mus-xylo{--xh:clamp(150px, calc(100vh - 220px), 440px);--bw:clamp(54px, calc((100vw - 300px) / 8 - 12px), 96px);width:auto;height:var(--xh);flex-direction:row;align-items:center;gap:clamp(8px,1.4vw,16px);padding:0 clamp(14px,2vw,24px)}.mus-xylo:before,.mus-xylo:after{background:linear-gradient(#b06b35,#e0a465 45%,#8a4f22);width:auto;height:16px;top:auto;bottom:auto;left:2px;right:2px}.mus-xylo:before{top:20%;transform:rotate(3deg)}.mus-xylo:after{bottom:20%;transform:rotate(-3deg)}.mus-bar{width:var(--bw);height:calc(var(--xh) * var(--len));border-radius:calc(var(--bw) * .4);background:linear-gradient(90deg, #ffffff80 0 16%, #fff0 44%), linear-gradient(90deg, var(--c1), var(--c) 50%, var(--c2))}.mus-peg{width:calc(var(--bw) * .24);left:50%!important}.mus-peg.a{top:12%}.mus-peg.b{top:88%}}.mus-hit{animation:.38s ease-out mus-hit}@keyframes mus-hit{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.35);transform:scale(.94,.86)}65%{filter:brightness(1.15);transform:scale(1.04,1.06)}to{filter:brightness();transform:scale(1)}}@media (orientation:landscape){@keyframes mus-hit{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.35);transform:scale(.86,.94)}65%{filter:brightness(1.15);transform:scale(1.06,1.04)}to{filter:brightness();transform:scale(1)}}}.mus-pop{animation:pop-in .55s var(--spring) both}@media (prefers-reduced-motion:reduce){.mus-bob,.mus-flower,.mus-scene .fly,.mus-scene .tw{animation:none}}.sleepy{z-index:80;touch-action:none;background:radial-gradient(100vmax 80vmax at 70% 10%,#3a3f9a 0%,#23256b 40%,#120f3a 100%);animation:1.2s ease-out both sleepy-in;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sleepy-out{animation:.6s ease-in forwards sleepy-out}@keyframes sleepy-in{0%{opacity:0}}@keyframes sleepy-out{to{opacity:0}}.sleepy-stars{position:absolute;top:0;bottom:0;left:0;right:0}.sleepy-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:2.4vmin;height:2.4vmin;transform:scale(var(--s));background:#fff8c4;animation:4s ease-in-out infinite sleepy-twinkle;position:absolute}@keyframes sleepy-twinkle{0%,to{opacity:.25;transform:scale(calc(var(--s) * .7))}50%{opacity:1;transform:scale(var(--s))}}.sleepy-hill{background:radial-gradient(at 50% 15%,#2f6a5a,#173c35 70%);border-radius:50%;height:55vmin;position:absolute;bottom:-30vmin;left:-20vw;right:-20vw}.sleepy-moon{place-items:center;width:min(44vmin,280px);height:min(44vmin,280px);margin-left:calc(min(44vmin,280px)/-2);animation:6s ease-in-out infinite sleepy-rock;display:grid;position:absolute;top:10%;left:50%}.sleepy-moon>*{grid-area:1/1}.sleepy-moon img{object-fit:contain;width:100%;height:100%;position:relative}.sleepy-moon-glow{background:radial-gradient(circle,#fff0aa8c,#fff0aa00 65%);border-radius:50%;width:120%;height:120%;animation:4s ease-in-out infinite sleepy-glow}@keyframes sleepy-rock{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(8deg)translateY(2vmin)}}@keyframes sleepy-glow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.sleepy-sleeper{width:min(38vmin,260px);height:min(38vmin,260px);margin-left:calc(min(38vmin,260px)/-2);animation:4s ease-in-out infinite sleepy-breathe;position:absolute;bottom:6vmin;left:50%}.sleepy-sleeper img{object-fit:contain;width:100%;height:100%}@keyframes sleepy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06,.97)}}.sleepy-zzz{width:40%;height:60%;position:absolute;top:-10%;right:-10%}.sleepy-zzz i{opacity:0;background:radial-gradient(circle at 35% 35%,#fff9,#c8dcff1a);border:.5vmin solid #cfe0ffe6;border-radius:50%;width:3.6vmin;height:3.6vmin;animation:3.6s ease-out infinite sleepy-z;position:absolute;bottom:0;left:0}.sleepy-zzz i:nth-child(2){animation-delay:1.2s}.sleepy-zzz i:nth-child(3){animation-delay:2.4s}@keyframes sleepy-z{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(6vmin,-14vmin)scale(1.4)}}.hub{--jar:clamp(78px, 17vmin, 160px);--pad:max(12px, 2.6vmin);--tile:140px;--gap:16px}.hub-area{top:calc(var(--safe-top) + var(--pad));left:calc(var(--safe-left) + var(--pad));right:calc(var(--safe-right) + var(--pad));bottom:calc(var(--safe-bottom) + var(--pad) + var(--jar) * 1.05);justify-content:center;align-items:center;display:flex;position:absolute}@media (max-width:600px),(max-height:600px){.hub-area{top:calc(var(--safe-top) + 72px)}}@media (orientation:landscape){.hub-area{bottom:calc(var(--safe-bottom) + var(--pad));left:calc(var(--safe-left) + var(--pad) * 1.4 + var(--jar) * .85)}}.hub-tiles{place-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.hub-tile{width:var(--tile);height:var(--tile);animation:hub-pop .65s var(--spring) both;animation-delay:calc(var(--i) * 70ms + .12s);position:relative}@keyframes hub-pop{0%{opacity:0;transform:scale(0)rotate(-12deg)}70%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hub-bob{width:100%;height:100%;animation:3.2s ease-in-out infinite hub-float}@keyframes hub-float{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(calc(var(--tile) * -.05)) rotate(1.2deg)}}.hub-bubble{background:radial-gradient(circle at 30% 22%, var(--t1) 0%, var(--t2) 58%, var(--t2) 100%);border:calc(var(--tile) * .035) solid #ffffffe6;width:100%;height:100%;box-shadow:0 calc(var(--tile) * .055) 0 var(--t3), 0 calc(var(--tile) * .1) calc(var(--tile) * .14) #281e5a47, inset 0 calc(var(--tile) * -.05) calc(var(--tile) * .06) #00000014;border-radius:30%;place-items:center;display:grid;position:relative}.hub-shine{background:linear-gradient(#ffffffe6,#fff0);border-radius:50%;width:46%;height:20%;position:absolute;top:7%;left:11%;transform:rotate(-14deg)}.hub-icon{object-fit:contain;width:74%;height:74%;filter:drop-shadow(0 calc(var(--tile) * .03) calc(var(--tile) * .025) #1e143c40);position:relative}.hub-bubble.squish{animation:.5s ease-out hub-squish}@keyframes hub-squish{0%,to{transform:scale(1)}35%{transform:scale(1.16,.84)}65%{transform:scale(.92,1.08)}}.hub-tile.suggest:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffee6e 52%,#ffd63c8c 72%,#ffd63c00 100%);border-radius:50%;animation:1.8s ease-in-out infinite hub-halo;position:absolute;top:-24%;bottom:-24%;left:-24%;right:-24%}@keyframes hub-halo{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.hub-tile.suggest .hub-bob{animation:2.6s ease-in-out infinite hub-hop}@keyframes hub-hop{0%,55%,to{transform:translateY(0)scale(1)}62%{transform:translateY(0)scale(1.08,.92)}72%{transform:translateY(calc(var(--tile) * -.14)) scale(.96, 1.05)}82%{transform:translateY(0)scale(1.06,.95)}90%{transform:translateY(0)scale(1)}}.hub-tile.nudge .hub-bubble{animation:.5s ease-out 2 hub-squish}.hub-spark{width:calc(var(--tile) * .16);height:calc(var(--tile) * .16);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #ffd000);pointer-events:none;background:#fff6b0;animation:1.6s ease-in-out infinite hub-twinkle;position:absolute}.hub-spark-0{top:-4%;left:-6%}.hub-spark-1{animation-delay:.4s;top:10%;right:-6%}.hub-spark-2{animation-delay:.8s;bottom:-8%;right:4%}.hub-spark-3{width:calc(var(--tile) * .11);height:calc(var(--tile) * .11);animation-delay:1.2s;bottom:8%;left:2%}@keyframes hub-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}.hub-jar{left:calc(var(--safe-left) + var(--pad));bottom:calc(var(--safe-bottom) + var(--pad) * .5);--jar-size:calc(var(--jar) * .82);animation:hub-pop .65s var(--spring) .8s both;touch-action:none;position:absolute}.hub-jar:before{content:"";background:radial-gradient(#1e501459,#0000 70%);border-radius:50%;height:18%;position:absolute;bottom:-6%;left:-10%;right:-10%}.scn{pointer-events:none;background:radial-gradient(120vmax 70vmax at 85% -10%,#fff4bebf,#fff4be00 60%),linear-gradient(#5ab8ff 0%,#8fd3ff 45%,#d4f3ff 78%,#eafbe0 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.scn-sun{width:34vmin;height:34vmin;position:absolute;top:-9vmin;right:-9vmin}.scn-sun-rays{background:repeating-conic-gradient(#fff09699 0deg 9deg,#fff09600 9deg 22.5deg);border-radius:50%;animation:60s linear infinite scn-spin;position:absolute;top:-45%;bottom:-45%;left:-45%;right:-45%;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.scn-sun-disc{background:radial-gradient(circle at 38% 38%,#fffbd0 0%,#ffe25a 45%,#ffbe1a 100%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 6vmin #ffd646bf,0 0 16vmin #ffec8c8c}.scn-cloud{width:24vmin;height:7.5vmin;animation:scn-drift var(--dur,60s) linear var(--delay,0s) infinite;will-change:transform;background:linear-gradient(#fff 60%,#eaf6ff);border-radius:8vmin;position:absolute;left:0;box-shadow:0 1.2vmin #78b4e62e}.scn-cloud:before,.scn-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.scn-cloud:before{width:10vmin;height:10vmin;top:-5vmin;left:3vmin}.scn-cloud:after{width:13vmin;height:13vmin;top:-7.5vmin;left:9vmin}@keyframes scn-drift{0%{transform:translateX(-32vmin) scale(var(--s,1))}to{transform:translateX(calc(100vw + 12vmin)) scale(var(--s,1))}}@keyframes scn-spin{to{transform:rotate(360deg)}}.scn-hill{border-radius:50%;position:absolute}.scn-hill-back{background:radial-gradient(at 55% 18%,#bdf1a0 0%,#8fdc6f 45%,#6cc456 100%);width:110vw;height:46vmin;bottom:-14vmin;left:-35vw}.scn-hill-back2{background:radial-gradient(at 45% 18%,#b2ee93 0%,#84d665 45%,#5fba4a 100%);width:120vw;height:42vmin;bottom:-14vmin;right:-45vw}.scn-hill-front{background:radial-gradient(at 50% 10%,#a8f07e 0%,#7ad957 40%,#54bd3c 100%);width:170vw;height:34vmin;bottom:-20vmin;left:-35vw;box-shadow:inset 0 1.2vmin #ffffff40}.scn-flowers{height:22vmin;position:absolute;bottom:0;left:0;right:0}.scn-flower{width:4vmin;height:var(--h,7vmin);transform-origin:50% 100%;animation:scn-sway 3.2s ease-in-out var(--d,0s) infinite alternate;scale:var(--z,1);margin-left:-2vmin;position:absolute}.scn-stem{background:#3fa83a;border-radius:1vmin;width:.7vmin;height:100%;position:absolute;bottom:0;left:calc(50% - .35vmin)}.scn-leaf{transform-origin:0;background:#4cbb44;border-radius:0 100%;width:2.2vmin;height:1.1vmin;position:absolute;bottom:30%;left:50%;transform:rotate(-20deg)}.scn-head{width:1.8vmin;height:1.8vmin;box-shadow:0 -1.6vmin 0 .1vmin var(--c), 1.52vmin -.5vmin 0 .1vmin var(--c), .94vmin 1.3vmin 0 .1vmin var(--c), -.94vmin 1.3vmin 0 .1vmin var(--c), -1.52vmin -.5vmin 0 .1vmin var(--c);background:#ffd23f;border-radius:50%;position:absolute;top:-.9vmin;left:calc(50% - .9vmin)}.scn-head:after{content:"";background:radial-gradient(circle at 35% 35%,#fff7b0,#ffc400);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes scn-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.scn-cloud,.scn-flower,.scn-sun-rays{animation-duration:0s;animation-iteration-count:1}}.parent-probe{visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);position:fixed}.parent-ring{z-index:110;pointer-events:none;opacity:0;width:64px;height:64px;position:fixed}.parent-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.parent-ring circle{fill:none;stroke-width:7px}.parent-ring .bg{stroke:#ffffff59}.parent-ring .fg{stroke:#fffffff2;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264px;filter:drop-shadow(0 0 3px #0000004d)}.pg-overlay,.pp-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f1d2b;-webkit-user-select:text;user-select:text;background:#1612308c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.25s ease-out both pg-in;position:fixed;top:0;bottom:0;left:0;right:0}.pg-overlay.out,.pp-overlay.out{animation:.25s ease-in forwards pg-out}@keyframes pg-in{0%{opacity:0}}@keyframes pg-out{to{opacity:0}}.pg-overlay{place-items:center;padding:16px;display:grid}.pg-card{text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:28px 24px 26px;position:relative;box-shadow:0 20px 60px #0000004d}.pg-title{font-size:22px;font-weight:700}.pg-sub{color:#5b5870;margin:6px 0 22px;font-size:15px}.pg-x{color:#6b6880;background:#f1f0f6;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.pg-track{touch-action:none;background:#eeedf4;border-radius:30px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000001a}.pg-fill{background:linear-gradient(90deg,#b6f0c6,#5fd38a);border-radius:30px;width:56px;position:absolute;top:0;bottom:0;left:0}.pg-track-label{color:#8a879c;pointer-events:none;place-items:center;padding-left:40px;font-size:15px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pg-knob{color:#3aa865;touch-action:none;cursor:grab;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 3px 10px #00000040}.pp-overlay{justify-content:center;align-items:stretch;display:flex}.pp-sheet{width:min(820px,100%);margin:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);background:#f7f6fb;border-radius:24px;flex-direction:column;animation:.35s cubic-bezier(.2,.9,.3,1) both pp-up;display:flex;overflow:hidden;box-shadow:0 20px 70px #00000059}@keyframes pp-up{0%{opacity:0;transform:translateY(40px)}}.pp-head{background:#fff;border-bottom:1px solid #e8e6f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pp-head h1{margin:0;font-size:22px}.pp-head small{color:#7a7790;font-size:13px}.pp-done{color:#fff;background:#5b4dff;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:600}.pp-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;padding:16px 16px 28px;overflow-y:auto}.pp-sec{background:#fff;border-radius:18px;margin-bottom:14px;padding:16px 18px;box-shadow:0 1px 3px #1e14500f}.pp-sec h2{margin:0 0 6px;font-size:18px}.pp-sec h3{margin:0;font-size:16px}.pp-help{color:#6d6a82;margin:4px 0 12px;font-size:14px;line-height:1.4}.pp-summary{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pp-stat b{color:#5b4dff;font-size:30px;display:block}.pp-stat span{color:#6d6a82;font-size:13px}.pp-skill{border-top:1px solid #efedf5;padding:12px 0 6px}.pp-skill:first-of-type{border-top:0}.pp-skill-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pp-skill-stat{color:#6d6a82;font-size:13px}.pp-bar{background:#eeedf4;border-radius:3px;height:6px;margin:8px 0 10px;overflow:hidden}.pp-bar i{background:linear-gradient(90deg,#5fd38a,#2fb36a);border-radius:3px;height:100%;display:block}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.pp-cell{background:#f7f6fb;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;display:flex;position:relative}.pp-cell.done{background:#e9f9ef}.pp-cell.dim{opacity:.38;filter:grayscale(.8)}.pp-thumb{place-items:center;width:40px;height:40px;display:grid}.pp-thumb img,.pp-thumb svg{object-fit:contain;width:100%;height:100%}.pp-swatch{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000001a}.pp-swatch.white{box-shadow:inset 0 0 0 2px #d6d4e0}.pp-num{color:#5b4dff;font-size:28px}.pp-word{color:#4b4860;text-transform:capitalize;font-size:12px}.pp-name{color:#4b4860;text-transform:capitalize;text-align:center;font-size:12px}.pp-dots{gap:3px;display:flex}.pp-dots i{background:#dcd9e6;border-radius:50%;width:7px;height:7px}.pp-dots i.on{background:#ffb703}.pp-tick{color:#fff;background:#2fb36a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;right:5px}.pp-row{grid-template-columns:120px 1fr 48px;align-items:center;gap:12px;padding:8px 0;display:grid}.pp-label{font-size:15px}.pp-val{color:#6d6a82;text-align:right;font-size:14px}.pp-range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, #5b4dff var(--p,50%), #e3e1ec var(--p,50%));touch-action:none;border-radius:4px;width:100%;height:8px}.pp-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.pp-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.pp-seg{flex-wrap:wrap;gap:8px;display:flex}.pp-opt{color:#3b3850;background:#f1f0f6;border:2px solid #0000;border-radius:999px;padding:10px 16px;font-size:15px}.pp-opt.on{color:#3a2fd6;background:#ecebff;border-color:#5b4dff;font-weight:600}.pp-play{margin-right:6px;font-size:12px;display:inline-block}.pp-install{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.pp-inst{background:#f7f6fb;border:2px solid #0000;border-radius:14px;padding:12px 14px}.pp-inst.hi{background:#f3f2ff;border-color:#c9c4ff}.pp-inst ol{margin:8px 0 4px;padding-left:20px;font-size:14px;line-height:1.6}.pp-ico{background:#e3e1ec;border-radius:6px;padding:0 6px;font-weight:700;display:inline-block}.pp-danger{color:#d62f4b;background:#fff0f2;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600}.pp-danger.solid{color:#fff;background:#e5384f}.pp-confirm p{color:#4b4860;margin:0 0 10px;font-size:14px}.pp-confirm-btns{gap:10px;display:flex}.pp-credit{text-align:center;color:#8a879c;padding:6px 0 4px;font-size:12px}@media (max-width:480px){.pp-row{grid-template-columns:96px 1fr 42px}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}}.splash{background:#6cc4ff}.splash-meadow{background:radial-gradient(90vmax 70vmax at 50% 42%,#fff6c8f2,#ffe9a059 38%,#ffe9a000 62%),linear-gradient(#4fb0ff 0%,#86d0ff 40%,#ffe9b8 80%,#fff3d6 100%)}.splash-twinkles{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.splash-twinkle{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:#fff;width:3vmin;height:3vmin;animation:3s ease-in-out infinite splash-twinkle;position:absolute}@keyframes splash-twinkle{0%,to{opacity:0;transform:scale(calc(var(--s) * .3)) rotate(0deg)}50%{opacity:.95;transform:scale(var(--s)) rotate(45deg)}}.splash-sun{touch-action:none;border-radius:50%;place-items:center;width:min(62vmin,340px);height:min(62vmin,340px);margin-top:calc(min(62vmin,340px)/-2);margin-left:calc(min(62vmin,340px)/-2);animation:2.2s ease-in-out infinite splash-breathe;display:grid;position:absolute;top:46%;left:50%}.splash-sun>*{grid-area:1/1}.splash-rays{background:repeating-conic-gradient(#ffd63cd9 0deg 8deg,#ffd63c00 8deg 20deg);border-radius:50%;animation:24s linear infinite scn-spin;position:absolute;top:-34%;bottom:-34%;left:-34%;right:-34%;-webkit-mask:radial-gradient(circle,#0000 28%,#000 33% 45%,#0000 70%);mask:radial-gradient(circle,#0000 28%,#000 33% 45%,#0000 70%)}.splash-rays-2{background:repeating-conic-gradient(from 10deg,#ffaa28b3 0deg 6deg,#ffaa2800 6deg 20deg);animation-duration:36s;animation-direction:reverse;top:-22%;bottom:-22%;left:-22%;right:-22%}.splash-halo{background:radial-gradient(circle,#fff096f2 40%,#ffdc5a00 70%);border-radius:50%;animation:2.2s ease-in-out infinite splash-halo;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%}.splash-ripple{opacity:0;border:1.2vmin solid #ffffffd9;border-radius:50%;animation:2.4s ease-out infinite splash-ripple;position:absolute;top:6%;bottom:6%;left:6%;right:6%}.splash-ripple-2{animation-delay:1.2s}.splash-disc{background:radial-gradient(circle at 38% 34%,#fffbd6 0%,#ffe14d 40%,#ffb703 100%);border-radius:50%;width:76%;height:76%;box-shadow:0 0 8vmin #ffc828cc,inset 0 -2vmin 4vmin #ff8c0059}.splash-sun-img{object-fit:contain;filter:drop-shadow(0 2vmin 3vmin #ff960073);width:92%;height:92%;position:relative}@keyframes splash-breathe{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.07)rotate(2deg)}}@keyframes splash-halo{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes splash-ripple{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.splash-sun.go{animation:.7s cubic-bezier(.5,-.3,.7,1) forwards splash-go}@keyframes splash-go{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(4.5)}}.splash.go .splash-meadow{filter:brightness(1.25)saturate(1.1);transition:filter .6s}.stk-meadow{background:radial-gradient(120vmax 70vmax at 85% -10%,#fff4bebf,#fff4be00 60%),linear-gradient(#6cc2ff 0%,#a9defe 28%,#dff7ff 40%,#c4efa4 43%,#a2e283 70%,#8fd970 100%)}.stk{--stk:clamp(110px, 28vmin, 230px)}.stk-field{top:calc(var(--safe-top) + var(--stk) * .6 + 4vmin);bottom:calc(var(--safe-bottom) + var(--stk) * .5);left:calc(var(--safe-left) + var(--stk) * .5);right:calc(var(--safe-right) + var(--stk) * .5);position:absolute}.stk-sticker{width:var(--stk);height:var(--stk);margin-left:calc(var(--stk) / -2);margin-top:calc(var(--stk) / -2);animation:pop-in .55s var(--spring) both;touch-action:none;will-change:transform;position:absolute}.stk-sticker.dragging{filter:drop-shadow(0 3vmin 2vmin #283c144d)}.stk-inner{width:100%;height:100%}.stk-img{object-fit:contain;filter:drop-shadow(.45vmin 0 #fff)drop-shadow(-.45vmin 0 #fff)drop-shadow(0 .45vmin #fff)drop-shadow(0 -.45vmin #fff)drop-shadow(0 1vmin 1.2vmin #283c1447);width:100%;height:100%}.stk-empty-ghost{opacity:.35;filter:grayscale(.6);width:min(36vmin,300px);height:min(36vmin,300px);margin:calc(min(36vmin,300px)/-2) 0 0 calc(min(36vmin,300px)/-2);animation:3s ease-in-out infinite float;position:absolute;top:52%;left:50%}.stk-empty-ghost img{object-fit:contain;width:100%;height:100%}.stk-empty-hand{left:calc(var(--safe-left) + clamp(64px, 12vmin, 104px) + 4vmin);top:calc(var(--safe-top) + clamp(64px, 12vmin, 104px) + 2vmin);transform-origin:40% 6%;width:clamp(70px,16vmin,150px);height:clamp(70px,16vmin,150px);animation:1.6s ease-in-out infinite stk-point;position:absolute}.stk-empty-hand img{object-fit:contain;filter:drop-shadow(0 1vmin 1vmin #2814504d);width:100%;height:100%}@keyframes stk-point{0%,to{transform:rotate(-45deg)translate(0)}50%{transform:rotate(-45deg)translateY(-2.4vmin)}}.stk-sticker.in{animation:none}