/* The shared SVG stage owns all animation, including reduced-motion frames. */
.play-scene.garden-play{width:100%;max-width:100%;min-width:0;height:clamp(260px,65vw,350px)!important;min-height:0;aspect-ratio:auto;background:#e6efda;isolation:isolate}
.garden-play>.habitat-art,.garden-play>.habitat-painting{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.64}
.garden-play #play-speech{top:7px;margin:0;left:4%;right:4%;padding:7px 8px;font-size:13px;line-height:1.65;z-index:4;pointer-events:none;box-shadow:0 2px 10px #7998690d}
.garden-play-stage{position:absolute;inset:34px 0 0;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:18px}
.garden-play-stage[role=button]{cursor:pointer}
.garden-play-stage:focus-visible{outline:3px solid #729d68;outline-offset:-4px}
.garden-play-canvas{display:block;width:100%;height:100%;overflow:visible}
.garden-play-canvas foreignObject{overflow:visible}
.garden-play-canvas .dressed-pet{max-width:none!important}
.garden-play-canvas *{animation:none!important;transition:none!important}
.garden-play.is-playing .garden-play-stage{background:radial-gradient(ellipse at 50% 83%,#fff7de22,transparent 63%)}
.play-guide{margin:9px 3px 2px;text-align:center;font-size:12px;color:#738764;line-height:1.8}
@media(max-width:480px){.play-scene.garden-play{height:250px!important;min-height:0;aspect-ratio:auto}.garden-play #play-speech{font-size:12px;padding:6px}.garden-play-stage{inset:38px 0 0}.play-guide{font-size:11px}}
@media(prefers-reduced-motion:reduce){.garden-play.is-playing .garden-play-stage{background:#fff8df1c}}