.damage-direction{position:absolute;left:50%;top:50%;width:min(240px,48vw,48vh);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.damage-direction[hidden]{display:none}
.damage-direction svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 1px 3px #180504);transform-origin:50% 50%}
.damage-arc{fill:none;stroke:#ff6859;stroke-width:7;stroke-linecap:round}
.damage-arrow{fill:#ffb29f;stroke:#63241e;stroke-width:1}
.damage-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffd3c9;font:bold 12px 'Segoe UI','Yu Gothic UI',sans-serif;letter-spacing:1px;text-shadow:0 1px 3px #000;background:#35120fbb;padding:5px 10px;border-radius:3px}