/* Toys and ingredients are the controls. The canvas keeps a single coordinate
   system, including when scaled for a finger or a keyboard. */
#activity-dialog.playful-dialog{width:min(1100px,calc(100vw - 16px));max-width:1100px;max-height:calc(100dvh - 16px);padding:16px 20px 14px;overflow:auto;background:#fffdf4;border-radius:22px}#activity-dialog.playful-dialog h2{margin:0 50px 2px 0;font-size:25px;line-height:1.2}#activity-dialog.playful-dialog #activity-hint{font-size:14px;min-height:0;margin:5px 45px 10px 0;color:#486477}.playful-dialog .activity-scene.playful-scene{width:100%;max-width:100%;margin:0;aspect-ratio:1000/650;max-height:none;border:3px solid #173f57;border-radius:18px;overflow:hidden;background:#eab96d;touch-action:none}.playful-root{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}.playful-root>svg{display:block;width:100%;height:100%;pointer-events:auto!important;overflow:hidden}.play-object{cursor:grab;outline:none;touch-action:none}.play-object:active{cursor:grabbing}.play-object:focus-visible{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 9px #168ce5)}.playful-dialog #activity-finish{position:absolute;bottom:28px;right:32px;width:58px;min-height:58px;height:58px;margin:0;border:3px solid white;border-radius:50%;background:#079e4e!important;font-size:34px;line-height:1;box-shadow:0 3px 12px #123d6144;z-index:10}.playful-dialog #activity-close{z-index:15}.playful-dialog #activity-retry{position:relative;z-index:16}.playful-dialog #activity-progress,.playful-dialog #activity-primary,.playful-dialog #activity-tools{display:none!important}.play-plomp>.play-stamp-press{animation:play-plomp .25s ease-out}.play-plomp .scissor-blade-a{animation:play-snip .15s ease-out}.play-water-line{animation:play-water 4s ease-in-out infinite}.play-steam{animation:play-steam 2s ease-in-out infinite;pointer-events:none}.play-sticker-mark:last-child{animation:play-sticker .25s ease-out}.play-saved{pointer-events:none}@keyframes play-plomp{40%{transform:translateY(10px) scaleY(.9)}to{transform:none}}@keyframes play-snip{50%{transform:rotate(15deg)}}@keyframes play-water{50%{translate:15px 0;opacity:.3}}@keyframes play-steam{50%{translate:0 -12px;opacity:.35}}@keyframes play-ink{from{opacity:.1}to{opacity:1}}@keyframes play-sticker{from{opacity:.3}to{opacity:1}}.reduced .playful-root *{animation:none!important}@media(prefers-reduced-motion:reduce){.playful-root *{animation:none!important}}@media(max-width:600px){#activity-dialog.playful-dialog{padding:12px 9px;max-height:calc(100dvh - 8px);width:calc(100vw - 8px);border-radius:16px}#activity-dialog.playful-dialog h2{font-size:19px}#activity-dialog.playful-dialog #activity-hint{font-size:12px;margin-bottom:6px}.playful-dialog #activity-finish{width:48px;height:48px;min-height:48px;bottom:19px;right:18px;font-size:28px}.playful-dialog .activity-scene.playful-scene{border-width:2px;border-radius:12px}}
@media(min-width:850px) and (max-height:850px){#activity-dialog.playful-dialog{width:min(calc((100dvh - 115px)*1.5385),calc(100vw - 16px))}}

.play-mixer-running .play-beaters{animation:play-beaters .12s linear infinite}.play-door-open{animation:play-door .35s ease-out;transform-box:fill-box;transform-origin:top center}@keyframes play-beaters{50%{translate:4px 0;scale:1.06 1}}@keyframes play-door{from{scale:1 .1}to{scale:1 1}}
.magic-twinkle{animation:magic-twinkle 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.magic-twinkle:nth-child(even){animation-delay:.7s}@keyframes magic-twinkle{50%{opacity:.35;scale:.7}}.playful-root image{image-rendering:pixelated}
.garden-water-drops{stroke-dasharray:7 10;animation:garden-drip .4s linear infinite}@keyframes garden-drip{to{stroke-dashoffset:-17}}
.garden-stem{transform-box:fill-box;transform-origin:bottom center;animation:garden-sway 3s ease-in-out infinite}@keyframes garden-sway{50%{rotate:2deg}}
#activity-scene[data-kind="zoo"] .play-object{cursor:pointer}#activity-scene[data-kind="zoo"] .playful-root>svg{animation:zoo-view-in .35s ease-out}@keyframes zoo-view-in{from{scale:.97}to{scale:1}}
.beach-shell-glint{animation:beach-glint 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.beach-flag{animation:beach-flag 2s ease-in-out infinite;transform-origin:0 -125px}@keyframes beach-glint{0%,75%,100%{opacity:.1}86%{opacity:1;scale:1.2}}@keyframes beach-flag{50%{scale:.88 1}}

#activity-scene[data-kind="memory"] .play-object{cursor:pointer}#activity-scene[data-kind="memory"] .play-object[aria-disabled="true"]{cursor:default}