/* ThaïGuide — leaderboard.css */

.tg-lb {
  margin-top: 20px; padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.tg-lb-hdr { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:14px; }
.tg-lb-ttl { font-size:.85rem; font-weight:800; color:#fbbf24; }
.tg-lb-sub { font-size:.7rem; color:rgba(255,255,255,.38); }

/* Podium */
.tg-lb-podium { display:flex; align-items:flex-end; justify-content:center; gap:8px; margin-bottom:18px; }
.tg-lb-slot   { display:flex; flex-direction:column; align-items:center; gap:3px; flex:1; max-width:96px; }
.tg-lb-av     { font-size:1.7rem; line-height:1; }
.tg-lb-slot-1 .tg-lb-av { font-size:2.1rem; }
.tg-lb-nm     { font-size:.7rem; font-weight:700; color:rgba(255,255,255,.85); text-align:center; max-width:76px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tg-lb-xp     { font-size:.67rem; font-weight:800; color:#fbbf24; }
.tg-lb-medal  { font-size:1rem; }
.tg-lb-bar    { width:100%; border-radius:6px 6px 0 0; transform:scaleY(0); transform-origin:bottom; transition:transform .6s cubic-bezier(.34,1.56,.64,1); }
.tg-lb-bar-1  { height:56px; background:linear-gradient(180deg,#fcd34d,#f59e0b); }
.tg-lb-bar-2  { height:40px; background:linear-gradient(180deg,#e2e8f0,#94a3b8); }
.tg-lb-bar-3  { height:28px; background:linear-gradient(180deg,#fb923c,#c2410c); }
.tg-lb-bar-up { transform:scaleY(1); }
.tg-lb-me { position:relative; }
.tg-lb-me::after { content:'★'; position:absolute; top:-7px; right:-3px; font-size:.75rem; color:#fbbf24; }

/* Liste */
.tg-lb-list { display:flex; flex-direction:column; gap:4px; }
.tg-lb-row  { display:flex; align-items:center; gap:9px; background:#1d2432; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:9px 12px; }
.tg-lb-row-me { background:#13213b; border-color:rgba(59,125,216,.5); }
.tg-lb-rk   { font-size:.95rem; min-width:26px; text-align:center; }
.tg-lb-rav  { font-size:1.35rem; line-height:1; }
.tg-lb-rnm  { flex:1; font-size:.86rem; font-weight:700; color:#fff; display:flex; align-items:center; gap:5px; }
.tg-lb-me-tag { background:rgba(59,125,216,.25); border:1px solid rgba(59,125,216,.5); color:#93c5fd; font-size:.6rem; font-weight:700; padding:1px 5px; border-radius:5px; }
.tg-lb-rxp  { font-size:.84rem; font-weight:800; color:#fbbf24; white-space:nowrap; }

/* ── Bouton Féliciter (kudos) sur chaque ligne du classement ─────────────── */
.tg-kudos-btn {
  background: #2a3448;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px;
  width: 30px; height: 30px;
  font-size: .95rem;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 6px;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s, transform .15s;
  overflow: visible;
  line-height: 1;
  padding: 0;
}
.tg-kudos-btn img.emoji {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}
.tg-kudos-btn:active { transform: scale(.9); }
.tg-kudos-btn:hover { background: rgba(255,200,0,.18); }