/* 装飾はクリックと読み上げの対象から外す。足元を固定してポーズを切り替える。 */
.bp-play { position:fixed; inset:0; z-index:30; overflow:hidden; pointer-events:none; contain:strict; }
.bp-play__owner, .bp-play__dog, .bp-play__ball { position:absolute; left:0; bottom:14px; will-change:transform,opacity; }
.bp-play__owner { width:140px; height:177px; }
.bp-play__dog { width:140px; height:103px; }
.bp-play__sprite { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:400% 100%; }
.bp-play__owner .bp-play__sprite { background-image:url('../flow/fetch-owner.webp'); }
.bp-play__dog .bp-play__sprite { background-image:url('../flow/fetch-dog-merle.webp'); }
.bp-play[data-dog="white"] .bp-play__dog { width:105px; height:77px; }
.bp-play[data-dog="white"] .bp-play__dog .bp-play__sprite { background-image:url('../flow/fetch-dog.webp'); }
.bp-play__ball { width:17px; height:17px; bottom:21px; }
.bp-play__ball span, .bp-play__held-ball { display:block; width:100%; height:100%; border-radius:50%; background:repeating-conic-gradient(#e8b93f 0deg 90deg,#fff2bb 90deg 180deg); border:1px solid #b48628; box-sizing:border-box; }
.bp-play__held-ball { position:absolute; width:17px; height:17px; }
@media(max-width:600px) { .bp-play__owner { width:104px; height:131px; } .bp-play__dog { width:104px; height:77px; } .bp-play__ball { width:14px; height:14px; } }
@media(prefers-reduced-motion:reduce) { .bp-play { display:none; } }
@media(max-width:600px) { .bp-play__held-ball { width:14px; height:14px; } }
@media(max-width:600px) { .bp-play[data-dog="white"] .bp-play__dog { width:82px; height:60px; } }