.leaderboard-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:2rem;width:100%;max-width:500px}.leaderboard-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:16px}.leaderboard-title{text-align:center;margin:0;font-size:1.5rem;color:#fff}.refresh-btn{position:relative;left:2%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:1rem;color:#fff;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled){background:#fff3;border-color:#fff6}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn.on-cooldown{font-size:.75rem;color:#9ca3af}.refresh-btn.loading .refresh-icon{animation:spin 1s linear infinite}.refresh-icon{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaderboard-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.toggle-btn{padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#9ca3af;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:normal}.toggle-btn:hover{border-color:#fff6;color:#e5e7eb}.toggle-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:transparent;color:#fff}.loader{text-align:center;color:#9ca3af}.no-scores{text-align:center;color:#9ca3af;font-style:italic}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item.current-user{background:#f973161a;border-radius:8px;padding:10px 8px;margin:0 -8px}.leaderboard-rank{font-weight:700;font-size:1.1rem;color:#9ca3af;width:36px;text-align:center}.leaderboard-rank.rank-1,.leaderboard-rank.rank-2,.leaderboard-rank.rank-3{font-size:1.3rem}.leaderboard-name{font-weight:500;flex-grow:1;color:#e5e7eb;overflow-wrap:anywhere}.leaderboard-streak{display:flex;align-items:center;gap:4px;font-weight:700;font-size:1.1rem;color:#f97316}.streak-fire{font-size:1rem}.leaderboard-score{display:flex;align-items:center;gap:4px;font-weight:700;font-size:1.1rem;color:#3b82f6}.score-icon{font-size:1rem}.guest-cta{margin-top:20px;padding:16px;background:#f973161a;border:1px dashed rgba(249,115,22,.3);border-radius:10px;text-align:center}.guest-cta p{margin:0 0 12px;color:#e5e7eb;font-size:.95rem}.cta-button{padding:10px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;white-space:normal}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}@media(max-width:520px){.leaderboard-toggle{flex-direction:column}.toggle-btn{width:100%}.leaderboard-item{align-items:flex-start}.leaderboard-streak,.leaderboard-score{font-size:1rem}}.leaderboards-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0b1020,#1a1f35);padding-top:64px;display:flex;justify-content:center}.leaderboards-container{width:100%;max-width:800px;padding:40px 20px}@media(min-width:768px){.leaderboards-container{padding:60px 40px}}.leaderboards-title{text-align:center;color:#fff;font-size:2rem;font-weight:700;margin:0 0 12px}@media(min-width:768px){.leaderboards-title{font-size:2.5rem}}.leaderboards-subtitle{text-align:center;color:#fff9;font-size:1rem;margin:0 0 24px}@media(min-width:768px){.leaderboards-subtitle{font-size:1.1rem;margin:0 0 32px}}.game-mode-selector{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.mode-btn{padding:12px 24px;font-size:1rem;font-weight:600;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;min-width:140px;white-space:normal}.mode-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f666}.mode-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.leaderboards-grid{display:flex;flex-direction:column;align-items:center;gap:24px}.leaderboards-grid .leaderboard-card{margin-top:0;max-width:100%}@media(max-width:520px){.mode-btn{width:100%;min-width:0}}