/* Compact, nonblocking reward beside the native EXP chip. */
#exp-feedback-r1{position:fixed;inset:0;pointer-events:none;z-index:1221;overflow:hidden;contain:layout style paint}
.exp-feedback-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.exp-receipt{position:absolute;display:flex;align-items:center;gap:4px;max-width:min(144px,calc(100vw - 16px));min-height:26px;padding:3px 8px 3px 4px;background:linear-gradient(135deg,#fffdf3f5,#eef7e5f5);border:1px solid #b4c995b3;border-radius:11px;box-shadow:0 2px 7px #2c502a18;color:#315c34;transform:translate(-50%,-50%);font-family:system-ui,-apple-system,sans-serif;line-height:1;white-space:nowrap;animation:exp-receipt-rise 1.1s ease-out both}
.exp-receipt-art{width:18px;height:18px;object-fit:contain;flex:none}
.exp-receipt strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.exp-flight{position:absolute;width:14px;height:14px;object-fit:contain;transform:translate(-50%,-50%);animation:exp-sprout-flight .65s ease-out both}
.exp-level-burst{position:absolute;width:38px;height:38px;object-fit:contain;animation:exp-level-bloom .8s ease-out both;transform:translate(-50%,-50%)}
.exp-progress-overlay{position:absolute;display:block;overflow:hidden;border-radius:99px;background:#dce7bd}
.exp-progress-overlay i{display:block;height:100%;width:0;background:linear-gradient(90deg,#88b963,#d7c361);border-radius:99px}
#level-open.exp-feedback-pulse{animation:exp-chip-glow .6s ease-out}
.exp-receipt.exp-reduced{animation:none}
@keyframes exp-receipt-rise{0%{opacity:0;transform:translate(-50%,calc(-50% + 3px)) scale(.97)}12%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,calc(-50% - 6px))}}
@keyframes exp-sprout-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:.8}100%{opacity:0;transform:translate(calc(-50% + var(--exp-dx)),calc(-50% + var(--exp-dy))) scale(.4)}}
@keyframes exp-chip-glow{0%,100%{box-shadow:0 3px 12px #294f2315}30%{box-shadow:0 0 0 1px #d8dfac80,0 0 8px #c5dc8750}}
@keyframes exp-level-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}25%{opacity:.65;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}
@media(max-width:480px){.exp-receipt{min-height:25px;padding:3px 6px 3px 3px;gap:3px;border-radius:10px}.exp-receipt-art{width:18px;height:18px}.exp-receipt strong{font-size:11px}.exp-flight{width:12px;height:12px}.exp-level-burst{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.exp-receipt,.exp-flight,.exp-level-burst,#level-open.exp-feedback-pulse{animation:none!important}.exp-flight,.exp-level-burst{display:none}}