/* Rank badges copied from Widget Studio vendor/widget-leaderboard.js. */
.board-row .rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
  .ccw-rank--1 { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #78350f; box-shadow: 0 1px 3px rgba(245,158,11,0.3); }
  .ccw-rank--2 { background: linear-gradient(135deg, #d1d5db, #9ca3af); color: #374151; box-shadow: 0 1px 3px rgba(156,163,175,0.3); }
  .ccw-rank--3 { background: linear-gradient(135deg, #d97706, #b45309); color: #fff; box-shadow: 0 1px 3px rgba(180,83,9,0.3); }
  .ccw-rank--other { background: #f1f5f9; color: #64748b; }
.board-row:hover .rank{transform:scale(1.15)}
@media(max-width:680px){.board-labels,.board-row{grid-template-columns:24px minmax(0,1fr) 96px 35px}}
@media(max-width:370px){.board-labels,.board-row{grid-template-columns:24px minmax(0,1fr) 88px 30px;gap:4px}}
.motion-off .board-row:hover .rank{transform:none}

/* Every foundation is visible; the latest gift stays alongside the full field. */
@media(min-width:681px){.spotlight{position:sticky;top:24px;align-self:start}}
@media(max-width:680px){.spotlight{position:static}}