/* winterchill — spécifique. Tronc commun : assets/guide.css */
:root{--h1:58px}
#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 4s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(76,134,224,.55))}
@keyframes breathe{50%{transform:scale(1.05)}}
.spread-guide{fill:none;stroke:rgba(237,232,218,.45);stroke-width:2;stroke-dasharray:6 10;animation:dash 3s linear infinite}

/* 2 · Éclair de Glace */
.bolt-path{stroke:#7FB2F0;stroke-width:4;stroke-dasharray:300;stroke-dashoffset:300;fill:none;
  filter:drop-shadow(0 0 8px rgba(127,178,240,.8))}
[data-step="2"] .bolt-path{animation:shoot 3.4s ease-in infinite}
@keyframes shoot{0%{stroke-dashoffset:300;opacity:1}22%{stroke-dashoffset:0;opacity:1}40%,100%{opacity:0}}
.ice{fill:rgba(127,178,240,.24);stroke:#7FB2F0;stroke-width:3}
.ice-in{fill:rgba(127,178,240,.4)}
#tomb{opacity:0}
[data-step="2"] #tomb{animation:tomb 3.4s ease-out infinite}
@keyframes tomb{0%,20%{opacity:0;transform:translate(272px,-112px) scale(.5)}
  30%{opacity:1;transform:translate(272px,-112px) scale(1)}90%{opacity:1}100%{opacity:0}}
.hp-bg{fill:rgba(5,10,16,.85);stroke:rgba(200,215,225,.35);stroke-width:1.5}
.hp{fill:#E8443C;transform-origin:-50px 0}
[data-step="2"] .hp{animation:hpdrop 3.4s ease-in infinite}
@keyframes hpdrop{0%,28%{transform:scaleX(1)}82%,100%{transform:scaleX(.08)}}

/* 3 · Mort & décomposition */
.dnd circle{fill:rgba(122,74,158,.34)}
.dnd .dnd-edge{fill:none;stroke:#B58BF5;stroke-width:3.5;stroke-dasharray:9 11;animation:dash 4s linear infinite}
[data-step="3"] .dnd{animation:pulse 1.5s ease-in-out infinite}
.flee{stroke:#EDE8DA;stroke-width:3.5;stroke-dasharray:9 9;animation:dash 1s linear infinite;animation-delay:var(--d,0s)}
.stay circle{fill:none;stroke:#F2C14E;stroke-width:3.5}
[data-step="3"] .stay{animation:pulse 1.2s ease-in-out infinite}

/* 4 · Nova de Givre */
.nova{fill:none;stroke:#7FB2F0;stroke-width:4;opacity:0}
[data-step="4"] .nova{animation:novaW 3s ease-out infinite}
[data-step="4"] .nova:nth-of-type(2){animation-delay:1.5s}
@keyframes novaW{0%{r:30;opacity:.95}100%{r:170;opacity:0}}
.nova-zone{fill:rgba(127,178,240,.12);stroke:#7FB2F0;stroke-width:2.5;stroke-dasharray:7 10;animation:dash 5s linear infinite}
.root path{stroke:#7FB2F0;stroke-width:4;stroke-linecap:round}
[data-step="4"] .root{animation:pulse 1.4s ease-in-out infinite;animation-delay:var(--d,0s)}

/* 5 */
#lust rect{fill:rgba(5,10,16,.8);stroke:rgba(255,122,51,.6);stroke-width:2}
.lt{font-family:'Archivo Black',sans-serif;font-size:17px;fill:#FF7A33;text-anchor:middle;letter-spacing:.05em}
.ls{font-family:'JetBrains Mono',monospace;font-size:13px;fill:var(--slate);text-anchor:middle}
[data-step="5"] #lust{animation:pulse 2.4s ease-in-out infinite}

