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

.room{fill:rgba(6,18,20,.3);stroke:rgba(180,235,225,.28);stroke-width:2.5}
.room-inner{fill:none;stroke:rgba(170,225,215,.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 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(47,194,199,.5))}
@keyframes breathe{50%{transform:scale(1.05)}}
.dist6 circle{fill:none;stroke:rgba(47,194,199,.5);stroke-width:2;stroke-dasharray:5 7;animation:dash 3s linear infinite}
.cone-cl{fill:rgba(232,68,60,.16);stroke:#E8443C;stroke-width:2.5}
[data-step="1"] #cleave{animation:pulse 2.2s ease-in-out infinite}

.cone-n{fill:rgba(127,178,240,.22);stroke:#7FB2F0;stroke-width:2.5}
#needle{opacity:0}
[data-step="2"] #needle{animation:sweep2 6s steps(1,end) infinite, coneFlash2 2s ease-out infinite}
@keyframes sweep2{0%{transform:rotate(-40deg)}33%{transform:rotate(160deg)}66%{transform:rotate(60deg)}}
@keyframes coneFlash2{0%{opacity:0}14%{opacity:1}72%{opacity:.75}100%{opacity:0}}
.hit-splash circle{fill:rgba(127,178,240,.28);stroke:#7FB2F0;stroke-width:2.5;opacity:0}
[data-step="2"] .hit-splash circle{animation:splash 2.2s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes splash{0%,20%{opacity:0;r:20}35%{opacity:1;r:52}70%{opacity:.6}100%{opacity:0}}

.pin-ring{fill:rgba(232,68,60,.2);stroke:#E8443C;stroke-width:3}
[data-step="3"] #impaled{animation:pulse 1.3s ease-in-out infinite}
.save-arrow{stroke:#F2C14E;stroke-width:3.5;stroke-dasharray:9 9;animation:dash 1s linear infinite}

.shield{fill:rgba(47,194,199,.14);stroke:#2FC2C7;stroke-width:4;stroke-dasharray:8 10}
[data-step="4"] .shield{animation:dash 3s linear infinite, pulse 1.6s ease-in-out infinite}
#reduc{animation:pulse 2.2s ease-in-out infinite}

.burst{fill:none;stroke:#7FB2F0;stroke-width:4;opacity:0}
[data-step="5"] .burst{animation:burstW 2.8s ease-out infinite}
[data-step="5"] .burst:nth-of-type(2){animation-delay:1.4s}
@keyframes burstW{0%{r:70;opacity:.95}100%{r:410;opacity:0}}