/* Rumplebits stat bar, shared by all three game pages. Matches the live site's green/purple/amber palette.
 * Positioned as an overlay strip across the top of the game stage (same pattern as each game's own #hud),
 * so it never touches the stage's own box model / canvas sizing - safe for both the auto-resizing canvas
 * (Crypto Crush) and the fixed-resolution, CSS-stretched canvases (BitVaders, Rug Dodge). */
#rb-bar {
  position: absolute; top: 0; left: 0; right: 0; z-index: 7;
  display: flex; align-items: center; gap: 8px;
  padding: 6px 10px;
  background: rgba(10,10,10,.72); backdrop-filter: blur(3px);
  border-bottom: 1px solid #1e1e1e;
  font-family: 'IBM Plex Mono', 'Courier New', ui-monospace, monospace;
  font-size: 11px; color: #eeeeee;
  text-shadow: 0 1px 3px rgba(0,0,0,.9);
}
#rb-bar .rb-stats { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; }
#rb-bar .rb-coin { color: #ffd064; }
#rb-bar .rb-sep { color: #444444; }
#rb-bar b { color: #ffffff; }
#rb-bar .rb-lb-btn {
  flex: none; width: 26px; height: 26px; border-radius: 8px;
  border: 1px solid #2a2a2a; background: #1a1a1a; color: #ffffff;
  font-size: 13px; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
#rb-bar .rb-lb-btn:hover { border-color: #9945ff; }
#rb-lb {
  position: absolute; top: 100%; right: 8px; width: 220px; max-height: 280px; overflow-y: auto;
  background: #141414; border: 1px solid #1e1e1e; border-radius: 10px; padding: 8px;
  display: none; box-shadow: 0 10px 30px rgba(0,0,0,.5);
}
#rb-lb.on { display: block; }
#rb-lb .rb-lb-pots { font-size: 10px; color: #ffd064; background: rgba(255,176,32,.08); border: 1px solid rgba(255,176,32,.25); border-radius: 8px; padding: 5px 7px; margin-bottom: 8px; text-align: center; }
#rb-lb .rb-lb-tabs { display: flex; gap: 4px; margin-bottom: 8px; }
#rb-lb .rb-lb-tab {
  flex: 1; min-width: 0; padding: 5px 2px; border-radius: 7px; border: 1px solid #2a2a2a; background: #1a1a1a;
  color: #aaaaaa; font: inherit; font-size: 10px; letter-spacing: .02em; cursor: pointer; text-align: center;
}
#rb-lb .rb-lb-tab.on { background: linear-gradient(180deg, #ffd064, #ffb020); border-color: #ffb020; color: #0a0a0a; font-weight: 700; }
#rb-lb .rb-lb-title { font-size: 10px; letter-spacing: 1px; color: #888888; margin-bottom: 6px; text-transform: uppercase; }
#rb-lb .rb-lb-winner { font-size: 10px; color: #ffd064; background: rgba(255,176,32,.08); border: 1px solid rgba(255,176,32,.25); border-radius: 8px; padding: 5px 7px; margin-bottom: 7px; line-height: 1.4; }
#rb-lb .rb-lb-winner em { font-style: normal; color: #00ff88; }
#rb-lb .rb-lb-row { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; font-size: 11px; color: #cccccc; }
#rb-lb .rb-lb-row span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#rb-lb .rb-lb-vals { flex: none; display: flex; align-items: center; gap: 5px; }
#rb-lb .rb-lb-row b { color: #00ff88; flex: none; }
#rb-lb .rb-lb-row em { font-style: normal; color: #ffd064; font-size: 10px; }
#rb-lb .rb-lb-empty { font-size: 11px; color: #888888; padding: 6px 0; }