/* azgalor — spécifique. Tronc commun : assets/guide.css */
:root{--h1:76px}
#bg{background-image:url("../media/5c1e0ae4db0da28c76ad.jpg")}

.room{fill:rgba(8,16,22,.26);stroke:rgba(235,245,240,.28);stroke-width:2.5}
.room-inner{fill:none;stroke:rgba(220,238,232,.1);stroke-width:1.5}
[data-step="1"] #Lpull,[data-step="2"] #L1,[data-step="3"] #L2,[data-step="4"] #L3,[data-step="5"] #L4,[data-step="6"] #L5{opacity:1}
[data-step="1"] #raid{opacity:0}
[data-step="1"] #anchor-spot{opacity:0}
.md-line{stroke:#2FC2C7;stroke-width:3.5;stroke-dasharray:10 8;fill:none;animation:dash 1.1s linear infinite}
#boss{animation:breathe 3.8s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(232,68,60,.5))}
@keyframes breathe{50%{transform:scale(1.05)}}
.spot{fill:rgba(242,193,78,.1);stroke:#F2C14E;stroke-width:2.5;stroke-dasharray:7 10;animation:dash 4s linear infinite}
.cone-cl{fill:rgba(232,68,60,.2);stroke:#E8443C;stroke-width:2.5}
[data-step="2"] #cleave{animation:pulse 2s ease-in-out infinite}
.rof circle{fill:rgba(255,122,51,.24);stroke:#FF7A33;stroke-width:3;opacity:0}
[data-step="2"] .rof circle{animation:rain 4s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes rain{0%{opacity:0;r:20}15%{opacity:1;r:70}70%{opacity:.85}85%,100%{opacity:0}}
.doom-ring{fill:rgba(181,139,245,.18);stroke:#B58BF5;stroke-width:3}
.doom-timer{fill:none;stroke:#E8443C;stroke-width:5;stroke-dasharray:264;stroke-linecap:round;
  transform:rotate(-90deg)}
[data-step="3"] .doom-timer{animation:countdown 5s linear infinite}
@keyframes countdown{0%{stroke-dashoffset:0}100%{stroke-dashoffset:264}}
[data-step="3"] #doomed{animation:pulse 1.5s ease-in-out infinite}
.route{stroke:#F2C14E;stroke-width:4;stroke-dasharray:11 11;animation:dash 1.2s linear infinite}
.spot-hi{fill:rgba(242,193,78,.2);stroke:#F2C14E;stroke-width:3.5;animation:pulse 1.4s ease-in-out infinite}
.dg-ring{fill:rgba(232,68,60,.14);stroke:#E8443C;stroke-width:3;stroke-dasharray:7 9;animation:dash 3s linear infinite}
.pickup{stroke:#F2C14E;stroke-width:3.5;stroke-dasharray:9 9;animation:dash 1s linear infinite}
.howl{fill:none;stroke:#B58BF5;stroke-width:4;opacity:0}
[data-step="6"] .howl{animation:howlW 3.4s ease-out infinite}
[data-step="6"] .howl:nth-of-type(2){animation-delay:1.7s}
@keyframes howlW{0%{r:70;opacity:.95}100%{r:425;opacity:0}}
.howl-full{fill:rgba(181,139,245,.1);stroke:#B58BF5;stroke-width:2.5;stroke-dasharray:6 10;
  opacity:0;animation:dash 5s linear infinite}
[data-step="6"] .howl-full{animation:dash 5s linear infinite, howlHold 3.4s ease-in-out infinite}
@keyframes howlHold{0%,20%{opacity:0}35%,75%{opacity:1}95%,100%{opacity:0}}