/* Portal shared wallet bar — tokens from Five-130TG tg.html #tg-wallet */
#wallet-bar,
.portal-wallet-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 12px;
  background: #1e3f34;
  color: #e8e0c8;
  font-size: 0.95rem;
  font-weight: 700;
}
#wallet-bar .w-item,
.portal-wallet-bar .w-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#wallet-bar .dot,
.portal-wallet-bar .dot,
.pt-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35);
}
#wallet-bar .dot-red,
.portal-wallet-bar .dot-red,
.pt-dot.dot-red {
  background: radial-gradient(circle at 35% 30%, #ff8a8a, #e11d2e 55%, #8b0000);
}
#wallet-bar .dot-blue,
.portal-wallet-bar .dot-blue,
.pt-dot.dot-blue {
  background: radial-gradient(circle at 35% 30%, #9ec5ff, #1d6fe1 55%, #0a3a8b);
}
#wallet-bar .dot-yellow,
.portal-wallet-bar .dot-yellow,
.pt-dot.dot-yellow {
  background: radial-gradient(circle at 35% 30%, #ffe08a, #e6b422 55%, #8a6a00);
}
#wallet-bar .prem,
.portal-wallet-bar .prem {
  color: #8a8a8a;
  font-size: 0.8rem;
  font-weight: 600;
}
#wallet-bar .prem.on,
.portal-wallet-bar .prem.on {
  color: #c9a227;
}
#wallet-bar .guest,
#wallet-bar .who,
.portal-wallet-bar .guest,
.portal-wallet-bar .who {
  color: #cfcfcf;
  font-size: 0.8rem;
  font-weight: 600;
}
#wallet-bar .who,
.portal-wallet-bar .who {
  color: #c9a227;
}
#wallet-bar .games,
.portal-wallet-bar .games {
  font-size: 0.8rem;
  font-weight: 600;
  color: #bdbdbd;
  white-space: nowrap;
}