.leaderboard-page{min-height:calc(100vh - 80px);padding:var(--spacing-8)var(--spacing-4);background:var(--color-gray-50)}.leaderboard-container{max-width:900px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:var(--spacing-8)}.leaderboard-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-3);display:flex}.trophy-icon{font-size:var(--text-4xl)}.leaderboard-header p{color:var(--color-gray-500);font-size:var(--text-lg);margin:0}.test-tabs{gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.test-tab{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-gray-500);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none}.test-tab:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.test-tab.active{background:var(--gradient-primary);color:var(--color-white);font-weight:var(--font-semibold)}.filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.filter-group{gap:var(--spacing-2);flex-direction:column;display:flex}.filter-group label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold)}.filter-buttons{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--gradient-primary);color:var(--color-white);font-weight:var(--font-medium);border-color:#0000}.country-filters{align-items:center}.country-select{padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-sm);cursor:pointer}.country-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #06b6d41a}.country-banner{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--gradient-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);border:1px solid #06b6d433;display:flex}.country-banner-flag{font-size:var(--text-3xl)}.country-banner-name{font-size:var(--text-xl);color:var(--color-primary-dark);font-weight:var(--font-semibold)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-16)var(--spacing-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);width:40px;height:40px;margin:0 auto var(--spacing-4);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p,.empty-state p{color:var(--color-gray-500);margin:0}.error-icon,.empty-icon{margin-bottom:var(--spacing-4);font-size:3rem;display:block}.error-state button{margin-top:var(--spacing-4);padding:var(--spacing-2)var(--spacing-6);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);background:0 0}.error-state button:hover{background:var(--color-primary);color:var(--color-white)}.empty-hint{font-size:var(--text-sm);color:var(--color-gray-400)!important;margin-top:var(--spacing-2)!important}.leaderboard-info{padding:var(--spacing-3)var(--spacing-4);background:var(--color-white);border-radius:var(--radius-lg)var(--radius-lg)0 0;border:1px solid var(--color-gray-200);border-bottom:none;justify-content:space-between;align-items:center;display:flex}.total-count{color:var(--color-gray-500);font-size:var(--text-sm)}.test-info{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.leaderboard-table{border-collapse:collapse;background:var(--color-white);border-radius:0 0 var(--radius-lg)var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);border-top:none;overflow:hidden}.leaderboard-table th{padding:var(--spacing-4);text-align:left;color:var(--color-gray-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.leaderboard-table td{padding:var(--spacing-3)var(--spacing-4);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tbody tr{transition:background var(--transition-fast)}.leaderboard-table tbody tr:hover{background:var(--color-gray-50)}.leaderboard-table tr.top-1{background:linear-gradient(90deg,#ffd70026 0%,#ffd7000d 100%)}.leaderboard-table tr.top-1:hover{background:linear-gradient(90deg,#ffd70033 0%,#ffd7001a 100%)}.leaderboard-table tr.top-2{background:linear-gradient(90deg,#c0c0c026 0%,#c0c0c00d 100%)}.leaderboard-table tr.top-2:hover{background:linear-gradient(90deg,#c0c0c033 0%,#c0c0c01a 100%)}.leaderboard-table tr.top-3{background:linear-gradient(90deg,#cd7f3226 0%,#cd7f320d 100%)}.leaderboard-table tr.top-3:hover{background:linear-gradient(90deg,#cd7f3233 0%,#cd7f321a 100%)}.col-rank{width:60px;font-weight:var(--font-semibold);color:var(--color-gray-900)}.col-flag{width:40px;font-size:var(--text-xl)}.col-player{font-weight:var(--font-semibold);letter-spacing:1px;color:var(--color-gray-900)}.col-score{width:120px}.score-value{font-weight:var(--font-bold);color:var(--color-primary);margin-right:var(--spacing-1)}.score-unit{color:var(--color-gray-400);font-size:var(--text-sm)}.col-date{width:100px;color:var(--color-gray-400);font-size:var(--text-sm)}.medal{font-size:var(--text-xl)}.pagination{justify-content:center;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-6);padding:var(--spacing-4);display:flex}.page-btn{padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--color-gray-500);font-size:var(--text-sm)}@media (max-width:640px){.leaderboard-page{padding:var(--spacing-4)var(--spacing-3)}.leaderboard-header h1{font-size:var(--text-2xl)}.trophy-icon{font-size:var(--text-3xl)}.test-tabs{-webkit-overflow-scrolling:touch;padding:var(--spacing-2);flex-wrap:nowrap;overflow-x:auto}.test-tab{padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs)}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-3)var(--spacing-2);font-size:var(--text-sm)}.col-date{display:none}.col-rank{width:50px}.filter-buttons{padding-bottom:var(--spacing-2);flex-wrap:nowrap;overflow-x:auto}.pagination{gap:var(--spacing-3)}.page-btn{padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs)}}