#healPointStatus{position:absolute;left:50%;bottom:19%;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:min(340px,84vw);padding:8px 18px;transform:translate(-50%,8px);opacity:0;visibility:hidden;text-align:center;background:linear-gradient(90deg,transparent,#061b1be8 18%,#061b1be8 82%,transparent);border-top:1px solid #63ffe477;border-bottom:1px solid #63ffe433;transition:opacity .18s ease,transform .18s ease,visibility .18s;color:#edfffc;pointer-events:none;z-index:8}
#healPointStatus b{font-size:15px;letter-spacing:.28em;color:#76ffe7;text-shadow:0 0 12px #42fbd377}
#healPointStatus span{font-size:10px;letter-spacing:.1em;color:#a7c8c4}
#healPointStatus.active{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:760px){#healPointStatus{bottom:23%;min-width:min(300px,88vw)}#healPointStatus span{font-size:9px}}