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

#boss{filter:drop-shadow(0 0 15px rgba(140,240,126,.55))}

/* révélation des calques par étape */
[data-step="1"] #L1,[data-step="2"] #L2,[data-step="3"] #L3,[data-step="4"] #L4,[data-step="5"] #L5,[data-step="6"] #L6{opacity:1}

/* --- 1 --- */
.brace{fill:none;stroke:rgba(237,232,218,.4);stroke-width:2;stroke-dasharray:8 10}
[data-step="1"] .brace{animation:dash 5s linear infinite}

/* --- 2 : rotation des groupes --- */
.zone{fill:rgba(232,68,60,.14);stroke:#E8443C;stroke-width:2.5;stroke-dasharray:7 9}
[data-step="2"] .zone{animation:dash 4s linear infinite, pulse 1.8s ease-in-out infinite}
.cac circle{fill:rgba(228,219,196,.92);stroke:#0B140F;stroke-width:3}
[data-step="2"] .cac{animation:pulse 1.6s ease-in-out infinite}
.melee-in{fill:none;stroke:#EDE8DA;stroke-width:4;stroke-dasharray:12 8}
[data-step="2"] .melee-in{animation:dash 1s linear infinite}
.cycle{fill:none;stroke:#F2C14E;stroke-width:3.5;stroke-dasharray:9 8}
[data-step="2"] .cycle{animation:dash 1.1s linear infinite}

/* --- 3 : rotation des tanks --- */
.badge rect{fill:rgba(8,13,20,.9);stroke:rgba(200,215,225,.4);stroke-width:2}
.badge text{font-family:'Archivo Black',sans-serif;font-size:18px;text-anchor:middle;fill:#EDE8DA}
.badge.full rect{fill:rgba(232,68,60,.85);stroke:#E8443C}
[data-step="3"] .badge.full{animation:pulse 1s ease-in-out infinite}
.swap{fill:none;stroke:#F2C14E;stroke-width:4;stroke-dasharray:9 8}
[data-step="3"] .swap{animation:dash 1s linear infinite}

/* --- 4 : Gangrerage --- */
.cone-cl{fill:rgba(232,68,60,.16);stroke:#E8443C;stroke-width:2.5}
[data-step="4"] #cleave2{animation:pulse 2s ease-in-out infinite}
.hi{fill:rgba(140,240,126,.2);stroke:#8CF07E;stroke-width:3.5}
[data-step="4"] .hi{animation:pulse 1.2s ease-in-out infinite}
.spread{fill:none;stroke:#EDE8DA;stroke-width:3;stroke-dasharray:8 8}
[data-step="4"] .spread{animation:dash 1s linear infinite}
.jet{fill:none;stroke:#8CF07E;stroke-width:3.5;stroke-dasharray:7 7}
[data-step="4"] .jet{animation:dash .9s linear infinite}

/* --- 5 : soins p2 --- */
.heal{fill:none;stroke:#2FC2C7;stroke-width:3;stroke-dasharray:8 8;opacity:.85}
[data-step="5"] .heal{animation:dash 1s linear infinite}
.heal.big{stroke-width:5;opacity:1}

/* --- 6 : retour p1 --- */
.reset{fill:none;stroke:#F2C14E;stroke-width:3.5;stroke-dasharray:10 9}
[data-step="6"] .reset{animation:dash 1.1s linear infinite}
.cyc text{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:19px;text-anchor:middle;
  paint-order:stroke;stroke:rgba(5,10,16,.92);stroke-width:5px}