body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}.leaderboard-container{height:calc(100vh - (100vh - 100%));position:fixed;left:0;top:0;width:100%;background-image:url(../assets/images/bg.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;padding:20px;display:flex;justify-content:center;align-items:flex-start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.leaderboard-content{width:100%;max-width:600px;padding-top:20px}.leaderboard-title{text-align:center;color:#ff6b9d;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.countdown-banner{background:linear-gradient(135deg,#ff6b9d,#ff8fab);border-radius:25px;padding:15px 30px;text-align:center;margin-bottom:30px;box-shadow:0 4px 15px #0003}.countdown-banner span{color:#2d1b1b;font-size:1.1rem;font-weight:600}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:15px;margin-bottom:30px;padding:0 20px}.podium-item{display:flex;flex-direction:column;align-items:center;gap:8px}.podium-first{margin-bottom:20px}.crown{margin-bottom:-18px}.crown img{width:40px;height:40px;object-fit:contain}.avatar-wrapper{position:relative}.avatar{width:80px;height:80px;border-radius:50%;border:4px solid white;background:#fff;box-shadow:0 4px 15px #0003;object-fit:cover}.avatar-first .avatar{width:100px;height:100px;border:5px solid white}.rank-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:3px solid white}.rank-1{background:linear-gradient(135deg,gold,orange)}.rank-2{background:linear-gradient(135deg,#4a90e2,#357abd)}.rank-3{background:linear-gradient(135deg,#e85d75,#d63f5a)}.username{color:#fff;font-weight:600;font-size:.9rem;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.score{color:#fff;font-weight:700;font-size:1.1rem;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.rankings-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 400px);overflow-y:auto;padding:0 10px 20px}.rankings-list::-webkit-scrollbar{width:6px}.rankings-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.rankings-list::-webkit-scrollbar-thumb{background:#ff6b9d99;border-radius:10px}.rank-item{background:linear-gradient(135deg,#e85d75,#d63f5a);border-radius:15px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #00000026;transition:transform .2s ease}.rank-item:hover{transform:translateY(-2px)}.rank-left{display:flex;align-items:center;gap:12px}.rank-number{color:#2d1b1b;font-weight:600;font-size:.85rem}.rank-avatar{width:45px;height:45px;border-radius:50%;border:3px solid white;background:#fff;object-fit:cover}.rank-name{color:#2d1b1b;font-weight:600;font-size:1rem}.rank-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rank-score-label{color:#2d1b1b;font-size:.85rem;font-weight:600}.rank-score-value{color:#2d1b1b;font-size:1.1rem;font-weight:700}@media(max-width:480px){.leaderboard-title{font-size:2rem}.podium-container{gap:10px;padding:0 10px}.avatar{width:65px;height:65px}.avatar-first .avatar{width:85px;height:85px}.rank-name{font-size:.9rem}}