/* Page */
.leaderboard-page {
  text-align: center;
   padding-top: 10px;
}

/* Back link */
.lb-back {
  text-align: left;
  font-size: 14px;
  color: #2563eb;
  margin-bottom: 20px;
  cursor: pointer;
}
.lb-back a {
	text-decoration:none;
}
/* Header */
.lb-header {
  margin-bottom: 26px;
}

/* Leaderboard background color variants (LOCKED) */
.lb-bg-1 { background: #fff7c2; }  /* soft yellow */
.lb-bg-2 { background: #e8f0ff; }  /* soft blue */
.lb-bg-3 { background: #ecfdf5; }  /* soft green */
.lb-bg-4 { background: #fef2f2; }  /* soft red */
.lb-bg-5 { background: #f3e8ff; }  /* soft purple */


.lb-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff7d6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.lb-icon img {
  width: 50px;
  height: 50px;
}

.lb-header h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.lb-header p {
  margin: 6px 0 0;
  font-size: 12px;
  letter-spacing: .6px;
  color: #9ca3af;
}

/* Leader card */
.lb-card {
  background: #fff7c2;
  border-radius: 14px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Rank */
.lb-rank {
  font-size: 28px;
  font-weight: 800;
  color: #9ca3af;
  width: 40px;
  text-align: center;
}

/* User */
.lb-user {
  flex: 1;
  text-align: left;
}

.lb-user strong {
  display: block;
  font-size: 16px;
}

.lb-user small {
  font-size: 12px;
  color: #9ca3af;
}

/* Stats */
.lb-stats {
  display: flex;
  gap: 16px;
  text-align: center;
}

.lb-stats span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.lb-stats small {
  font-size: 12px;
}

.lb-stats .profit span {
  color: #2563eb;
}

.lb-stats .loss span {
  color: #dc2626;
}