/* Wallet (ui/wallet.js): one strip right above the menu bar and as wide as it (11 buttons = 246 px, game.css #menubar -
   a new menu button widens both): offline time, Idle-Coins, Yang (far right) side by side. The damage meter sits above it. */
#wallet { position: absolute; right: 4px; bottom: 33px; width: 246px; height: 15px; padding: 2px 3px; display: flex; align-items: center; }
#ui.compact #wallet { bottom: 79px; }
#wallet .wl-row { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 3px; height: 11px;
  font-size: 8px; line-height: 11px; white-space: nowrap; }
#wallet .wl-row + .wl-row { box-shadow: inset 1px 0 0 #3a2e22; }
#wallet .wl-row.hidden { display: none; }
#wallet .wl-row:hover .wl-v { color: #fff; }
#wallet .wl-row img, #wallet .wl-yang { flex: none; width: 9px; height: 9px; image-rendering: pixelated; }
#wallet .wl-yang { background: var(--ic-coin) center / 9px 9px no-repeat; }
#wallet .wl-v { min-width: 0; color: var(--gold); overflow: hidden; }
#wallet .wl-v.red { color: #ff7a6a; }
/* the damage meter of the world bosses (ui/meter.js) right above the strip */
#meter { bottom: 52px; }
#ui.compact #meter { bottom: 98px; }