/* css/screens/game-damage.css — 伤害统计面板 (screens/game.js dmgOpen; plan-damage-meter-20261012).
   右上角浮层：干员名 + 占比条 + 总伤害 + 平均 dps；角区 📊 按钮复用 .gm__gear 皮肤。 */
.gm__dmgpanel {
  position: absolute; right: .24rem; top: 3.2rem; z-index: 24;
  width: 3.4rem; padding: .1rem .12rem;
  background: rgba(12, 16, 22, .88); border: 1px solid rgba(255, 255, 255, .12); border-radius: .08rem;
  color: #e8eef6; font-size: .16rem; line-height: 1.5;
}
.gm__dmgpanel .dmg-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .06rem; }
.gm__dmgpanel .dmg-close { background: none; border: none; color: inherit; cursor: pointer; font-size: .16rem; padding: 0 .04rem; }
.gm__dmgpanel .dmg-row { display: grid; grid-template-columns: 1.24rem 1fr auto auto; align-items: center; gap: .06rem; }
.gm__dmgpanel .dmg-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gm__dmgpanel .dmg-tag { font-style: normal; margin-left: .04rem; opacity: .6; font-size: .12rem; }
.gm__dmgpanel .dmg-track { display: block; height: .08rem; background: rgba(255, 255, 255, .1); border-radius: .04rem; overflow: hidden; }
.gm__dmgpanel .dmg-bar { display: block; height: 100%; background: linear-gradient(90deg, #ffb64d, #ff6b6b); }
.gm__dmgpanel .dmg-num { text-align: right; font-variant-numeric: tabular-nums; }
.gm__dmgpanel .dmg-dps { opacity: .6; font-size: .13rem; font-variant-numeric: tabular-nums; min-width: .48rem; text-align: right; }
.gm__dmgpanel .dmg-empty { opacity: .55; text-align: center; padding: .1rem 0; }
button.gm__dmg { font-size: .22rem; }