.leaderboard-card{background:linear-gradient(145deg,#fff,#fafafa);border:1px solid rgba(229,231,235,.6);box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -5px #0000000a;border-radius:1rem;overflow:hidden}.dark .leaderboard-card{background:linear-gradient(145deg,#1a1a24,#121218);border:1px solid rgba(58,58,74,.4);box-shadow:0 4px 6px -1px #0003,0 10px 20px -5px #00000026}.leaderboard-header{background:linear-gradient(135deg,#ffa11614,#fff9);border-bottom:1px solid rgba(255,161,22,.12);padding:1rem 1.25rem}.dark .leaderboard-header{background:linear-gradient(135deg,#ffa1161a,#12121833);border-bottom:1px solid rgba(255,161,22,.14)}.leaderboard-table{display:table;width:100%;border-collapse:separate;border-spacing:0}.leaderboard-table th{background:linear-gradient(180deg,#f9fafb,#f3f4f6);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.dark .leaderboard-table th{background:linear-gradient(180deg,#1a1a24,#121218);color:#9ca3af;border-bottom:1px solid #2d2d3a}.leaderboard-table th:first-child{border-radius:.5rem 0 0}.leaderboard-table th:last-child{border-radius:0 .5rem 0 0}.leaderboard-table td{padding:.875rem 1rem;border-bottom:1px solid rgba(229,231,235,.5);vertical-align:middle}.dark .leaderboard-table td{border-bottom-color:#3a3a4a4d}.leaderboard-table tbody tr{transition:background-color .15s ease}.leaderboard-table tbody tr:hover{background:linear-gradient(90deg,rgba(99,102,241,.04) 0%,transparent 100%)}.dark .leaderboard-table tbody tr:hover{background:linear-gradient(90deg,rgba(99,102,241,.08) 0%,transparent 100%)}.leaderboard-table tbody tr.is-me{background:linear-gradient(90deg,#6366f11a,#818cf80d)}.dark .leaderboard-table tbody tr.is-me{background:linear-gradient(90deg,#6366f126,#818cf814)}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-rank{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border-radius:.625rem;font-weight:700;font-size:.875rem}.leaderboard-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;box-shadow:0 3px 10px #fbbf2466}.leaderboard-rank.silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#1f2937;box-shadow:0 3px 10px #9ca3af4d}.leaderboard-rank.bronze{background:linear-gradient(135deg,#fcd34d,#d97706);color:#451a03;box-shadow:0 3px 10px #d977064d}.leaderboard-rank.default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border:1px solid #d1d5db}.dark .leaderboard-rank.default{background:linear-gradient(135deg,#2d2d3a,#24242e);color:#9ca3af;border:1px solid #3a3a4a}.leaderboard-player{display:flex;align-items:center;gap:.75rem}.leaderboard-avatar{width:2.25rem;height:2.25rem;border-radius:.625rem;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-size:.875rem;color:#6b7280}.dark .leaderboard-avatar{background:linear-gradient(135deg,#2d2d3a,#24242e);color:#9ca3af}.leaderboard-you-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em;margin-left:.5rem}.leaderboard-score{font-variant-numeric:tabular-nums;font-weight:600}.leaderboard-pct{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:9999px;font-weight:700;font-size:.75rem;min-width:3rem}.leaderboard-pct.excellent{background:linear-gradient(135deg,#22c55e26,#10b9811a);color:#16a34a}.leaderboard-pct.good{background:linear-gradient(135deg,#eab30826,#f59e0b1a);color:#ca8a04}.leaderboard-pct.poor{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#dc2626}.dark .leaderboard-pct.excellent{color:#4ade80}.dark .leaderboard-pct.good{color:#fbbf24}.dark .leaderboard-pct.poor{color:#f87171}.leaderboard-player-count{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;padding:.375rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem}.dark .leaderboard-player-count{background:linear-gradient(135deg,#2d2d3a,#24242e);border-color:#3a3a4a}.leaderboard-empty{text-align:center;padding:2.5rem 1.5rem}.leaderboard-empty-icon{width:3.5rem;height:3.5rem;margin:0 auto .75rem;background:linear-gradient(135deg,#6366f11a,#818cf80d);border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#6366f1}.leaderboard-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}.leaderboard-pagination{display:flex;gap:.5rem}