/* illidan — spécifique. Tronc commun : assets/guide.css */
:root{--h1:54px}
#bg{background-image:url("../media/7bc2ef77f6e4cea30f68.jpg")}

[data-step="1"] #L1,[data-step="2"] #L2,[data-step="3"] #L3,[data-step="4"] #L4,
[data-step="5"] #L5,[data-step="6"] #L6,[data-step="7"] #L7,[data-step="8"] #L8{opacity:1}
#boss{animation:breathe 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(140,240,126,.45))}
@keyframes breathe{50%{transform:scale(1.05)}}

/* 1 · orientation */
.facing{fill:rgba(237,232,218,.07);stroke:rgba(237,232,218,.4);stroke-width:2.5;stroke-dasharray:9 10}
[data-step="1"] .facing{animation:dash 3.4s linear infinite}

/* 2 · Déferlante de flammes */
.crash{fill:rgba(255,122,51,.16);stroke:#FF7A33;stroke-width:3}
[data-step="2"] .crash{animation:pulse 1.3s ease-in-out infinite}
.crash-old circle{fill:rgba(127,178,240,.16);stroke:#7FB2F0;stroke-width:2.5;stroke-dasharray:8 9}
[data-step="2"] .crash-old circle{animation:dash 2.6s linear infinite}
.shift{fill:none;stroke:#FF7A33;stroke-width:3.5;stroke-dasharray:9 8}
[data-step="2"] .shift{animation:dash 1s linear infinite}

/* 3 · Attirer l'âme */
.soulcone{fill:rgba(181,139,245,.18);stroke:#B58BF5;stroke-width:3}
[data-step="3"] .soulcone{animation:pulse 1.5s ease-in-out infinite}

/* 4 · Ombrefiel parasite */
.para circle{fill:rgba(232,68,60,.26);stroke:#E8443C;stroke-width:3}
[data-step="4"] .para circle{animation:pulse 1.1s ease-in-out infinite}
.para-run{fill:none;stroke:#E8443C;stroke-width:3;stroke-dasharray:8 8}
[data-step="4"] .para-run{animation:dash 1s linear infinite}
.trapz{fill:rgba(47,194,199,.16);stroke:#2FC2C7;stroke-width:3;stroke-dasharray:7 8}
[data-step="4"] .trapz{animation:dash 3s linear infinite}

/* 5 · Flammes d'Azzinoth */
.glaive circle{fill:rgba(255,122,51,.22);stroke:#FF7A33;stroke-width:3}
[data-step="5"] .glaive circle{animation:pulse 1.4s ease-in-out infinite}
.pack circle{fill:rgba(237,232,218,.07);stroke:rgba(237,232,218,.5);stroke-width:2.5;stroke-dasharray:9 10}
[data-step="5"] .pack circle{animation:dash 3s linear infinite;animation-delay:var(--d,0s)}

/* 6 · Flammes déchirantes */
.spread5 circle{fill:rgba(255,122,51,.14);stroke:#FF7A33;stroke-width:2.5;stroke-dasharray:6 8}
[data-step="6"] .spread5 circle{animation:dash 2.4s linear infinite;animation-delay:var(--d,0s)}

/* 7 · Forme démoniaque */
.dread{fill:rgba(232,68,60,.12);stroke:#E8443C;stroke-width:3;stroke-dasharray:6 8}
[data-step="7"] .dread{animation:dash 2.6s linear infinite}
.runout{fill:none;stroke:#FF7A33;stroke-width:3.5;stroke-dasharray:10 9}
[data-step="7"] .runout{animation:dash 1s linear infinite}

/* 8 · Maiev */
.ally{fill:rgba(140,240,126,.24);stroke:#8CF07E;stroke-width:3}
[data-step="8"] .ally{animation:pulse 1.8s ease-in-out infinite}
.trapz2 circle{fill:rgba(140,240,126,.16);stroke:#8CF07E;stroke-width:3;stroke-dasharray:7 8}
[data-step="8"] .trapz2 circle{animation:dash 2.6s linear infinite}
.drag{fill:none;stroke:#8CF07E;stroke-width:3.5;stroke-dasharray:9 8}
[data-step="8"] .drag{animation:dash 1s linear infinite}