/* Reuses the original HP/rank elements; no second screen-corner HUD. */
#hud[data-overhead=on]{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:86px!important;max-width:86px!important;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:11px 5px 3px;gap:3px 2px;padding:5px 6px!important;border:1px solid #f8f3d7b8;border-radius:7px;background:#233e38e8;box-shadow:0 1px 3px #142b3355;color:#fff6dc;pointer-events:none;z-index:3;box-sizing:border-box;visibility:visible!important}
#hud[data-overhead=on][hidden]{display:none!important}
#hud[data-overhead=on]>div{display:contents}
#hud[data-overhead=on] label{margin:0;line-height:11px;font:600 8px system-ui;color:#fff6dc;white-space:nowrap;grid-row:1}
#hud[data-overhead=on]>div:first-child label{grid-column:1}
#hud[data-overhead=on]>div:last-child label{grid-column:2;text-align:right}
#hud[data-overhead=on] label>span[data-i18n="hud.armor"],#hud[data-overhead=on] #kills{display:none}
#hud[data-overhead=on] .bar{grid-column:1/-1;grid-row:2;height:5px;margin:0;border:0;border-radius:3px;background:#142922;overflow:hidden}
#hud[data-overhead=on] .bar.xp{grid-row:3;height:3px}
#hud[data-overhead=on] #hp{background:#b2e5ae}
#hud[data-overhead=on] #xp{background:#f2c16b}
#danger{display:none}
@media(max-width:600px){#hud[data-overhead=on]{width:82px!important;max-width:82px!important}}