.lb-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}

.lb-card-header {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.25rem;
  background: rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.lb-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.lb-icon-gold  { background: rgba(245,158,11,.2); color: #f59e0b; }
.lb-icon-blue  { background: rgba(59,130,246,.2);  color: #60a5fa; }
.lb-icon-pink  { background: rgba(236,72,153,.2);  color: #f472b6; }

.lb-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lb-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .6rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
  transition: background .15s;
}
.lb-item:last-child { border-bottom: none; }
.lb-item:hover { background: rgba(255,255,255,.04); }

.lb-rank {
  width: 28px;
  text-align: center;
  font-size: .85rem;
  font-weight: 700;
  color: rgba(255,255,255,.4);
  flex-shrink: 0;
}
.lb-rank-top1, .lb-rank-top2, .lb-rank-top3 { color: #fff; font-size: 1rem; }

.lb-avatar {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  flex-shrink: 0;
}

.lb-name {
  flex: 1;
  font-size: .9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lb-value {
  font-size: .82rem;
  font-weight: 600;
  color: rgba(255,255,255,.7);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: .3rem;
}

.lb-coin-ico {
  width: 16px;
  height: 16px;
}

.lb-empty {
  padding: 1.5rem;
  text-align: center;
  color: rgba(255,255,255,.3);
  font-size: .85rem;
}