/* shahraz — spécifique. Tronc commun : assets/guide.css */
:root{--h1:60px}
#bg{background-image:url("../media/acda22993b41883c2f72.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{opacity:1}
#boss{animation:breathe 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(181,139,245,.5))}
@keyframes breathe{50%{transform:scale(1.05)}}

/* 1 · etalement du raid */
.obst{fill:rgba(242,193,78,.14);stroke:#F2C14E;stroke-width:3}
.lead{stroke:#F2C14E;stroke-width:2;opacity:.75}

/* 2 · Fouette-sabre */
.lash{fill:rgba(232,68,60,.16);stroke:#E8443C;stroke-width:3}
[data-step="2"] .lash{animation:pulse 1.2s ease-in-out infinite}

/* 3 · resistance a l'Ombre & 7 · aura prismatique */
#srbadge rect,#aura rect{fill:rgba(5,10,16,.8);stroke:rgba(181,139,245,.6);stroke-width:2}
#srbadge rect{stroke:rgba(47,194,199,.6)}
.lt2{font-family:'Archivo Black',sans-serif;font-size:16px;fill:#B58BF5;text-anchor:middle;letter-spacing:.04em}
#srbadge .lt2{fill:#2FC2C7}
.ls2{font-family:'JetBrains Mono',monospace;font-size:13px;fill:var(--slate);text-anchor:middle}
[data-step="7"] #aura{animation:pulse 2.4s ease-in-out infinite}

/* 4 · Hurlement muselant */
.silence-r{fill:rgba(181,139,245,.1);stroke:#B58BF5;stroke-width:3;stroke-dasharray:8 10}
[data-step="4"] .silence-r{animation:dash 3s linear infinite, pulse 1.6s ease-in-out infinite}

/* 5 · Liaison fatale */
.lk{fill:rgba(232,68,60,.28);stroke:#E8443C;stroke-width:2.5}
.beam{fill:none;stroke:#E8443C;stroke-width:2.5;stroke-dasharray:6 6;opacity:.8}
[data-step="5"] .lk,[data-step="5"] .beam{animation:pulse 1s ease-in-out infinite}
.flee1,.flee2,.flee3{stroke:#EDE8DA;stroke-width:3;stroke-dasharray:8 8;animation:dash 1s linear infinite}

/* 6 · les rayons */
.beamhit circle{fill:rgba(127,178,240,.24);stroke:#7FB2F0;stroke-width:2.5;opacity:0}
[data-step="6"] .beamhit circle{animation:zapH 2.2s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes zapH{0%,15%{opacity:0}30%{opacity:1}70%{opacity:.6}100%{opacity:0}}
.arc{stroke:#7FB2F0;stroke-width:2.5;stroke-dasharray:7 7;opacity:.75;animation:dash 1.1s linear infinite}