/* Champions Series (Hybrid: premium + modern)
   Scoped to .aipl-cs-leaderboard to avoid impacting standard leaderboards.
*/

.aipl-cs-leaderboard .aipl-cs-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.28);
  background:
    radial-gradient(900px 360px at 10% 0%, rgba(212,175,55,.10), transparent 60%),
    radial-gradient(700px 260px at 90% 20%, rgba(120,220,255,.08), transparent 55%),
    linear-gradient(180deg, rgba(12,14,18,.92), rgba(7,9,12,.94));
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

.aipl-cs-leaderboard .aipl-cs-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(212,175,55,.55), rgba(255,255,255,0) 45%, rgba(120,220,255,.22));
  opacity:.12;
  filter: blur(10px);
}

.aipl-cs-leaderboard .aipl-lb-title{
  letter-spacing:.3px;
}

.aipl-cs-leaderboard .aipl-cs-scope{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(230,237,246,.82);
}

/* Podium */
.aipl-cs-leaderboard .aipl-cs-podium{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  margin:14px 0 12px 0;
}

.aipl-cs-leaderboard .aipl-cs-podium-card{
  border-radius:18px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transform: translateZ(0);
}

.aipl-cs-leaderboard .aipl-cs-podium-card:nth-child(1){
  border-color: rgba(212,175,55,.45);
  background:
    radial-gradient(280px 120px at 30% 0%, rgba(212,175,55,.14), transparent 60%),
    rgba(255,255,255,.035);
}

.aipl-cs-leaderboard .aipl-cs-podium-card:nth-child(2){
  border-color: rgba(180,205,255,.32);
}

.aipl-cs-leaderboard .aipl-cs-podium-card:nth-child(3){
  border-color: rgba(212,175,55,.22);
}

.aipl-cs-leaderboard .aipl-cs-podium-rank{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color: rgba(230,237,246,.78);
}

.aipl-cs-leaderboard .aipl-cs-medal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}

.aipl-cs-leaderboard .aipl-cs-medal-1{
  border-color: rgba(212,175,55,.55);
  background: rgba(212,175,55,.14);
  box-shadow: 0 0 0 4px rgba(212,175,55,.06);
}

.aipl-cs-leaderboard .aipl-cs-medal-2{
  border-color: rgba(200,210,230,.55);
  background: rgba(200,210,230,.10);
}

.aipl-cs-leaderboard .aipl-cs-medal-3{
  border-color: rgba(212,175,55,.28);
  background: rgba(212,175,55,.08);
}

.aipl-cs-leaderboard .aipl-cs-podium-name{
  font-size:16px;
  font-weight:900;
  margin-top:6px;
}

.aipl-cs-leaderboard .aipl-cs-podium-score{
  margin-top:6px;
  color: rgba(230,237,246,.90);
}

/* Table polish */
.aipl-cs-leaderboard table.widefat{
  background: transparent;
}

.aipl-cs-leaderboard table.widefat thead th{
  background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.aipl-cs-leaderboard table.widefat tbody td{
  border-top: 1px solid rgba(255,255,255,.06);
}

.aipl-cs-leaderboard table.widefat tbody tr:hover{
  background: rgba(212,175,55,.06);
}

/* Small screen */
@media (max-width: 720px){
  .aipl-cs-leaderboard .aipl-cs-podium{
    grid-template-columns: 1fr;
  }
}


/* --- Why you moved (public) --- */
.aipl-cs-why { font-size: 12px; }
.aipl-cs-why summary { cursor:pointer; color: rgba(230,237,246,.88); }
.aipl-cs-why summary:hover { color:#fff; }
.aipl-cs-move { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; font-size:11px; margin-right:6px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
.aipl-cs-move-up { border-color: rgba(68, 215, 160, .35); background: rgba(68, 215, 160, .14); }
.aipl-cs-move-down { border-color: rgba(255, 88, 88, .35); background: rgba(255, 88, 88, .14); }
.aipl-cs-move-flat { border-color: rgba(255, 215, 90, .25); background: rgba(255, 215, 90, .10); }
.aipl-cs-why-list { margin:8px 0 0 22px; color: rgba(230,237,246,.72); }
.aipl-cs-why-list li { margin:0 0 6px 0; }
