.hb-overlay{position:absolute;inset:0;z-index:240;background:radial-gradient(ellipse at top,#303747,#0b1215 70%);color:#f5ead0;overflow:auto;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.hb-overlay header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hb-overlay h2{font-size:19px;margin:4px 0}.hb-overlay h3{margin:8px 0;font-size:15px}.hb-overlay button{white-space:normal;overflow-wrap:anywhere;min-height:36px}.hb-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hb-unit{background:#20302d;border:1px solid #607b63;border-radius:8px;padding:6px;text-align:center;min-width:0}.hb-team.enemy .hb-unit{background:#382825;border-color:#8e6454}.hb-unit b{display:block;font-size:12px;overflow-wrap:anywhere;min-height:16px}.hb-unit small{display:block;font-size:10px}.hb-unit button{font-size:10px;width:100%;padding:4px;margin-top:5px}.hb-unit img{max-width:100%}.hb-hp,.hb-energy{height:6px;background:#050b0c;overflow:hidden;border-radius:4px;margin-top:5px}.hb-hp i,.hb-energy i{display:block;height:100%;background:#76b94b;transition:width .35s}.hb-energy i{background:#e6b53c}.hb-unit.dead{opacity:.35;filter:grayscale(1)}.hb-unit.empty{visibility:hidden}.hb-unit.queued{border-color:#ffda62;box-shadow:0 0 12px #f7b93688}.hb-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.hb-foot p{flex-basis:100%;font-size:12px;margin:4px 0}.hb-foot button{flex:1}.hb-call{min-height:24px;font-size:13px;color:#ffe083}.hb-monster{font-size:38px}.hb-overlay.casting .queued{animation:hb-cast .65s ease-in-out}.hb-unit.hit{animation:hb-hit .35s}@keyframes hb-cast{50%{transform:scale(1.06);box-shadow:0 0 26px #ffd164}}@keyframes hb-hit{50%{filter:brightness(1.5)}}.hero-skill.locked{opacity:.65}.hero-skill p{font-size:13px}.hero-skill .hz-row{flex-wrap:wrap;gap:6px}.hero-skill button{margin-top:8px;white-space:normal}
.hb-unit{position:relative}.hb-damage{position:absolute;top:25%;left:8%;right:8%;color:#ff9e77;text-shadow:0 2px 4px #000;pointer-events:none;animation:hb-number .9s both}.hb-damage.heal{color:#8dea89}@keyframes hb-number{to{transform:translateY(-24px);opacity:0}}