.action-feedback{position:fixed;inset:0;z-index:32;pointer-events:none!important;overflow:hidden;isolation:isolate}
.action-feedback *{pointer-events:none!important;box-sizing:border-box}
.action-feedback-label{position:absolute;max-width:150px;padding:5px 9px;border:1px solid #f5d78b;border-radius:6px;background:#14251cf5;box-shadow:0 2px 10px #000a;color:#fff0c8;font:700 16px/20px system-ui,sans-serif;text-align:center;text-shadow:0 1px 2px #000;animation:af-label .6s ease-out both}
.action-feedback-label.action-feedback-hurt{border-color:#f3a58e;color:#ffd2bd;background:#47221ff5}
.action-feedback-label.action-feedback-heal{border-color:#bbefa0;color:#dcffc3;background:#173d26f5}
.action-feedback-label.action-feedback-guard{border-color:#c7dcec;color:#e2f4ff;background:#1c3545f5}
.action-feedback-impact{position:absolute;border:3px solid #ffe2a1;border-radius:9px;box-shadow:inset 0 0 18px #ffe4a766,0 0 14px #ffd37a99;animation:af-impact .28s ease-out both}
.action-feedback-impact.action-feedback-hurt{border-color:#ffb09a;box-shadow:inset 0 0 18px #fba17b77,0 0 14px #f5876399}
.action-feedback-impact.action-feedback-heal{border-color:#cdf7b3;box-shadow:inset 0 0 18px #baf09066,0 0 14px #b7ed7a99}
.action-feedback-impact.action-feedback-guard{border-color:#d2eaff;box-shadow:inset 0 0 18px #b9def566,0 0 14px #aad7f399}
.action-feedback-trail{position:absolute;height:3px;transform-origin:0 50%;background:linear-gradient(90deg,#ffe2a100,#ffe2a1aa);box-shadow:0 0 8px #ffd78a;animation:af-trail .28s ease-out both}
.action-feedback-trail>i{position:absolute;top:-4px;left:0;width:11px;height:11px;border-radius:50%;background:#fff4c9;box-shadow:0 0 14px #ffd16c;animation:af-spark .25s ease-out both}
@keyframes af-label{0%{opacity:0;transform:translateY(5px) scale(.94)}15%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px)}}
@keyframes af-impact{0%{opacity:1;transform:scale(.96)}100%{opacity:0;transform:scale(1.04)}}
@keyframes af-trail{0%,65%{opacity:1}100%{opacity:0}}
@keyframes af-spark{from{left:0}to{left:100%}}
.action-feedback-reduced .action-feedback-label{animation:none;transform:none}
.action-feedback-reduced .action-feedback-trail,.action-feedback-reduced .action-feedback-impact{display:none}
@media(prefers-reduced-motion:reduce){.action-feedback-label{animation:none;transform:none}.action-feedback-trail,.action-feedback-impact{display:none}}