/* Styles extraits automatiquement pour levels/leaderboard-public.ejs */
.css-levels-leaderboard-public-1 { padding: 40px 24px; max-width: 1200px; margin: 0 auto; }

.css-levels-leaderboard-public-2 { margin-bottom: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: rgba(255, 255, 255, 0.02); padding: 24px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.04); }

.css-levels-leaderboard-public-3 { font-family: 'Outfit'; font-size: 2.2rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #ffffff, #94a3b8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.css-levels-leaderboard-public-4 { color: #64748b; margin: 4px 0 0 0; font-size: 0.95rem; }

.css-levels-leaderboard-public-5 { display: flex; align-items: center; gap: 12px; }

.css-levels-leaderboard-public-6 { width: 50px; height: 50px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.1); }

.css-levels-leaderboard-public-7 { color: #9147ff; }

.css-levels-leaderboard-public-8 { color: #c0c0c0; margin-right: 4px; }

.css-levels-leaderboard-public-9 { visibility: hidden; }

.css-levels-leaderboard-public-10 { background: rgba(255, 215, 0, 0.15); color: #ffd700; border-color: rgba(255, 215, 0, 0.3); }

.css-levels-leaderboard-public-11 { color: #ffd700; margin-right: 4px; }

.css-levels-leaderboard-public-12 { background: rgba(205, 127, 50, 0.15); color: #cd7f32; border-color: rgba(205, 127, 50, 0.3); }

.css-levels-leaderboard-public-13 { color: #cd7f32; margin-right: 4px; }

.css-levels-leaderboard-public-14 { visibility: hidden; }

.css-levels-leaderboard-public-15 { display: flex; gap: 12px; margin-bottom: 24px; width: 100%; }

.css-levels-leaderboard-public-16 { flex: 1; position: relative; display: flex; align-items: center; }

.css-levels-leaderboard-public-17 { position: absolute; left: 16px; color: #64748b; }

.css-levels-leaderboard-public-18 { width: 100%; padding: 14px 16px 14px 44px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.06); background: rgba(15,23,42,0.4); color: #f1f3f9; }

.css-levels-leaderboard-public-19 { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; border-radius: 14px; background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: white; border: none; font-weight: 700; font-family: 'Outfit'; cursor: pointer; transition: all 0.2s; white-space: nowrap; }

.css-levels-leaderboard-public-20 { width: 80px; }

.css-levels-leaderboard-public-21 { width: 120px; }

.css-levels-leaderboard-public-22 { width: min(100%, 320px); }

.css-levels-leaderboard-public-23 { text-align: right; width: 150px; }

.css-levels-leaderboard-public-24 { text-align: center; width: 120px; }

.css-levels-leaderboard-public-25 { text-align: center; padding: 40px; color: var(--text-dim); }

.css-levels-leaderboard-public-26 { color: #ffd700; }

.css-levels-leaderboard-public-27 { color: #c0c0c0; }

.css-levels-leaderboard-public-28 { color: #cd7f32; }

.css-levels-leaderboard-public-29 { text-align: center; }

.css-levels-leaderboard-public-30 { display: none; }

.css-levels-leaderboard-public-31 { text-align: center; padding: 40px; color: var(--text-dim); }

.css-levels-leaderboard-public-32 { color: #ffd700; }

.css-levels-leaderboard-public-33 { color: #c0c0c0; }

.css-levels-leaderboard-public-34 { color: #cd7f32; }

.css-levels-leaderboard-public-35 { color: var(--color-primary); margin-right: 8px; }

.css-levels-leaderboard-public-36 { text-align: center; }

.css-levels-leaderboard-public-37 { display: none; }

.css-levels-leaderboard-public-38 { text-align: center; padding: 40px; color: var(--text-dim); }

.css-levels-leaderboard-public-39 { color: #ffd700; }

.css-levels-leaderboard-public-40 { color: #c0c0c0; }

.css-levels-leaderboard-public-41 { color: #cd7f32; }

.css-levels-leaderboard-public-42 { color: var(--color-secondary); margin-right: 8px; }

.css-levels-leaderboard-public-43 { text-align: center; }

.css-levels-leaderboard-public-44 { display: none; }

.css-levels-leaderboard-public-45 { text-align: center; padding: 40px; color: var(--text-dim); }

.css-levels-leaderboard-public-46 { font-size: 2rem; color: #9147ff; display: block; margin-bottom: 12px; }

.css-levels-leaderboard-public-47 { color: #ffd700; }

.css-levels-leaderboard-public-48 { color: #c0c0c0; }

.css-levels-leaderboard-public-49 { color: #cd7f32; }

.css-levels-leaderboard-public-50 { color: #9147ff; margin-right: 8px; }

.css-levels-leaderboard-public-51 { text-align: center; }

.css-levels-leaderboard-public-52 { display: none; }

.css-levels-leaderboard-public-53 { display: none; }

.css-levels-leaderboard-public-54 { display: none; }

.css-levels-leaderboard-public-55 { color: var(--color-primary); }

.css-levels-leaderboard-public-56 { color: ${color}; margin-right: 4px; }

.css-levels-leaderboard-public-57 { color: var(--color-primary); margin-right: 8px; }

.css-levels-leaderboard-public-58 { color: var(--color-secondary); margin-right: 8px; }

.css-levels-leaderboard-public-59 { color: #9147ff; margin-right: 8px; }

.css-levels-leaderboard-public-60 { color: #ffd700; }

.css-levels-leaderboard-public-61 { color: #c0c0c0; }

.css-levels-leaderboard-public-62 { color: #cd7f32; }

.css-levels-leaderboard-public-63 { min-width:0 }