/* Integração localizada no visual da capa; nenhuma regra global do site é substituída. */
.hero-art.has-pani > img{position:absolute;right:0;top:7%;width:35%;max-width:180px;height:auto;aspect-ratio:1}
.hero-art.has-pani .art-label{left:auto;right:0;max-width:40%;font-size:9px;letter-spacing:.3px;line-height:1.5;padding:10px;gap:7px}
.hero-art.has-pani .art-label.one{top:56%;bottom:auto}
.hero-art.has-pani .art-label.two{top:74%;bottom:auto}
.hero-art.has-pani .art-label svg{flex-shrink:0}
.pani-character{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;width:55%;max-width:270px;aspect-ratio:5 / 9;pointer-events:none;isolation:isolate}
.pani-character::after{content:'';position:absolute;left:14%;right:20%;bottom:-2px;height:10px;border-radius:50%;background:radial-gradient(ellipse,#58e9ff20,transparent 70%);z-index:-1}
.pani-character img,.pani-character video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;border:0;border-radius:0;mix-blend-mode:normal}
.pani-character video{opacity:0}
.pani-character.is-playing video{opacity:1}
.pani-character.is-playing img{visibility:hidden}
@media(max-width:850px){.hero-art.has-pani .art-label{font-size:8px;padding:8px;gap:6px}.hero-art.has-pani .art-label svg{width:17px;height:17px}}
@media(max-width:600px){.hero-art.has-pani > img{top:8%;width:35%}.hero-art.has-pani .art-label.one{top:51%}.hero-art.has-pani .art-label.two{top:72%}.hero-art.has-pani .art-label{font-size:8px;max-width:40%}.pani-character{width:55%}}
@media(max-width:360px){.hero-art.has-pani .art-label{font-size:7px;padding:7px}.hero-art.has-pani .art-label svg{width:14px;height:14px}}