/* PIANO ARMY · the Priced units option (web/army-econ.css): the gold in debt, the bar back to 0, a rejected key. */
#hud .gold.owe b { color: #ff5a4a; text-shadow: 0 0 10px rgba(255, 70, 50, .45); }
#hud .gold .debt { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; font: 700 12px/1 "Barlow Condensed", sans-serif; color: #ffb0a6; white-space: nowrap; }
#hud .gold .debt[hidden] { display: none; }
#hud .gold .debt .track { position: relative; width: 64px; height: 7px; border-radius: 4px; background: rgba(255, 90, 74, .2); box-shadow: inset 0 0 0 1px rgba(255, 90, 74, .55); overflow: hidden; }
#hud .gold .debt #debtbar { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, #ff5a4a, #ffd34a); }
/* (portrait hides the gold's other words for room; the debt bar stays, shorter, without its words) */
#stage[data-orient="portrait"] #hud .gold .debt:not([hidden]) { display: inline-flex; margin-left: 2px; }
#stage[data-orient="portrait"] #hud .gold .debt .lock { display: none; }
#stage[data-orient="portrait"] #hud .gold .debt .track { display: block; width: 34px; }
#stage[data-orient="portrait"] #hud .gold .debt #debtbar { display: block; }
.keys i.no.w { background: linear-gradient(#ff9a90, #e0453a 86%, #a8261d); }
.keys i.no.b { background: linear-gradient(#b8382e, #6e1710 80%, #3a0a06); }
/* (the Army Boost for Priced units, with Priced units off: dimmed as the boosts not won, its words saying why) */
.boosts .boost.needs i { color: #ffb0a6; }