#action-feedback{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(380px,calc(100vw - 28px));z-index:15000;pointer-events:none;display:grid;gap:8px}
.action-feedback-card{display:flex;align-items:center;gap:13px;box-sizing:border-box;padding:14px 16px;background:linear-gradient(120deg,#271d35fa,#15101ffa);border:1px solid #c9a45e;box-shadow:0 5px 24px #0009,inset 0 0 0 2px #59443166;color:#f6e7bf;animation:actionFeedbackIn .24s ease-out;overflow-wrap:anywhere}
.action-feedback-card img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;background:#bc914522;border:1px solid #9d794b;padding:5px;box-sizing:border-box}
.action-feedback-card>div{display:grid;gap:4px;min-width:0}.action-feedback-card strong{font:22px/1 Pix,monospace;color:#f2d58e}.action-feedback-card span{font:14px/1.35 Txt,Arial,sans-serif;color:#f0e5d3}.action-feedback-card small{font:12px/1.35 Txt,Arial,sans-serif;color:#c6b9d2}
.action-feedback-card[data-kind=xp]{border-color:#be99ee}.action-feedback-card[data-kind=xp] strong{color:#dac3ff}
@keyframes actionFeedbackIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:500px){#action-feedback{top:max(8px,env(safe-area-inset-top));width:min(340px,calc(100vw - 24px))}.action-feedback-card{padding:10px 12px;gap:10px}.action-feedback-card strong{font-size:20px}.action-feedback-card img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.action-feedback-card{animation:none}}