/* V3.6 — sửa kích thước ảnh nhân vật (wrapper .hs) + FX môn phái trên ảnh HTML */
.hs{max-width:100%;vertical-align:bottom}
.hs img{max-width:100%;height:auto}
.meditate>.hs{grid-area:1/1;position:relative;z-index:1;max-width:190px;animation:float 3s ease-in-out infinite}
.meditate .hs img{max-height:220px;max-width:190px;width:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(184,108,255,.7))}
.res-art .hs{max-width:70%}
.res-art .hs img{max-height:170px;max-width:100%;width:auto;object-fit:contain}
@media (max-width:640px){
 .meditate{width:min(200px,62vw);height:auto;min-height:180px}
 .meditate>.hs,.meditate .hs img,.meditate>img,.meditate>canvas{max-width:min(180px,58vw);max-height:200px}
 .res-art .hs img,.res-art img{max-height:min(150px,22vh)}
 .pf-art{min-height:240px!important;max-height:52vh}
 .dart img{max-height:40vh}
 .hero-row img,.hero-row canvas{max-width:100%}
}
/* lớp hiệu ứng môn phái */
.hs[style*="--sc"] img{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--sc) 80%,transparent))!important}
.hs-sect{position:absolute;inset:-6% -10%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--sc) 30%,transparent),transparent 62%);z-index:0;animation:hsPulse 2.4s ease-in-out infinite}
.hs>img{position:relative;z-index:1}
.sfx-fire .hs-sect,.sfx-demon .hs-sect{background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--sc) 45%,transparent),transparent 60%)}
.sfx-ice .hs-sect{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sc2) 35%,transparent),color-mix(in srgb,var(--sc) 18%,transparent) 45%,transparent 65%)}
.sfx-ghost .hs-sect{filter:blur(4px)}
.sfx-tag{display:inline-block;margin:2px 0 4px;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--sc);border:1px solid color-mix(in srgb,var(--sc) 60%,transparent);background:color-mix(in srgb,var(--sc) 12%,transparent)}