.quest-page-wrapper{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#0f0f1a 100%);min-height:100vh}.quest-content{max-width:1400px;margin:0 auto;padding:20px}.quest-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.quest-header{text-align:center;margin-bottom:40px;position:relative}.header-shapes{pointer-events:none;width:300px;height:100px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.header-shape{opacity:.3;position:absolute}.shape-1{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,#e94560,#ff6b6b);width:60px;height:60px;animation:3s ease-in-out infinite float;top:20px;left:0}.shape-2{background:linear-gradient(135deg,#00d9ff,#0f8);width:40px;height:40px;animation:3s ease-in-out .5s infinite float;top:10px;right:20px;transform:rotate(45deg)}.shape-3{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,#ff8c00,#ff6500);width:50px;height:50px;animation:3s ease-in-out 1s infinite float;top:0;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.quest-title-main{background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #e945604d;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Righteous,sans-serif;font-size:3rem}.quest-subtitle{color:#888;margin:0;font-family:Rajdhani,sans-serif;font-size:1.2rem}.leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.leaderboard-tab{color:#aaa;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffffff0d;border:2px solid #e945604d;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.leaderboard-tab:hover{color:#fff;background:#e945601a;border-color:#e94560}.leaderboard-tab.active{color:#fff;background:linear-gradient(135deg,#e94560,#ff6b6b);border-color:#e94560;box-shadow:0 0 20px #e9456066}.tab-icon{font-size:1.2rem}.leaderboard-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #e94560;border-radius:12px;position:relative;overflow:hidden}.leaderboard-card:before{content:"";background:linear-gradient(90deg,#e94560,#00d9ff,#0f8,#e94560) 0 0/300% 100%;height:4px;animation:3s linear infinite gradient-shift;position:absolute;top:0;left:0;right:0}@keyframes gradient-shift{0%{background-position:0%}to{background-position:300%}}.leaderboard-card-header{text-align:center;border-bottom:1px solid #e945604d;padding:20px}.leaderboard-card-header h2{color:#ff8c00;text-shadow:1px 1px 2px #00000080;margin:0;font-family:Righteous,sans-serif;font-size:1.5rem}.leaderboard-list{padding:10px}.leaderboard-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:15px;margin-bottom:8px;padding:12px 16px;transition:all .3s;display:flex}.leaderboard-item:hover{background:#e945601a;border-color:#e945604d;transform:translate(5px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd70066}.leaderboard-item.rank-1:hover{background:linear-gradient(135deg,#ffd70040,#ffa50033)}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c01f,#80808014);border-color:#c0c0c04d}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f321f,#8b451314);border-color:#cd7f324d}.leaderboard-rank{text-align:center;flex-shrink:0;width:40px}.rank-icon{font-size:1.5rem}.rank-number{color:#666;font-family:Righteous,sans-serif;font-size:1.1rem}.rank-1 .rank-number{color:gold;font-size:1.3rem}.rank-2 .rank-number{color:silver;font-size:1.2rem}.rank-3 .rank-number{color:#cd7f32;font-size:1.2rem}.leaderboard-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Righteous,sans-serif;font-size:.9rem;display:flex}.leaderboard-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0}.leaderboard-info{flex:1;min-width:0}.leaderboard-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;overflow:hidden}.rank-1 .leaderboard-username{color:gold}.rank-2 .leaderboard-username{color:silver}.rank-3 .leaderboard-username{color:#cd7f32}.leaderboard-value{color:#00d9ff;text-shadow:0 0 10px #00d9ff4d;flex-shrink:0;font-family:Righteous,sans-serif;font-size:1.1rem}.leaderboard-empty{text-align:center;color:#666;padding:40px;font-family:Rajdhani,sans-serif}@media (max-width:600px){.leaderboard-tab{padding:10px 16px;font-size:.85rem}.leaderboard-tab span:not(.tab-icon){display:none}.leaderboard-item{gap:10px;padding:10px 12px}.leaderboard-rank{width:30px}}