.leaderboard-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:16px;display:flex}.leaderboard-card{text-align:center;width:100%;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,.12)}.leaderboard-container>div:has(.leaderboard-card){width:100%;max-width:500px}.leaderboard-divider{border:1px solid var(--accent);border-radius:4px;height:0;margin:12px -20px;display:block}.leaderboard-list-wrapper{width:100%;max-height:500px;position:relative;overflow:visible}.leaderboard-tabs{justify-content:flex-start;gap:8px;width:100%;margin-bottom:8px;display:flex}.tab-btn{cursor:pointer;background:0 0;border:1px solid transparent;border-radius:8px;padding:6px 10px;font-weight:600}.tab-btn.active{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}[data-theme=dark] .tab-btn{color:var(--text-light)}[data-theme=dark] .tab-btn.active{border-color:color-mix(in srgb,var(--btn-primary)80%,black);color:rgba(0,0,0,.92)!important}.tabs-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs-right{align-items:center;display:flex}.card-top-row{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.card-title{text-align:center;margin:0;font-size:1.5rem;font-weight:700}.leaderboard-list{text-align:left;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--accent)transparent;max-height:500px;margin:0;padding:0 6px;list-style:none;transition:scroll-position .28s cubic-bezier(.22,1,.36,1);position:relative;overflow-x:hidden;overflow-y:auto}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:0 0}.leaderboard-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent)80%,white)}.leaderboard-item{color:var(--text);border-bottom:1px solid rgba(100,100,100,.08);justify-content:space-between;align-items:center;padding:8px 12px;transition:background-color .28s,transform .32s cubic-bezier(.22,1,.36,1);display:flex}.score-label{align-items:center;font-size:.95rem;display:flex}.score-value{color:var(--price-actual);font-weight:600;transition:color .18s,transform .22s}.play-number{opacity:.5;font-size:.78em;line-height:1;display:inline-block;transform:translateY(-.35em)}.timestamp-icon{vertical-align:middle;color:var(--text,#0f1720);cursor:pointer;margin-left:6px;font-size:14px;line-height:1;display:inline-block}.timestamp-icon svg{vertical-align:middle;width:16px;height:16px;display:inline-block}.you-indicator{align-items:center;margin-right:6px;display:inline-flex}.you-icon{color:var(--you-color,#7c3aed);font-size:.95em;line-height:1}@keyframes you-bounce{0%{transform:translateY(0)scale(1)}8%{transform:translateY(-6px)scale(1.04)}18%{transform:translateY(0)scale(1)}28%{transform:translateY(-2px)scale(1.02)}36%{transform:translateY(0)scale(1)}to{transform:translateY(0)scale(1)}}.you-icon{will-change:transform;animation:5s cubic-bezier(.22,1,.36,1) infinite you-bounce;display:inline-block}@media (prefers-reduced-motion:reduce){.you-icon{animation:none!important}}.leaderboard-item.rank-1 .score-value{color:gold}.leaderboard-item.rank-2 .score-value{color:silver}.leaderboard-item.rank-3 .score-value{color:#cd7f32}.leaderboard-item.rank-1{background:rgba(255,215,0,.06);border-radius:8px;margin:6px 0}.leaderboard-item.rank-2{background:rgba(192,192,192,.06);border-radius:8px;margin:6px 0}.leaderboard-item.rank-3{background:rgba(205,127,50,.06);border-radius:8px;margin:6px 0}.leaderboard-item.animating{z-index:2;background:rgba(59,130,246,.08);border-radius:8px;position:relative;box-shadow:0 6px 18px rgba(59,130,246,.06)}@keyframes pulse-glow{0%,to{border-color:rgba(59,130,246,.3);box-shadow:0 0 8px rgba(59,130,246,.3),inset 0 0 8px rgba(59,130,246,.1)}50%{border-color:rgba(59,130,246,.8);box-shadow:0 0 20px rgba(59,130,246,.6),inset 0 0 12px rgba(59,130,246,.3)}}.leaderboard-item.most-recent{z-index:2;position:relative}.leaderboard-item.most-recent:before{content:"";pointer-events:none;z-index:-1;border:2px solid rgba(59,130,246,.5);border-radius:10px;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.leaderboard-item.landed{z-index:1;animation:.9s forwards landed-flash;position:relative}.leaderboard-item.landed:after{content:"";pointer-events:none;border-radius:10px;animation:.9s ease-out forwards landed-radiate;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;box-shadow:0 0 rgba(59,130,246,.18)}@keyframes landed-flash{0%{background-color:rgba(59,130,246,.1);transform:translateY(-2px)scale(1)}30%{background-color:rgba(59,130,246,.16);transform:translateY(0)scale(1.01)}to{background-color:transparent;transform:translateY(0)scale(1)}}@keyframes landed-radiate{0%{box-shadow:0 0 rgba(59,130,246,.22)}40%{box-shadow:0 10px 30px 6px rgba(59,130,246,.12)}to{box-shadow:0 0 0 40px rgba(59,130,246,0)}}.leaderboard-actions{justify-content:center;gap:12px;width:100%;margin-top:12px;display:flex}.leaderboard-home,.leaderboard-tryagain{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:600;transition:background-color .18s,color .18s,transform .12s;display:inline-flex}.leaderboard-home{border:1px solid var(--btn-primary);color:var(--btn-primary);background:0 0}.leaderboard-home:hover{background:var(--btn-primary);color:#fff;transform:translateY(-2px)}.leaderboard-home:focus{outline:2px solid color-mix(in srgb,var(--btn-primary)50%,transparent);outline-offset:2px}.home-icon,.retry-icon{will-change:transform}.leaderboard-home:hover .home-icon{animation:.6s cubic-bezier(.68,-.55,.265,1.55) both bounce-icon}.leaderboard-tryagain{border:1px solid var(--accent);color:var(--accent);background:0 0}.leaderboard-tryagain:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.leaderboard-tryagain:focus{outline:2px solid color-mix(in srgb,var(--accent)50%,transparent);outline-offset:2px}.leaderboard-tryagain:hover .retry-icon{animation:.7s cubic-bezier(.07,.24,.5,1) both spin-once}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MuiTooltip-tooltip{letter-spacing:calc(var(--tracking)*1.1);font-size:.875rem;font-family:inherit!important}