/* =============================
   css/scenes/injury.css
   ============================= */
/* ===== cena: H se machuca (fase 1, final) ===== */
#scene-injury{background:repeating-linear-gradient(90deg,#0000 0 58px,#0000001a 58px 60px),linear-gradient(#cfd8dc 0 500px,#6b6f78 500px)}
#scene-injury::before{content:"";position:absolute;left:0;right:0;top:500px;height:6px;background:var(--k)}

#scene-injury .bal{left:12px;right:12px;top:72px}
#scene-injury .bal.voice{background:#ffe3e3;border-style:dashed}
#scene-injury .bal.voice small{color:#b00020}
#scene-injury .char.h{left:75px;top:215px;width:200px;height:300px}
#scene-injury .tag{left:16px;top:540px;transform:rotate(-4deg)}

/* "AI!!" em explosão de quadrinho */
#scene-injury .burst{right:14px;top:300px;width:104px;height:104px;z-index:3;background:var(--k);clip-path:polygon(50% 0,60% 18%,80% 8%,76% 30%,98% 34%,82% 50%,98% 66%,76% 70%,80% 92%,60% 82%,50% 100%,40% 82%,20% 92%,24% 70%,2% 66%,18% 50%,2% 34%,24% 30%,20% 8%,40% 18%);animation:burst .25s infinite alternate}
#scene-injury .burst::before{content:"";position:absolute;inset:6px;background:var(--y);clip-path:inherit}
#scene-injury .burst b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;font:900 28px "PDDTitle",Impact,sans-serif;color:var(--r);text-shadow:1px 0px 0 var(--k),-1px 0px 0 var(--k),0px 1px 0 var(--k),0px -1px 0 var(--k),1px 1px 0 var(--k),-1px -1px 0 var(--k),1px -1px 0 var(--k),-1px 1px 0 var(--k)}
@keyframes burst{to{transform:scale(1.08) rotate(4deg)}}
#scene-injury .spark{font:900 24px sans-serif;color:var(--y);text-shadow:1px 0px 0 var(--k),-1px 0px 0 var(--k),0px 1px 0 var(--k),0px -1px 0 var(--k),1px 1px 0 var(--k),-1px -1px 0 var(--k),1px -1px 0 var(--k),-1px 1px 0 var(--k);animation:spark .4s infinite alternate;z-index:3}
#scene-injury .s1{left:60px;top:330px}
#scene-injury .s2{left:240px;top:260px;animation-delay:.2s}
@keyframes spark{from{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.2)}}