.hud-top,.hud-bottom{padding:14px 16px}
.hud-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hud-bar-wrap{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:16px}
.bar{position:relative;width:180px;height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{position:absolute;left:0;top:0;height:100%;width:50%;border-radius:inherit}
.bar.hp i{background:linear-gradient(90deg,#ff6d8d,#ffb46d)}
.bar.stamina i{background:linear-gradient(90deg,#53dbaf,#44aee8)}
.bar.ultimate i{background:linear-gradient(90deg,#ffde64,#ff9a4a)}
.hud-meta{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.hud-meta span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px}