/* Overhead HP rows, relics, elite, campfire, player armor */
/* 頭上的血量列（玩家與敵人共用） */
.hrow { display: flex; align-items: center; gap: 8px; width: 100%; padding: 5px 10px; background: rgba(10,13,22,.78); border: 1px solid rgba(139,148,174,.35); border-radius: 4px; }
.hrow b { font-size: 14px; font-weight: 900; letter-spacing: .08em; white-space: nowrap; }
.hrow .hp { flex: 1; height: 10px; background: rgba(0,0,0,.55); border: 1px solid var(--line); border-radius: 2px; overflow: hidden; display: block; }
.hrow .hp i { display: block; height: 100%; background: linear-gradient(180deg, #7FE7A8, #3DBF74); transition: width .5s; }
.hrow .hp.e i { background: linear-gradient(180deg, #FF7B7F, var(--crimson)); }
.hrow em { font-style: normal; font-family: var(--hud); font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hrow .cd { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; letter-spacing: .1em; color: var(--muted); white-space: nowrap; padding-left: 8px; border-left: 1px solid var(--line); }
.hrow .cd i { font-style: normal; font-family: var(--hud); font-weight: 700; font-size: 16px; color: var(--crimson); }
.phud { position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; transform: translateX(-50%); width: 300px; display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; }
.phud .chips { justify-content: center; min-height: 0; }
.phud .chip { background: rgba(10,13,22,.8); }
/* 遺物、菁英、營火、玩家裝甲 */
.relics { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.relics .rl-h { font-size: 11px; letter-spacing: .2em; color: var(--muted); }
.relic { display: flex; flex-direction: column; align-items: flex-end; padding: 4px 10px; border: 1px solid rgba(230,176,75,.5); border-radius: 4px; background: rgba(230,176,75,.08); }
.relic b { font-size: 13px; letter-spacing: .1em; color: var(--brass); }
.relic span { font-size: 11px; color: var(--muted); }
.hrow .armor { display: none; align-items: center; gap: 2px; padding-left: 6px; border-left: 1px solid var(--line); }
.hrow .armor.on { display: inline-flex; }
.hrow .armor b { font-family: var(--hud); font-weight: 700; font-size: 14px; color: #E3E8F5; }
.next-enemy.is-elite { border-color: var(--brass); background: rgba(230,176,75,.08); }
.next-enemy .ne-choice { display: flex; gap: 6px; margin-left: 8px; }
.next-enemy .tab { background: var(--ink-2); color: var(--muted); border: 1px solid var(--line); border-radius: 4px; padding: 5px 10px; font-size: 12px; letter-spacing: .08em; }
.next-enemy .tab.on { color: var(--text); border-color: var(--cyan); background: var(--cyan-dim); }
.next-enemy .tab.elite.on { color: var(--brass); border-color: var(--brass); background: var(--brass-dim); }
.overlay .card.camp { background: #0F1424; align-items: center; }
.overlay .camp .camp-opts { display: flex; gap: 18px; }
.overlay .camp .camp-opt { width: 300px; padding: 22px 20px; background: var(--ink-2); color: var(--text); border: 1px solid var(--line); border-radius: 6px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; font-weight: 500; letter-spacing: .04em; }
.overlay .camp .camp-opt:hover:not(:disabled) { border-color: var(--brass); box-shadow: 0 0 22px rgba(230,176,75,.3); }
.overlay .camp .camp-opt .t { font-size: 22px; font-weight: 900; letter-spacing: .2em; color: var(--brass); }
.overlay .camp .camp-opt .d { font-size: 13px; color: var(--muted); text-align: left; }
.round .cas .fx-text em.xv, .round .cas .fx-text b.xv { color: var(--brass); font-family: var(--hud); font-weight: 700; font-size: 12px; }