.leaderboard-container{color:#1f2937;max-width:1100px;margin:0 auto;padding:2rem;transition:color .3s}.leaderboard-title{text-transform:uppercase;margin:0;font-size:3rem;font-weight:800}.leaderboard-subtitle{color:#64748b;margin:.75rem 0 2rem;font-size:1.1rem;transition:color .3s}.leaderboard-section{background:linear-gradient(#fffffff5,#f1f5f9f5);border:1px solid #94a3b82e;border-radius:20px;padding:1.5rem;transition:background .3s,border-color .3s,box-shadow .3s;box-shadow:0 24px 60px #0f172a1a}.leaderboard-section+.leaderboard-section{margin-top:1.5rem}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 .35rem;font-size:.8rem;font-weight:700}.section-title{color:#0f172a;margin:0;font-size:1.8rem;font-weight:700;transition:color .3s}.section-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#16a34a,#22c55e);border:1px solid #15803d;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #22c55e47}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.leaderboard-table{border-collapse:collapse;background:#ffffffeb;border-radius:14px;width:100%;min-width:780px;transition:background .3s;overflow:hidden}.leaderboard-table th,.leaderboard-table td{text-align:center;padding:.95rem 1rem}.leaderboard-table th{color:#1e3a8a;letter-spacing:.06em;text-transform:uppercase;background:#2563eb1f;font-size:.82rem;font-weight:800}.leaderboard-table td{color:#1f2937;border-top:1px solid #94a3b824;font-size:1rem;font-weight:500;transition:color .3s,border-color .3s}.leaderboard-table tbody tr:nth-child(2n){background:#f8fafcf2}.leaderboard-table tbody tr:hover{background:#2563eb14}.leaderboard-table td:first-child{color:#fcd34d;font-weight:800}.rank-medal{margin-right:.45rem}.leaderboard-empty,.section-feedback{color:#64748b;margin:0;padding:1rem 0;transition:color .3s}.archive-list{flex-direction:column;gap:1rem;display:flex}.archive-item{background:#ffffffd1;border:1px solid #94a3b82e;border-radius:16px;transition:background .3s,border-color .3s;overflow:hidden}.archive-item.expanded{border-color:#60a5fa66}.archive-toggle{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.1rem;font-size:1rem;font-weight:700;transition:background .3s,color .3s;display:flex}.archive-toggle:hover{background:#2563eb14}.archive-toggle-icon{color:#2563eb;flex-shrink:0;font-size:1.4rem;line-height:1}.archive-content{padding:0 1rem 1rem}.dark .leaderboard-container{color:#f8fafc}.dark .leaderboard-subtitle{color:#cbd5e1}.dark .leaderboard-section{background:linear-gradient(#0f172af0,#1e293bf0);border-color:#94a3b833;box-shadow:0 24px 60px #0f172a40}.dark .section-eyebrow{color:#93c5fd}.dark .section-title{color:#fff}.dark .section-badge{color:#86efac;box-shadow:none;background:#10b9812e;border-color:#10b98159}.dark .leaderboard-table{background:#0f172a8c}.dark .leaderboard-table th{color:#e2e8f0;background:#3b82f62e}.dark .leaderboard-table td{color:#f8fafc}.dark .leaderboard-table tbody tr:nth-child(2n){background:#ffffff08}.dark .leaderboard-table tbody tr:hover{background:#3b82f61f}.dark .leaderboard-empty,.dark .section-feedback{color:#cbd5e1}.dark .archive-item{background:#0f172a61}.dark .archive-toggle{color:#fff}.dark .archive-toggle:hover{background:#3b82f614}.dark .archive-toggle-icon{color:#93c5fd}@media (max-width:768px){.leaderboard-container{padding:1rem}.leaderboard-title{font-size:2.15rem}.leaderboard-subtitle{font-size:1rem}.leaderboard-section{border-radius:16px;padding:1rem}.section-header{flex-direction:column;align-items:flex-start}.section-title{font-size:1.35rem}.table-wrapper{margin:0 -1rem;padding:0 1rem}.leaderboard-table{min-width:700px}.leaderboard-table th,.leaderboard-table td{white-space:nowrap;padding:.75rem .65rem;font-size:.85rem}}