/* kazrogal — spécifique. Tronc commun : assets/guide.css */
:root{--h1:66px}
#bg{background-image:url("../media/5c1e0ae4db0da28c76ad.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 3.8s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(232,68,60,.5))}
@keyframes breathe{50%{transform:scale(1.05)}}
.mb-bg{fill:rgba(5,10,16,.8);stroke:rgba(200,215,225,.35);stroke-width:2}
.mb-fill{fill:#4C86E0}
[data-step="1"] .mb-fill{animation:drain 5s ease-in infinite;transform-origin:-176px 0}
@keyframes drain{0%{transform:scaleX(1)}85%,100%{transform:scaleX(.04)}}
.drain{stroke:#4C86E0;stroke-width:3.5;stroke-dasharray:8 12;fill:none;opacity:0}
[data-step="2"] .drain{animation:suck 2.4s linear infinite;animation-delay:var(--d,0s)}
@keyframes suck{0%{opacity:0;stroke-dashoffset:0}20%{opacity:.95}100%{opacity:0;stroke-dashoffset:-160}}
.boom-r{fill:rgba(47,194,199,.12);stroke:#2FC2C7;stroke-width:3;stroke-dasharray:7 9}
.boom-c{fill:#2FC2C7}
.bad-r{fill:rgba(232,68,60,.18);stroke:#E8443C}.bad-c{fill:#E8443C}
[data-step="3"] .boom{animation:pulse 1.6s ease-in-out infinite}
.chain{fill:none;stroke:#E8443C;stroke-width:3;opacity:0}
[data-step="3"] .chain{animation:chain 2.6s ease-out infinite}
@keyframes chain{0%{r:106;opacity:.9}100%{r:290;opacity:0}}
.card rect{fill:rgba(5,10,16,.78);stroke:rgba(255,122,51,.55);stroke-width:2}
.ct{font-family:'Archivo Black',sans-serif;font-size:15px;fill:#FF7A33;text-anchor:middle;letter-spacing:.05em}
.cs{font-family:'JetBrains Mono',monospace;font-size:13px;fill:var(--slate);text-anchor:middle}
[data-step="4"] .card{animation:enterCard .5s ease both;animation-delay:var(--d,0s)}
@keyframes enterCard{from{opacity:0;transform:translateY(12px)}}
.stomp{fill:none;stroke:#B58BF5;stroke-width:3.5;opacity:0}
[data-step="5"] .stomp{animation:stompW 2.8s ease-out infinite}
[data-step="5"] .stomp:nth-of-type(2){animation-delay:1.4s}
@keyframes stompW{0%{r:90;opacity:.9}100%{r:230;opacity:0}}