/* === v1.27.5 Leaderboard API Push UI === */

.leaderboard-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(25,200,245,.14);
  background:
    radial-gradient(circle at 0% 0%, rgba(25,200,245,.12), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(255,216,74,.07), transparent 32%),
    linear-gradient(145deg, rgba(7,31,44,.86), rgba(2,13,22,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045);
}
.leaderboard-hero .tag{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 12px;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(25,200,245,.96), rgba(10,167,211,.96));
  color:#eaffff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.leaderboard-hero h1{
  margin:12px 0 8px;
  font-size:clamp(32px, 4vw, 52px);
  line-height:1;
  letter-spacing:-.055em;
  color:#fff;
}
.leaderboard-hero p{
  margin:0;
  color:rgba(205,229,239,.78);
  font-weight:750;
  line-height:1.55;
}
.leaderboard-range{
  min-width:240px;
  padding:16px;
  border:1px solid rgba(25,200,245,.13);
  border-radius:18px;
  background:rgba(2,18,28,.52);
}
.leaderboard-range span,
.leaderboard-range small{
  display:block;
  color:rgba(170,205,219,.72);
  font-size:12px;
  font-weight:850;
}
.leaderboard-range b{
  display:block;
  color:#91eaff;
  margin:6px 0;
  font-size:18px;
}
.leaderboard-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
.leaderboard-card{
  border:1px solid rgba(25,200,245,.14);
  border-radius:24px;
  padding:20px;
  background:
    radial-gradient(circle at 12% 0%, rgba(25,200,245,.08), transparent 36%),
    linear-gradient(180deg, rgba(7,30,43,.94), rgba(3,18,27,.98));
  box-shadow:0 16px 42px rgba(0,0,0,.21), inset 0 1px 0 rgba(255,255,255,.035);
}
.leaderboard-card-head{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:16px;
}
.lb-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(25,200,245,.10);
  border:1px solid rgba(25,200,245,.16);
  font-size:24px;
}
.leaderboard-card h2{
  margin:0 0 3px;
  font-size:22px;
  color:#fff;
  letter-spacing:-.03em;
}
.leaderboard-card p{
  margin:0;
  color:rgba(173,205,219,.72);
  font-size:13px;
  font-weight:750;
}
.leaderboard-list{
  display:grid;
  gap:9px;
}
.leaderboard-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:62px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(25,200,245,.10);
  background:rgba(2,18,28,.48);
}
.leaderboard-row .rank{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(25,200,245,.08);
  border:1px solid rgba(25,200,245,.12);
  color:#c8f6ff;
  font-weight:1000;
}
.leaderboard-row.rank-1{
  border-color:rgba(255,216,74,.22);
  background:linear-gradient(90deg, rgba(255,216,74,.08), rgba(2,18,28,.50));
}
.leaderboard-row.rank-2{
  border-color:rgba(185,225,240,.18);
}
.leaderboard-row.rank-3{
  border-color:rgba(255,156,84,.18);
}
.lb-user{
  min-width:0;
}
.lb-user b{
  display:block;
  color:#fff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lb-user span{
  display:block;
  color:rgba(168,205,219,.70);
  font-size:12px;
  font-weight:800;
}
.leaderboard-row strong{
  color:#91eaff;
  font-size:15px;
  white-space:nowrap;
}
.leaderboard-empty,
.leaderboard-disabled{
  padding:22px;
  border-radius:18px;
  border:1px dashed rgba(25,200,245,.16);
  color:rgba(190,220,232,.76);
  font-weight:800;
  background:rgba(2,18,28,.38);
}
.leaderboard-disabled h2{margin:0 0 8px;color:#fff}

.leaderboard-settings-form .wide{
  grid-column:1/-1;
}
.leaderboard-settings-form label span{
  display:block;
  margin-bottom:8px;
  color:rgba(224,245,252,.86);
  font-size:13px;
  font-weight:950;
}
.leaderboard-settings-form code,
.leaderboard-admin-status code{
  color:#91eaff;
  background:rgba(25,200,245,.08);
  border:1px solid rgba(25,200,245,.14);
  border-radius:10px;
  padding:6px 8px;
}
.leaderboard-admin-status{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:16px;
}
.leaderboard-admin-status > div{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(25,200,245,.13);
  background:linear-gradient(180deg, rgba(7,30,43,.90), rgba(3,18,27,.98));
}
.leaderboard-admin-status span{
  display:block;
  color:rgba(173,205,219,.72);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.leaderboard-admin-status b{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:28px;
}

@media(max-width:900px){
  .leaderboard-hero{
    display:grid;
    padding:22px;
  }
  .leaderboard-grid,
  .leaderboard-admin-status{
    grid-template-columns:1fr;
  }
  .leaderboard-row{
    grid-template-columns:40px minmax(0,1fr);
  }
  .leaderboard-row strong{
    grid-column:2;
  }
}