.pet-stage{flex-direction:column}
.pet-video[hidden],.pet-view[hidden]{display:none}
.pet-view{width:100%;max-width:420px;aspect-ratio:26/31;position:relative;z-index:1;cursor:grab}
.pet-view:active{cursor:grabbing}
.pet-view canvas{display:block;width:100%;height:100%;touch-action:none}
.pet-view-note{font-size:11px;color:#bfa8a5;margin:0 0 12px;text-align:center}
#pet-view-toggle,#pet-view-reset{border:1px solid #95544e;background:#29151b;color:#ebc4bc;border-radius:4px;padding:7px 13px;font:12px "Microsoft YaHei",sans-serif;cursor:pointer}
@media(max-width:820px){.pet-view{max-width:340px}}
.pet-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px 16px;z-index:1}
.pet-actions[hidden]{display:none}
.pet-actions button{font:12px "Microsoft YaHei",sans-serif;color:#bfa8a5;background:#211216;border:1px solid #593137;border-radius:5px;padding:8px 13px;cursor:pointer}
.pet-actions button[aria-pressed="true"]{color:#ffe2d9;border-color:#e2765c;background:#56251f}
.pet-actions button:hover{border-color:#e2765c}
.pet-actions button:focus-visible,#pet-play-toggle:focus-visible{outline:2px solid #ffaf8e;outline-offset:3px}
.pet-video{display:block;width:100%;max-width:420px;height:auto;mix-blend-mode:screen;aspect-ratio:26/31;object-fit:contain}
.pet-playback{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0 12px 22px;width:100%;z-index:1}
.pet-playback .pet-label{position:static;font-size:9px}
#pet-play-toggle{border:1px solid #95544e;background:#29151b;color:#ebc4bc;border-radius:4px;padding:7px 13px;font:12px "Microsoft YaHei",sans-serif;cursor:pointer}
#pet-play-toggle:hover{border-color:#ef9b83;background:#402029}
@media(max-width:820px){.pet-video{max-width:340px}}