/**
 * AQ Leaderboard — v3.8.1
 */

.aqsl-wrap { width:100%; max-width:1100px; margin:0 auto; padding:0 20px; box-sizing:border-box; font-family:inherit; }

.aqsl-podium { display:flex; direction:rtl; justify-content:center; gap:12px; padding:12px 0 20px; flex-wrap:wrap; }
.aqsl-pod { flex:0 0 110px; width:110px; display:flex; flex-direction:column; align-items:center; gap:0; padding:10px 6px; background:#fff; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.08); border:2px solid #e8e8e8; text-align:center; box-sizing:border-box; }
.aqsl-pod--1 { border-color:#C9A84C; box-shadow:0 3px 16px rgba(201,168,76,.22); }
.aqsl-pod--2 { border-color:#9E9E9E; }
.aqsl-pod--3 { border-color:#A0522D; }
.aqsl-pod .aqsl-photo { width:64px !important; height:64px !important; }

.aqsl-strip-head { padding:10px 0 6px; border-top:1px solid #f0f0f0; margin-top:8px; direction:rtl; }
.aqsl-strip-label { font-size:13px; font-weight:700; color:#888; }

.aqsl-clip { overflow:hidden; width:100%; padding:4px 0 16px; }

/* إيقاف الحركة عند hover — حل واحد فقط */
.aqsl-wrap:hover .aqsl-track { animation-play-state: paused; }

.aqsl-track { display:flex; flex-direction:row; flex-wrap:nowrap; gap:14px; width:max-content; will-change:transform; animation:aqsl-marquee 90s linear infinite; }

@keyframes aqsl-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.aqsl-scard {
    flex:0 0 auto; width:100px; min-width:100px;
    display:flex; flex-direction:column; align-items:center; gap:0; direction:rtl;
    padding:8px 4px; background:#fff; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.07);
    text-align:center; box-sizing:border-box;
    transition: transform .25s ease, box-shadow .25s ease;
    transform-origin: center center;
}
.aqsl-scard:hover { transform:scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.12); z-index:10; }
.aqsl-scard .aqsl-photo { width:52px !important; height:52px !important; }

.aqsl-photo { border-radius:50%; object-fit:cover; display:block; }
.aqsl-medal { font-size:16px; line-height:1; min-height:20px; margin-bottom:4px; }
.aqsl-rank  { font-size:10px; font-weight:700; color:#ccc; }

.aqsl-badge { width:100%; height:28px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-top:-6px; position:relative; z-index:2; margin-bottom:5px; background:transparent !important; }
.aqsl-badge .aq-level-badge { transform:scale(0.78) !important; transform-origin:center center !important; flex-shrink:0; }

.aqsl-pts { display:flex; align-items:baseline; gap:3px; justify-content:center; margin-top:3px; white-space:nowrap; }
.aqsl-pts strong { font-size:12px; font-weight:700; color:#333; }
.aqsl-pts span   { font-size:9px; font-weight:400; color:#aaa; }

.aqsl-name { font-size:11px; font-weight:600; color:#222; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; text-align:center; }

@media (prefers-reduced-motion:reduce) { .aqsl-track { animation:none; } }
@media (max-width:600px) {
    .aqsl-wrap { padding:0 12px; }
    .aqsl-pod  { flex:0 0 96px; width:96px; }
    .aqsl-pod .aqsl-photo { width:54px !important; height:54px !important; }
    .aqsl-track { gap:10px; animation-duration:65s; }
    .aqsl-scard { width:88px; min-width:88px; }
    .aqsl-scard .aqsl-photo { width:44px !important; height:44px !important; }
}