/* stormmu — cinematic event art v1 */
.sm-event-art-banner{
    width:min(1480px,calc(100% - 28px));
    margin:24px auto 18px;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(218,180,72,.34);
    border-radius:18px;
    background:#07090b;
    box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 42px rgba(212,175,55,.06);
    isolation:isolate;
}
.sm-event-art-banner:before{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(255,231,151,.08);
    border-radius:inherit;
    pointer-events:none;
    z-index:2;
}
.sm-event-art-banner:after{
    content:"";
    position:absolute;
    left:8%;right:8%;bottom:-2px;
    height:2px;
    background:linear-gradient(90deg,transparent,#d8b34e,transparent);
    filter:drop-shadow(0 0 8px rgba(225,188,80,.55));
    pointer-events:none;
    z-index:2;
}
.sm-event-art-banner img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
}
.sm-event-art-banner.is-missing{display:none}

/* Os heros antigos de título ficam redundantes quando a arte já traz o nome. */
.sm-event-page.sm-has-art-hero .hero-swamp,
.sm-event-page.sm-has-art-hero .hero-abyss,
.sm-event-page.sm-has-art-hero .hero-nixies{
    display:none!important;
}

/* PvP mantém os botões de ação, mas vira uma barra compacta abaixo da arte. */
.sm-pvp-page.sm-has-art-hero .p9>.hero:first-child{
    margin-top:0;
    padding:14px 18px;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(212,175,55,.075),rgba(11,13,16,.96));
}
.sm-pvp-page.sm-has-art-hero .p9>.hero:first-child h1,
.sm-pvp-page.sm-has-art-hero .p9>.hero:first-child p{display:none}
.sm-pvp-page.sm-has-art-hero .p9>.hero:first-child .eyebrow{margin:0}
.sm-pvp-page.sm-has-art-hero .p9>.hero:first-child .pageNav{margin:0}

/* Quest diária mantém informações e controles do hero original em formato compacto. */
.sm-quest-art-wrap{margin-bottom:10px}
.quest-daily-v2.sm-has-art-hero .qd-hero{
    margin-top:0;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
}

@media(max-width:780px){
    .sm-event-art-banner{width:calc(100% - 18px);margin:14px auto 12px;border-radius:12px}
    .sm-pvp-page.sm-has-art-hero .p9>.hero:first-child{align-items:flex-start;flex-direction:column}
}