/* anetheron — spécifique. Tronc commun : assets/guide.css */
:root{--h1:72px}
#bg{background-image:url("../media/d1c58fdd392a2a42e51e.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"] #L1,[data-step="2"] #L2,[data-step="3"] #L3,[data-step="4"] #L4,[data-step="5"] #L5{opacity:1}
#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)}}
.jaina-ring{fill:rgba(5,10,16,.55);stroke:#4C86E0;stroke-width:2.5;stroke-dasharray:5 7}
.spread-guide{fill:none;stroke:rgba(237,232,218,.45);stroke-width:2;stroke-dasharray:6 10;
  animation:dash 3s linear infinite}

/* 2 · cône tournant */
.cone{fill:rgba(181,139,245,.26);stroke:#B58BF5;stroke-width:2.5}
#swarm{opacity:0}
[data-step="2"] #swarm{animation:sweep 8s steps(1,end) infinite, coneFlash 2s ease-out infinite}
@keyframes sweep{0%{transform:rotate(-64deg)}25%{transform:rotate(118deg)}
  50%{transform:rotate(212deg)}75%{transform:rotate(28deg)}}
@keyframes coneFlash{0%{opacity:0}12%{opacity:1}70%{opacity:.75}100%{opacity:0}}

/* 3 · sommeil */
.zzz circle{fill:rgba(181,139,245,.2);stroke:#B58BF5;stroke-width:2.5}
.zt{font-family:'Archivo Black',sans-serif;font-size:24px;fill:#B58BF5;text-anchor:middle}
[data-step="3"] .zzz{animation:doze 2.6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes doze{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

/* 4 · infernal */
.impact{fill:rgba(255,122,51,.22);stroke:#FF7A33;stroke-width:3}
.stunned{fill:none;stroke:#FF7A33;stroke-width:3}
[data-step="4"] .impact{animation:pulse 1.3s ease-in-out infinite}
[data-step="4"] .stunned{animation:stunRing 2.6s ease-out infinite}
@keyframes stunRing{0%{r:17;opacity:1}70%,100%{r:52;opacity:0}}
.drag-path{stroke:#FF7A33;stroke-width:3.5;stroke-dasharray:10 10;opacity:.9;animation:dash 1.2s linear infinite}
.immo{fill:rgba(255,122,51,.16);stroke:#FF7A33;stroke-width:3;stroke-dasharray:7 9;
  animation:dash 4s linear infinite}
.range-line{stroke:#2FC2C7;stroke-width:2.5;stroke-dasharray:6 8;animation:dash 2s linear infinite}

/* 5 · aura */
.vamp{fill:none;stroke:#E8443C;stroke-width:3.5;opacity:0}
[data-step="5"] .vamp{animation:vampWave 3s ease-in infinite}
[data-step="5"] .vamp:nth-of-type(2){animation-delay:1.5s}
@keyframes vampWave{0%{r:250;opacity:0}30%{opacity:.8}100%{r:70;opacity:0}}
#debuffs{animation:pulse 2.2s ease-in-out infinite}