.character-media{isolation:isolate;background:none}.character-media:after{display:none}.character-media>img,.character-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-media>img{z-index:1}.character-media>video{z-index:2;opacity:0;transition:opacity .3s ease}.character-media.is-playing>img{opacity:0}.character-media.is-playing>video{opacity:1}.media-toggle{position:absolute;z-index:3;right:13px;bottom:13px;width:37px;height:37px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(9,8,13,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s,background .2s}.media-toggle:hover{transform:scale(1.08);background:var(--hot)}.media-toggle span{display:block;font-size:1rem;line-height:1;transform:rotate(-45deg)}.character-media.is-playing .media-toggle span{font-size:0}.character-media.is-playing .media-toggle span:after{content:'↩';font-size:1rem}.character-media.is-playing .media-toggle{background:var(--hot)}
@media(max-width:720px){.characters{padding-left:9px;padding-right:9px}.character-grid{gap:5px}.character-grid .portrait{height:270px}.media-toggle{right:9px;bottom:9px;width:34px;height:34px}}