.leaderboards-row { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; }
.standalone-leaderboard-box {
    background: #fdf9ee; border: 2px solid #ffe4a3; border-radius: 16px; padding: 22px 24px;
    flex: 1 1 320px; max-width: 420px; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.standalone-lb-title { text-align: center; font-size: 17px; margin: 0 0 12px; color: #92702c; }
.standalone-lb-list { list-style: none; margin: 0; padding: 0; }
.standalone-lb-list li { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 15px; border-bottom: 1px solid #f5e8c4; }
.standalone-lb-list li:last-child { border-bottom: none; }

/* Top 3 bleiben fix sichtbar, Platz 4-10 scrollen innerhalb der Box */
.standalone-lb-top3 { margin-bottom: 4px; }
.standalone-lb-scroll {
    max-height: 80px; overflow-y: auto; border-top: 2px dashed #ffe4a3; padding-top: 4px;
    -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
}
.standalone-lb-rest li { font-size: 14px; padding: 6px 0; }
.standalone-lb-rank { width: 28px; text-align: center; font-weight: 700; flex-shrink: 0; font-size: 17px; }
.standalone-lb-name { flex: 1; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.standalone-lb-points { font-weight: 700; color: #d97706; white-space: nowrap; }
.standalone-lb-empty { font-size: 14px; color: #92702c; text-align: center; margin: 6px 0; }

/* ---- Laufschrift-Modus (rechts nach links, durchlaufend) ---- */
.lb-marquee { overflow: hidden; white-space: nowrap; position: relative; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.lb-marquee-track { display: inline-flex; align-items: center; gap: 36px; animation: lb-marquee-scroll 22s linear infinite; padding-right: 36px; }
.lb-marquee:hover .lb-marquee-track { animation-play-state: paused; }
@keyframes lb-marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.lb-marquee-item { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: #333; }
.lb-marquee-rank { font-size: 17px; }
.lb-marquee-points { font-weight: 700; color: #d97706; }