.damage-direction{position:absolute;z-index:34;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .12s}.damage-direction.show{opacity:1}.damage-direction i{position:absolute;left:75px;top:-8px;width:30px;text-align:center;color:#ff3f47;font-style:normal;font-size:29px;filter:drop-shadow(0 0 7px #ff1f2b);transform-origin:15px 98px}.damage-direction b{position:absolute;left:20px;right:20px;bottom:-28px;padding:5px;background:#25080bd9;border:1px solid #ff4650;color:#ffb2b5;text-align:center;font:900 10px monospace}