/* G-Nook lobby badges. Pictures are pre-made transparent PNGs (no GD on the server). Size comes from the width/height attributes on each <img> (so a list row never reflows). */
.gnb-row { display: inline-flex; align-items: center; gap: 3px; vertical-align: middle; flex: 0 0 auto; white-space: nowrap; line-height: 0; }
.gnb { display: block; flex: 0 0 auto; object-fit: contain; border: 0; background: none; box-shadow: none; border-radius: 0; cursor: default; }
@media (forced-colors: active) { .gnb { forced-color-adjust: none; } }
/* "+N" chip (more badges than the inline cap). Colours are the World Map / intro tokens (gold, black, purple), with the map's own values as fallbacks;
   each page keeps its own variable names, so the chain picks whichever the host page defines. */
.gnb-more { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 16px; min-width: 22px; padding: 0 5px; border-radius: 999px; cursor: default;
  font: 700 10px/1 system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; letter-spacing: .02em;
  color: var(--gn-gold-2, var(--gold-2, var(--gnm-gold2, var(--gold2, #f4d36c))));
  background: var(--gn-purple-dark, #2e0a4d); border: 1px solid var(--gn-purple, #7c22bd); }
.gnb-more.gnb-lg { height: 22px; min-width: 30px; padding: 0 7px; font-size: 12px; }
@media (forced-colors: active) { .gnb-more { forced-color-adjust: none; } }