.mp{height:100%}.mp button,.mp a{-webkit-user-select:none;user-select:none}.mp img{-webkit-user-drag:none;pointer-events:none}.mp-home{height:100cqh;overflow-y:auto;display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:8px 16px 0}.mp-home-main{width:100%;max-width:680px;margin:auto;padding:8px 4px 32px;text-align:center}.mp-home h1{font-size:clamp(32px,6cqw,44px)}.mp-tagline{margin:8px 0 18px;font-size:18px;color:var(--muted)}.mp-home-picture{display:block;width:100%;height:clamp(150px,26cqh,230px);--bath-height: 50%;--waterline: 65%;isolation:isolate;position:relative;border:3px solid var(--ink);border-radius:28px;background:var(--meadow);overflow:hidden;padding:0;box-shadow:0 5px 0 var(--ink)}.mp-scenery{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;background:var(--meadow)}.mp-scenery .hills{position:absolute;width:100%;height:26%;top:45%}.mp-scenery .sun{position:absolute;width:clamp(38px,10%,70px);left:7%;top:7%}.mp-scenery .cloud{position:absolute;width:20%;max-width:130px}.mp-cloud-left{top:29%;left:-4%}.mp-cloud-right{top:11%;right:4%}.mp-scenery .tuft-art{position:absolute;width:48px;right:6%;bottom:28%}.mp-trail{position:absolute;width:100%;height:22%;bottom:1%}.mp-home-bath{position:absolute;top:calc(var(--waterline) - var(--bath-height) * .35);width:76%;height:var(--bath-height);left:12%;pointer-events:none}.mp-home-bath svg,.mp-tub svg{width:100%;height:100%}.mp-home-bath [stroke],.mp-tub [stroke],.mp-water-play>svg [stroke]{vector-effect:non-scaling-stroke}.mp-home-pet{position:absolute;top:calc(var(--waterline) - 56.7%);height:70%;aspect-ratio:196 / 200;left:50%;transform:translate(-50%);z-index:1}.mp-dog{width:100%;height:100%;overflow:visible;pointer-events:none}.mp-home-host,.mp-home-explorer{position:absolute;bottom:10%;height:34%;width:22%;object-fit:contain;z-index:3}.mp-home-host{left:1%}.mp-home-explorer{right:1%}.mp-home-duck{position:absolute;width:36px;height:32px;left:calc(50% - 18px);top:calc(var(--waterline) - 8px);z-index:3}.mp-play{margin:14px auto 22px}.mp-pet-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:380px;margin:14px auto 0}.mp-pet-choice{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:4px;min-height:72px;padding:6px;background:var(--paper);border:2.5px solid var(--ink);border-radius:20px;font-family:var(--display);font-weight:700;font-size:18px}.mp-pet-choice img{width:48px;height:48px;object-fit:contain}.mp-pet-choice[aria-pressed=true]{background:var(--honey);box-shadow:0 3px 0 var(--ink)}.mp-pet-choice:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.mp-choice-tick{width:22px;height:22px;display:grid;place-items:center}.mp-collection h2{font-size:20px;margin-bottom:12px}.mp-collection ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mp-collection button{position:relative;border:2.5px solid var(--ink);background:var(--sand);border-radius:18px;padding:3px;width:100%;min-width:48px;min-height:54px}.mp-collection button.is-buddy{background:#fff6e8;border-color:var(--poppy-deep)}.mp-buddy-mark{position:absolute;bottom:-4px;right:-3px;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:50%;background:var(--honey)}.mp-buddy-settings{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;margin-bottom:14px;border:2px solid var(--ink);border-radius:20px;background:var(--paper)}.mp-buddy-settings>span{width:56px;height:50px;flex-shrink:0}.mp-buddy-settings p{max-width:210px;font-size:15px;text-align:left}.mp-bring{min-height:64px;margin:0 auto 18px}.mp-bring,.mp-toy-done{display:flex;margin-inline:auto}.mp-bring-bath{width:42px;height:28px;flex-shrink:0;display:grid;align-items:center}.mp-bring-bath svg [stroke]{vector-effect:non-scaling-stroke;stroke-width:1.5}.mp-big-toy>span{display:block;width:100%;height:100%}.mp-toy-art{overflow:visible}.mp-toy-body{transform-box:fill-box;transform-origin:center bottom}.mp-toy-art.is-reacting .mp-toy-body{animation:mp-toy-quack .7s ease-in-out}.toy-boat.is-reacting .mp-toy-body{animation-name:mp-toy-sail;animation-duration:1s}.toy-whale.is-reacting .mp-toy-body{animation-name:mp-toy-sail}.toy-frog.is-reacting .mp-toy-body,.toy-ball.is-reacting .mp-toy-body{animation-name:mp-toy-bounce;animation-duration:.9s}.toy-turtle.is-reacting .mp-toy-body{animation:none}.toy-turtle.is-reacting .mp-turtle-head{transform-box:fill-box;transform-origin:left center;animation:mp-toy-hide 1s ease-in-out}.toy-octopus.is-reacting .mp-toy-body{animation-name:mp-toy-wiggle;animation-duration:1s}.toy-starfish.is-reacting .mp-toy-body{transform-origin:center;animation-name:mp-toy-twirl;animation-duration:1s}.toy-penguin.is-reacting .mp-toy-body{animation-name:mp-toy-waddle;animation-duration:1s}.mp-toy-effect,.mp-foam-pop{animation:mp-foam .24s ease-out}.mp.is-calm .mp-toy-art.is-reacting{outline:3px dashed var(--focus);outline-offset:2px;border-radius:18px}.mp-dog.is-shaking.finale-hop{animation:mp-dog-hop .6s ease-in-out 3}.mp-dog.is-shaking.finale-wiggle{animation:mp-dog-wiggle .45s ease-in-out 4}.mp-dog.is-joyful{animation:mp-dog-wiggle .45s ease-in-out 2}@keyframes mp-toy-quack{25%,65%{transform:rotate(-7deg) scaleY(.95)}45%{transform:rotate(5deg)}}@keyframes mp-toy-sail{25%{transform:translate(-4px) rotate(-7deg)}75%{transform:translate(4px) rotate(7deg)}}@keyframes mp-toy-bounce{30%{transform:translateY(-9px)}65%{transform:translateY(-4px) scaleY(.95)}}@keyframes mp-toy-hide{25%,60%{transform:translate(-9px) scale(.2);opacity:.2}}@keyframes mp-toy-wiggle{20%,60%{transform:rotate(-9deg) scaleX(.94)}40%,80%{transform:rotate(9deg)}}@keyframes mp-toy-twirl{30%{transform:rotate(-25deg)}70%{transform:rotate(25deg)}}@keyframes mp-toy-waddle{20%,60%{transform:rotate(-9deg) translate(-3px)}40%,80%{transform:rotate(9deg) translate(3px)}}@keyframes mp-dog-hop{40%{transform:translateY(-6px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(2deg)}}@keyframes mp-dog-wiggle{25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}.mp-collection button.is-found{background:var(--paper);box-shadow:0 3px 0 var(--ink)}.mp-toy-outline g{fill:var(--sand);stroke:#777269}.mp-toy-outline g *{fill:var(--sand);stroke:#777269}.mp-toy-outline>path{stroke:#777269}.mp-play-screen{height:100cqh;display:flex;flex-direction:column;gap:8px;max-width:980px;margin:0 auto;padding:10px 16px 4px}.mp-scene{--bath-height: max(40%, 300px);--tub-width: 74%;--float-width: calc(var(--tub-width) * .65);--waterline: min(65%, calc(100% - var(--bath-height) * .65 - 8px));position:relative;flex:1;min-height:0;border:3px solid var(--ink);border-radius:30px;background:var(--meadow);isolation:isolate}.mp-tub{position:absolute;width:var(--tub-width);height:var(--bath-height);left:calc((100% - var(--tub-width)) / 2);top:calc(var(--waterline) - var(--bath-height) * .35);pointer-events:none}.mp-bath-back{z-index:0}.mp-bath-front{z-index:2}.mp-wash{position:absolute;bottom:calc(100% - var(--waterline));height:54%;aspect-ratio:196 / 162;left:50%;transform:translate(-50%);display:block;padding:0;border:0;border-radius:28px;background:transparent;touch-action:none;cursor:grab;z-index:1}.mp-wash .mp-dog{position:absolute;top:0;left:0;height:123.45679%}.mp-wash:active{cursor:grabbing}.mp-wash:focus-visible{outline-offset:0}.mp-cast{z-index:3;position:absolute;bottom:5%;width:clamp(64px,17%,126px);height:clamp(72px,26%,150px);padding:0;border:0;border-radius:18px;background:transparent}.mp-cast img{width:100%;height:100%;object-fit:contain;position:relative}.mp-host{left:1%}.mp-explorer{right:1%}.mp-towel{position:absolute;top:45%;left:1%;width:55%;height:45%;border:2.5px solid var(--ink);border-radius:8px 8px 2px 2px;background:var(--honey);transform:rotate(-12deg)}.mp-towel:after{content:"";position:absolute;bottom:5px;left:2px;right:2px;border-bottom:3px solid white}.mp-bath-rail{z-index:3;position:absolute;left:50%;width:var(--float-width);transform:translate(-50%);height:64px;top:calc(var(--waterline) + 4px)}.mp-float{--float-picture: 52px;position:absolute;top:0;width:64px;height:64px;padding:0;background:transparent;border:0;border-radius:18px;touch-action:none;cursor:grab}.mp-float.is-dragging{cursor:grabbing}.mp-float span{width:100%;height:100%;display:block}.mp-float svg{width:100%;height:100%}.mp-float .mp-float-picture{position:absolute;width:var(--float-picture);height:var(--float-picture);left:calc((64px - var(--float-picture)) / 2);top:5px;pointer-events:none}.mp-float .mp-float-contact{position:absolute;left:0;top:calc(var(--float-picture) - 52px);pointer-events:none}.mp-float .mp-float-wake{position:absolute;left:6px;width:52px;top:calc(var(--float-picture) - 16px);height:16px;pointer-events:none}.mp-floating-bubble>g{animation:mp-bubble-float 2.4s ease-in-out infinite}.mp-floating-pop{animation:mp-foam .25s ease-out}.mp-water-ripple{transform-box:fill-box;transform-origin:center;animation:mp-water-ring .9s ease-out both}.mp-pet-head{transform-origin:var(--head-origin)}.mp-pet-tail{transform-origin:var(--tail-origin)}.mp-dog[data-reaction=tickle] .mp-pet-tail{animation:mp-tail-wag .26s ease-in-out 4}.mp-dog[data-reaction=tickle] .mp-pet-body{transform-origin:var(--body-origin);animation:mp-tummy-tickle .36s ease-in-out 3}.mp-dog[data-reaction=tilt-left] .mp-pet-head{animation:mp-head-left 1s ease-in-out}.mp-dog[data-reaction=tilt-right] .mp-pet-head{animation:mp-head-right 1s ease-in-out}.mp-dog[data-reaction=sneeze] .mp-pet-head{animation:mp-nose-sneeze .5s ease-in-out}.mp-tickle-lines,.mp-nose-pop{animation:mp-foam .25s ease-out}.mp-mud-drop{animation:mp-mud-slip .85s ease-in both}.mp.is-calm .mp-mud-drop{display:none}.mp.is-calm .mp-dog[data-reaction=tickle] .mp-tickle-lines{stroke-width:3}@keyframes mp-tail-wag{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes mp-tummy-tickle{50%{transform:scale(1.025,.98)}}@keyframes mp-head-left{25%,70%{transform:rotate(-7deg)}}@keyframes mp-head-right{25%,70%{transform:rotate(7deg)}}@keyframes mp-nose-sneeze{25%{transform:rotate(-3deg) translateY(-2px)}55%{transform:rotate(3deg) translateY(3px)}}@keyframes mp-mud-slip{0%,15%{transform:translate(0) scale(1);opacity:1}85%{opacity:1}to{transform:translate(var(--drift),var(--fall)) scale(.45);opacity:0}}@keyframes mp-water-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.65);opacity:0}}@keyframes mp-bubble-float{50%{transform:translateY(-4px)}}.mp-found-label{z-index:4;position:absolute;top:5%;left:1%;width:22%;padding:9px 3px;background:var(--paper);border:2.5px solid var(--ink);border-radius:18px;font-family:var(--display);font-weight:700;text-align:center;font-size:clamp(14px,2.2cqw,22px)}.mp-caption{font-size:14px;min-height:34px;text-align:center;line-height:1.2}.mp-splashes{z-index:4;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;animation:mp-splash .65s ease-out 3}.mp-dog.is-shaking{transform-origin:50% 85%;animation:mp-shake .36s ease-in-out 5}.mp-sponge-demo>svg{animation:mp-scrub 1.7s ease-in-out infinite}.mp-soap{animation:mp-foam .25s ease-out}.mp-foam-pile{animation:mp-foam .3s ease-out}.mp-help-ring{animation:mp-help-ring 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes mp-help-ring{50%{transform:scale(1.12);opacity:.55}}.mp-can-demo .mp-can-tilt{animation:mp-tip 1.5s ease-in-out infinite;transform-origin:2px -30px}.mp-can-demo .mp-pour{animation:mp-pour-show 1.5s ease-in-out infinite}.mp-pour path{animation:mp-pour .45s linear infinite}@keyframes mp-tip{0%,to{transform:rotate(-10deg)}50%{transform:rotate(0)}}@keyframes mp-pour-show{0%,30%{opacity:0}45%,85%{opacity:1}}@keyframes mp-pour{to{stroke-dashoffset:-9}}.mp-hop{animation:mp-hop .65s ease-in-out}.mp-bob{display:block;animation:mp-bob .65s ease-in-out}.mp-characters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 22px}.mp-characters button{padding:6px;border:2.5px solid var(--ink);border-radius:18px;background:var(--paper);font-size:14px;min-height:92px}.mp-characters img{width:66px;height:66px;object-fit:contain;margin:auto auto 4px}.mp-characters button[aria-pressed=true]{background:var(--honey);box-shadow:0 3px 0 var(--ink)}.mp-calm{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;font-size:18px;font-weight:700}.mp-calm input{width:26px;height:26px;accent-color:var(--hill-deep)}.mp-settings-note{font-size:15px;margin:8px 0 20px}.mp-grown{text-align:left;line-height:1.45;margin-bottom:22px}.mp-grown p+p{margin-top:14px}.mp-big-toy{width:160px;height:150px;margin:auto;padding:8px;background:var(--paper);border:2.5px solid var(--ink);border-radius:30px}.mp-toy-copy{margin:16px 0 22px}.mp-rest-toy{width:min(100%,300px);height:110px;position:relative}.mp-water-play>svg{position:absolute;width:100%;height:110px;bottom:0;left:0}.mp-water-play .mp-bath-rail{--float-width: 65%;top:4px}.mp-rest-play-caption{font-size:14px;min-height:34px;margin:-4px 0;max-width:310px}.mp.is-calm *,.mp.is-calm *:before,.mp.is-calm *:after{animation:none!important;transition:none!important}.mp.is-calm .mp-hop,.mp.is-calm .mp-bob{outline:3px dashed var(--focus);outline-offset:1px;border-radius:18px}.mp.is-away *{animation-play-state:paused!important}@keyframes mp-scrub{0%,to{transform:translate(-4px) rotate(-6deg)}50%{transform:translate(7px) rotate(5deg)}}@keyframes mp-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes mp-splash{0%{opacity:0;transform:scale(.8)}30%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes mp-foam{0%{opacity:.4}}@keyframes mp-hop{30%{transform:translateY(-18px) rotate(-8deg) scale(1.06)}60%{transform:translateY(-6px) rotate(6deg)}}@keyframes mp-bob{25%{transform:rotate(-10deg) translateY(-4px)}75%{transform:rotate(10deg)}}@container pp-window (max-width: 600px){.mp-home{padding:4px 12px 0}.mp-home-main{padding:4px 4px 28px}.mp-collection ul{gap:6px}.mp-collection button{padding:1px;border-radius:13px}.mp-play-screen{padding:8px 8px 2px;gap:6px}.mp-scene{--tub-width: 88%;border-radius:24px}.mp-wash{height:51%;max-height:56cqw}.mp-cast{bottom:1%;height:64px;width:64px}.mp-found-label{top:2%;left:50%;transform:translate(-50%);width:auto;padding:6px 14px}}@container pp-window (max-width: 359px){.mp-pet-choices{gap:8px}.mp-pet-choice{grid-template-columns:40px minmax(0,1fr) 18px;padding:6px 4px;font-size:17px}.mp-pet-choice img{width:40px;height:40px}.mp-choice-tick{width:18px}.mp-collection ul{grid-template-columns:repeat(3,1fr);max-width:270px;margin:auto}.mp-home-picture{height:150px}.mp-tagline{margin-bottom:12px;font-size:16px}.mp-play{margin:10px auto 18px}}@container pp-window (max-height: 520px) and (min-width: 600px){.mp-home-main{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;max-width:940px;padding:0 4px 24px}.mp-home{max-width:960px}.mp-home h1{grid-column:1 / -1;font-size:30px}.mp-tagline{grid-column:1 / -1;margin:0;font-size:16px}.mp-home-picture{grid-column:1;grid-row:3 / 5;height:170px}.mp-pet-choices{grid-column:2;grid-row:3;width:100%;margin:0;align-self:end}.mp-play{grid-column:2;grid-row:4;width:100%;margin:0;align-self:start}.mp-collection{grid-column:1 / -1}.mp-toy-dialog{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;width:min(100%,580px);padding:24px}.mp-toy-dialog h2{grid-column:1 / -1;margin-bottom:2px}.mp-toy-dialog .mp-big-toy{grid-column:1;grid-row:2 / 5;width:140px;height:130px}.mp-toy-dialog .mp-toy-copy{grid-column:2;margin:0;font-size:15px}.mp-bring,.mp-toy-done{grid-column:2;margin:0;padding:10px}.mp-play-screen{padding:4px 12px 0;gap:4px}.mp-scene{--bath-height: 200px;--waterline: 68%;--tub-width: 55%;--float-width: clamp(140px, calc(var(--tub-width) * .48), 200px);border-radius:22px;overflow:hidden}.mp-scene .mp-float{--float-picture: 44px}.mp-caption{font-size:13px;min-height:20px}.mp-wash{height:min(62%,calc(var(--waterline) - 8px));max-height:none}.mp-cast{width:76px;height:76px;bottom:2%}.mp-rest-toy{width:min(100%,250px)}}@media(prefers-reduced-motion:reduce){.mp-mud-drop{display:none}.mp *,.mp *:before,.mp *:after{animation:none!important;transition:none!important}}.mp-sky-bubble{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;animation:mp-sky-bubble 2.6s ease-out both}.mp-sky-bubble svg{width:100%;height:100%}@keyframes mp-sky-bubble{0%{transform:scale(.3)}15%{transform:scale(1)}80%{transform:translate(10px,-90px) scale(1.1);opacity:1}to{transform:translate(12px,-100px) scale(1.5);opacity:0}}.mp.is-calm .mp-sky-bubble{opacity:1}.mp-sun.is-winking .sun{animation:mp-sun-wink .9s ease-in-out}@keyframes mp-sun-wink{50%{transform:rotate(40deg) scale(1.25)}}.mp.is-calm .mp-sun.is-winking .sun{outline:3px dashed var(--focus);border-radius:50%}.mp-rest-toy.mp-toy-party{width:min(100%,330px);height:140px}.mp-toy-party>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mp-toy-party ul{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.mp-toy-party li{position:absolute;left:var(--x);top:var(--y);width:clamp(38px,14.5%,64px);aspect-ratio:1;translate:-50% -86%;display:grid;place-items:center}.mp-party-toy{width:100%;height:100%;padding:2px;border:0;background:none;cursor:pointer;border-radius:14px;animation:mp-party-bob 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.2s)}.mp-party-toy>span,.mp-party-toy svg{display:block;width:100%;height:100%}@keyframes mp-party-bob{50%{transform:translateY(-4px) rotate(4deg)}}.mp-new-toy{z-index:4;position:absolute;left:50%;bottom:2%;width:clamp(110px,30cqmin,200px);margin-left:calc(clamp(110px,30cqmin,200px)/-2);display:grid;justify-items:center;pointer-events:none;animation:mp-new-toy 2.3s ease-out both}.mp-new-toy-burst{position:absolute;inset:-18% -18% auto;width:136%;animation:mp-burst .9s ease-out both}.mp-new-toy-art{position:relative;display:block;width:100%;aspect-ratio:1;padding:10%;background:var(--paper);border:3px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink)}.mp-new-toy-art svg{display:block;width:100%;height:100%}.mp-new-toy-name{position:relative;white-space:nowrap;margin-top:6px;padding:4px 14px;background:var(--paper);border:2.5px solid var(--ink);border-radius:999px;font-family:var(--display);font-weight:700;font-size:clamp(15px,2.4cqw,22px)}@keyframes mp-new-toy{0%{transform:translateY(40%) scale(.2);opacity:0}18%{transform:translateY(-6%) scale(1.08);opacity:1}28%,85%{transform:none;opacity:1}to{transform:translateY(20%) scale(.6);opacity:0}}@keyframes mp-burst{0%{transform:scale(.4) rotate(-20deg);opacity:0}40%{opacity:1}to{transform:scale(1.1) rotate(10deg);opacity:0}}.mp.is-calm .mp-new-toy{opacity:1}@container pp-window (max-height: 520px) and (min-width: 600px){.mp-new-toy{left:76%;width:clamp(96px,30cqmin,140px);margin-left:calc(clamp(96px,30cqmin,140px)/-2)}}.mp-point-down{display:contents}.mp-point-down .pp-show-me{translate:-45% -96%}.mp-point-down .pp-hand{transform:scaleY(-1)}.mp-sky-bubble.is-pop{animation:mp-bubble-burst .38s ease-out both}@keyframes mp-bubble-burst{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}.mp.is-calm .mp-sky-bubble.is-pop{opacity:0}