/* Compact automatic reward receipt; never captures input or shifts page layout. */
.reward-feedback{position:fixed;inset:auto;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:20000;width:min(400px,calc(100vw - 24px));max-width:none;margin:0;padding:0;border:0;background:transparent;color:#edf3fc;overflow:visible;pointer-events:none;isolation:isolate;font-family:inherit;}
.reward-feedback::backdrop{background:transparent;pointer-events:none;}
.reward-feedback *{box-sizing:border-box;pointer-events:none;}
.reward-feedback-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:13px 15px 15px;border:1px solid #d7ad6270;border-radius:18px;background:linear-gradient(125deg,#20364df5,#101f32fa);box-shadow:0 12px 34px #030b1760,0 0 24px #efbd4e14;overflow:hidden;animation:reward-arrive .32s cubic-bezier(.2,.8,.2,1) both;}
.reward-feedback-identity{display:flex;align-items:center;gap:10px;min-width:0;}
.reward-feedback-identity img,.reward-feedback-identity>svg{width:36px;height:36px;flex:0 0 36px;border:1px solid #f5c87890;border-radius:50%;object-fit:cover;color:#f5c878;}
.reward-feedback-identity>svg{padding:7px;}
.reward-feedback-identity>div{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap;}
.reward-feedback-identity strong{font-size:14px;line-height:1.2;overflow-wrap:anywhere;color:#edf3fc;}
.reward-feedback-title{width:100%;color:#f5cc82;font-size:10px;font-weight:800;line-height:1.15;letter-spacing:.06em;}
.reward-feedback-level{font-size:13px;font-weight:750;color:#f5cc82;white-space:nowrap;}
.reward-feedback-gains{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.reward-feedback-gain{display:flex;align-items:center;gap:7px;min-width:0;flex:1;}
.reward-feedback-gain svg{width:24px;height:24px;flex:0 0 24px;color:#f5cc82;animation:reward-spark .5s .12s ease-out both;}
.reward-feedback svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.reward-feedback-gain>span{min-width:0;display:flex;flex-direction:column;gap:1px;}
.reward-feedback-gain b{font-size:19px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;color:#fff1d4;}
.reward-feedback-gain small{font-size:11px;line-height:1.15;overflow-wrap:anywhere;color:#b9cde2;}
.reward-feedback-gain.gain-xp svg{color:#a898fa;}
.reward-feedback-gain.gain-eggs svg{color:#8edbc3;}
.reward-feedback-lifetime{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#86d9bd,#efc878);transform-origin:left;animation:reward-expire var(--reward-duration,3000ms) linear both;}
.reward-feedback-card.is-level-up{border-color:#f5c878;box-shadow:0 12px 34px #030b1760,inset 0 0 22px #efbd4e15;}
.reward-feedback-card.is-level-up .reward-feedback-identity img{box-shadow:0 0 16px #f5c87845;}
@keyframes reward-arrive{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes reward-spark{0%{transform:scale(.78);opacity:.4}55%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes reward-expire{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.reward-feedback-card,.reward-feedback-gain svg,.reward-feedback-lifetime{animation:none;}.reward-feedback-lifetime{display:none;}}
@media(max-width:350px){.reward-feedback-card{padding:11px 12px 13px;gap:9px;}.reward-feedback-gain{gap:5px}.reward-feedback-gain svg{width:20px;height:20px;flex-basis:20px}.reward-feedback-gain b{font-size:18px}.reward-feedback-gain small{font-size:10px}}
.reward-mode-unlock{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:7px 10px;border-radius:9px;color:#a9f0d9;background:#173d3e;font-size:12px;font-weight:800}.reward-mode-unlock svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}