/* Cratelo — leaderboard rows (ld-*).
   Self-contained: the collection preview loads only this file, so every
   colour and font it uses is declared here rather than borrowed from the
   page.

   Ranks 1–3 get weight; everything below is a quiet row. The point of a
   leaderboard is that the top is worth reaching, not that every line
   shouts. */

.ld-row{
  --sleeve:#FFFFFF;
  --sleeve-2:#F3F7FD;
  --sleeve-3:#E7EEF9;
  --ink:#0E1116;
  --body:#454B55;
  --muted:#6B7280;
  --hair:rgba(14,25,45,.13);
  --hair-soft:rgba(14,25,45,.07);
  --blue:#0B84FF;
  --blue-hi:#0A5FBF;
  --blue-wash:rgba(11,132,255,.07);
  --sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;

  container-type:inline-size;
  font-family:var(--sans);
  color:var(--body);
  box-sizing:border-box;

  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto auto auto;
  gap:0 clamp(14px,2.4vw,32px);
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid var(--hair-soft);
}
.ld-row *{box-sizing:border-box;}

@container (max-width:620px){
  .ld-row{
    grid-template-columns:38px minmax(0,1fr) auto;
    row-gap:12px;
  }
  .ld-row .ld-stat{grid-column:2;display:flex;align-items:baseline;gap:8px;}
  .ld-row .ld-stat + .ld-stat{grid-column:3;justify-self:end;}
}

.ld-rank{
  font-size:.95rem;font-weight:700;color:var(--muted);
  font-variant-numeric:tabular-nums;text-align:center;
}

.ld-who{display:block;min-width:0;}
.ld-who b{
  display:block;color:var(--ink);font-weight:650;letter-spacing:-.022em;
  font-size:1.05rem;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ld-who i{
  display:block;font-style:normal;font-size:.82rem;color:var(--muted);
  margin-top:3px;
}
.ld-who i:empty{display:none;}

.ld-stat{text-align:right;}
.ld-stat b{
  display:block;color:var(--ink);font-weight:650;font-size:.98rem;
  font-variant-numeric:tabular-nums;line-height:1.2;
}
.ld-stat i{
  display:block;font-style:normal;font-size:.76rem;color:var(--muted);margin-top:3px;
}

.ld-paid{
  color:var(--blue-hi);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(1.1rem,2.2cqi,1.35rem);
  font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;
}

/* ---- the top three carry the weight ---- */
.ld-row[data-rank="1"],
.ld-row[data-rank="2"],
.ld-row[data-rank="3"]{
  padding:22px 16px;margin-inline:-16px;border-bottom-color:var(--hair);
}
.ld-row[data-rank="1"]{background:var(--blue-wash);}
.ld-row[data-rank="1"] .ld-rank,
.ld-row[data-rank="2"] .ld-rank,
.ld-row[data-rank="3"] .ld-rank{
  color:#fff;background:var(--muted);border-radius:999px;
  padding:5px 0;font-size:.86rem;
}
.ld-row[data-rank="1"] .ld-rank{background:var(--blue);}
.ld-row[data-rank="1"] .ld-who b{font-size:1.2rem;}
.ld-row[data-rank="1"] .ld-paid{font-size:clamp(1.3rem,2.8cqi,1.7rem);}