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

.room{fill:rgba(6,18,20,.3);stroke:rgba(170,225,215,.24);stroke-width:2.5}
.room-inner{fill:none;stroke:rgba(160,215,205,.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,[data-step="6"] #L6,[data-step="7"] #L7,[data-step="8"] #L8{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)}}

.fix-ring{fill:rgba(232,68,60,.2);stroke:#E8443C;stroke-width:3}
[data-step="1"] .fix-ring{animation:pulse 1.1s ease-in-out infinite}

.drainT circle{fill:rgba(181,139,245,.22);stroke:#B58BF5;stroke-width:2.5;opacity:0}
[data-step="3"] .drainT circle{animation:drainP 2.2s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes drainP{0%,100%{opacity:.4}50%{opacity:1}}

.soul circle{fill:rgba(140,240,126,.24);stroke:#8CF07E;stroke-width:2.5;opacity:0}
[data-step="4"] .soul circle{animation:soulPop 2.6s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes soulPop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}75%{opacity:.9}100%{opacity:0}}

.rf{stroke:#F2C14E;stroke-width:3;fill:none;opacity:0}
[data-step="5"] .rf{animation:bounce 2s ease-in-out infinite}
@keyframes bounce{0%,100%{opacity:0}40%,60%{opacity:1}}

.rune-r{fill:rgba(181,139,245,.12);stroke:#B58BF5;stroke-width:3.5;stroke-dasharray:7 9;animation:dash 3s linear infinite}
.reflectA{stroke:#4C86E0;stroke-width:3.5;stroke-dasharray:9 9;animation:dash 1s linear infinite}

.anger-r{fill:none;stroke:#E8443C;stroke-width:3;opacity:0}
[data-step="6"] .anger-r{animation:angerPulse 1.6s ease-in-out infinite}
@keyframes angerPulse{0%,100%{opacity:.15}50%{opacity:.55}}


.frenzy-hi{fill:rgba(255,122,51,.16);stroke:#FF7A33;stroke-width:3}
[data-step="2"] .frenzy-hi{animation:pulse 1s ease-in-out infinite}
.anger-cone{fill:rgba(232,68,60,.16);stroke:rgba(232,68,60,.7);stroke-width:3;stroke-dasharray:6 7}
[data-step="6"] .anger-cone{animation:angerPulse 1.6s ease-in-out infinite}

.taunt-hi{fill:rgba(255,122,51,.16);stroke:#FF7A33;stroke-width:3}
[data-step="7"] .taunt-hi{animation:pulse 1s ease-in-out infinite}

.regroup{fill:rgba(140,240,126,.10);stroke:#8CF07E;stroke-width:3;stroke-dasharray:9 10;opacity:0}
[data-step="4"] .regroup{animation:dash 3s linear infinite,regroupIn .6s ease both}
@keyframes regroupIn{from{opacity:0}to{opacity:1}}
.regroup-a{fill:none;stroke:#8CF07E;stroke-width:3.5;stroke-dasharray:10 9;opacity:0}
[data-step="4"] .regroup-a{animation:dash 1.1s linear infinite,regroupIn .6s ease both}

.spite circle{fill:rgba(181,139,245,.22);stroke:#B58BF5;stroke-width:2.5;opacity:0}
[data-step="8"] .spite circle{animation:drainP 2.2s ease-in-out infinite;animation-delay:var(--d,0s)}