/* Keep the approved artwork dormant until its section is near the viewport. */
.roadmap-stage:not(.is-art-visible)::after,
.page-heading:not(.is-art-visible)::before,.page-heading:not(.is-art-visible)::after,
.simple-frame:not(.is-art-visible)::after,.mu-scene-passage:not(.is-art-visible){background-image:none}
.roadmap-stage{content-visibility:auto;contain-intrinsic-size:auto 650px}
@media(prefers-reduced-motion:reduce){.roadmap-stage{content-visibility:visible}}

/* ---- Bổ sung: bỏ hiệu ứng nặng GPU ---- */
/* Nền cố định: lớp fixed riêng thay cho background-attachment:fixed (cuộn mượt hơn) */
body{background-image:none!important;background-attachment:scroll!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(90deg,#06090dd9,#10172070 42%,#10172070 58%,#06090dd9),url('assets/optimized/f9984c5f5b1b5cc80129ed43.webp');
 background-position:center,center top;background-size:cover,cover;background-repeat:no-repeat;transform:translateZ(0)}
/* drop-shadow trên canvas WebGL bắt GPU làm mờ lại mỗi khung hình */
.hero--split .hero-party>.mu-model>:is(canvas,.mu-model-fallback),
.hero-bosses>.boss-canvas,.character-display>:is(img,.mu-model),
.hero-party>:is(img,.mu-model){filter:none!important}
/* mix-blend-mode chồng lên canvas/animation */
.hero-memory-webzen,.hero-memory-webzen>img,.boss-arena-mark img,.boss-smoke,
.boss-slot:before,.boss-slot:after{mix-blend-mode:normal!important}