/* LEADERBOARD SCREEN */
#sLeader{
  justify-content:flex-start;
  align-items:center;
  padding-top:220px;
  background:
    radial-gradient(circle at 12% 9%, rgba(255,255,255,0.52) 0 4px, transparent 5px),
    radial-gradient(circle at 39% 6%, rgba(255,255,255,0.42) 0 4px, transparent 5px),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,0.38) 0 4px, transparent 5px),
    radial-gradient(circle at 8% 41%, rgba(255,255,255,0.42) 0 4px, transparent 5px),
    radial-gradient(circle at 76% 36%, rgba(255,255,255,0.42) 0 4px, transparent 5px),
    radial-gradient(circle at 58% 52%, rgba(255,255,255,0.42) 0 4px, transparent 5px),
    radial-gradient(circle at 22% 68%, rgba(255,255,255,0.36) 0 4px, transparent 5px),
    radial-gradient(circle at 82% 71%, rgba(255,255,255,0.42) 0 4px, transparent 5px),
    radial-gradient(circle at 16% 88%, rgba(255,255,255,0.38) 0 4px, transparent 5px),
    radial-gradient(circle at 63% 95%, rgba(255,255,255,0.38) 0 4px, transparent 5px),
    linear-gradient(180deg, var(--splash-bg) 0%, var(--splash-bg) 100%);
  overflow:hidden;
}

.lb-title{
  margin-bottom:88px;
  color:#202020;
  font-size:184px;
  font-weight:900;
  letter-spacing:0;
  line-height:.92;
  text-align:center;
  text-transform:uppercase;
}

.lb-list{
  width:808px;
  min-height:1016px;
  margin-bottom:104px;
  padding:76px 56px;
  border:12px solid #202020;
  border-radius:36px;
  background:#73e7dd;
  display:flex;
  flex-direction:column;
  gap:48px;
}

.lb-row{
  display:flex;
  align-items:center;
  gap:0;
  padding:0;
  border:0;
  background:transparent;
}

.lb-rank{
  display:none;
}

.lb-name,
.lb-score{
  color:#000;
  font-size:80px;
  font-weight:900;
  letter-spacing:0;
}

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

.lb-score{
  min-width:112px;
  text-align:right;
}

.lb-row.gold .lb-name,
.lb-row.gold .lb-score,
.lb-row.silver .lb-name,
.lb-row.silver .lb-score,
.lb-row.bronze .lb-name,
.lb-row.bronze .lb-score{
  color:#000;
}

.lb-row.me{
  background:rgba(255,255,255,0.52);
  border-radius:18px;
  padding:4px 20px 4px 20px;
  margin:0 -20px;
  border-left:8px solid #FF3C3C;
}

.lb-row.me .lb-name,
.lb-row.me .lb-score{
  color:#CC1A1A;
}

.lb-empty{
  padding:240px 0;
  color:rgba(0,0,0,0.35);
  font-size:56px;
  letter-spacing:0;
  text-align:center;
}

.lb-back-btn{
  width:780px;
  height:200px;
  border:12px solid #fff;
  border-radius:32px;
  background:#000;
  color:#fff;
  cursor:pointer;
  font-family:var(--font);
  font-size:84px;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
  transition:transform .12s, opacity .12s;
}

.lb-back-btn:active{
  opacity:.92;
  transform:scale(.985);
}

.lb-list-result .lb-empty{
  padding:240px 0;
  color:rgba(0,0,0,0.35);
  font-size:56px;
  letter-spacing:0;
}