.watamono-movie-card { margin:0; }
.watamono-movie-card a { position:relative; }
.watamono-movie-card img { object-fit:cover; }
.watamono-movie-card figcaption { margin-top:12px; font-size:.95rem; }
.watamono-movie-play { position:absolute; inset:50% auto auto 50%; width:52px; height:52px; border-radius:50%; background:rgba(0,0,0,.72); transform:translate(-50%,-50%); }
.watamono-movie-play::after { content:""; position:absolute; top:50%; left:53%; border:8px solid transparent; border-left:13px solid #fff; transform:translate(-35%,-50%); }
.watamono-movie-modal { position:fixed; inset:0; z-index:20000; display:grid; place-items:center; padding:24px; visibility:hidden; opacity:0; background:rgba(0,0,0,.88); transition:opacity .25s,visibility .25s; }
.watamono-movie-modal.is-open { visibility:visible; opacity:1; }
.watamono-movie-dialog { position:relative; width:min(100%,1100px); }
.watamono-movie-frame { width:100%; aspect-ratio:16/9; border:0; background:#000; }
.watamono-movie-close { position:absolute; right:0; bottom:calc(100% + 12px); width:42px; height:42px; padding:0; border:0; color:#fff; background:transparent; font-size:34px; line-height:1; cursor:pointer; }
body.watamono-modal-open { overflow:hidden; }