/* maulgar — spécifique. Tronc commun : assets/guide.css */
:root{--h1:60px}
#bg{background-image:url("../media/040ce79fea35e01924e0.jpg")}

[data-step="1"] #L1,[data-step="2"] #L2,[data-step="3"] #L3,[data-step="4"] #L4,[data-step="5"] #L5{opacity:1}
.kill-badge{fill:rgba(237,232,218,.35);font-size:20px;transition:fill .4s}
[data-step="4"] .kill-badge{fill:var(--ember)}
.pull-arrow,.flow{animation:dash 1.3s linear infinite}
.assign{fill:none;stroke-width:2.5;stroke-dasharray:5 8;opacity:.85;animation:dash 3s linear infinite}
.focus{fill:none;stroke:#F2C14E;stroke-width:3.5;animation:pulse 1.4s ease-in-out infinite}
#interrupts path{animation:dash .8s linear infinite}
.roar{fill:none;stroke:#B58BF5;stroke-width:3.5;opacity:0}
[data-step="5"] .roar{animation:roarWave 2.6s ease-out infinite}
[data-step="5"] .roar:nth-of-type(2){animation-delay:1.1s}
@keyframes roarWave{0%{r:60;opacity:.9}100%{r:340;opacity:0}}
.charge{opacity:0;stroke-dasharray:400}
[data-step="5"] .charge{animation:chargeIn 2.6s ease-in-out infinite}
@keyframes chargeIn{0%,25%{opacity:0;stroke-dashoffset:400}45%{opacity:1;stroke-dashoffset:0}80%,100%{opacity:0;stroke-dashoffset:0}}