/* Screen-fixed HUD: the mode badge shares the existing buff stack above HP/MP.
   Its own row grows upward; character bars and action controls do not move. */
#manual-reward-hud{position:relative;width:max-content;max-width:100%;pointer-events:auto}
#manual-reward-hud:not([hidden])+#buff-chip:not([hidden]){margin-top:6px}
#manual-reward-badge{display:block;width:max-content;max-width:100%;padding:3px 8px;border:1px solid #92c89a70;border-radius:3px;background:#173321ed;color:#b7e4ad;font-size:11px;font-weight:500;line-height:17px;white-space:nowrap;cursor:help;box-shadow:0 2px 6px #0003}
#manual-reward-badge:focus-visible{outline:2px solid #c4efb9;outline-offset:2px}
#manual-reward-tip{position:absolute;z-index:5;left:0;bottom:calc(100% + 6px);width:max-content;max-width:min(280px,calc(100vw - 32px));padding:8px 10px;border:1px solid #9cbd8580;border-radius:3px;background:#11251afc;color:#e0ead9;font-size:12px;line-height:1.6;white-space:normal;box-shadow:0 4px 16px #0008}
#manual-reward-hud:has(#manual-reward-tip:not([hidden]))::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:7px}
#manual-reward-badge.manual-reward-enter{animation:manual-reward-glint-v106 .8s ease-out 1}
@keyframes manual-reward-glint-v106{0%,100%{color:#b7e4ad;border-color:#92c89a70;box-shadow:0 2px 6px #0003}38%{color:#f0ffe8;border-color:#d1ffc1;box-shadow:0 0 13px #b8fca38c,0 0 2px #e6ffd8}}
@media(max-width:760px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #manual-reward-badge{font-size:10px;line-height:16px;padding:2px 6px}
 #manual-reward-hud:not([hidden])+#buff-chip:not([hidden]){margin-top:4px}
}
@media(prefers-reduced-motion:reduce){#manual-reward-badge.manual-reward-enter{animation:none}}