@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rankChangeUp{0%{opacity:0;transform:translateY(30px) scale(.98);z-index:10}50%{opacity:1;transform:translateY(-3px) scale(1.01);border-color:#0f8;box-shadow:0 0 10px rgba(0,255,128,.5)}to{opacity:1;transform:translateY(0) scale(1);z-index:auto;border-color:transparent;box-shadow:none}}@keyframes rankChangeDown{0%{opacity:0;transform:translateY(-30px) scale(.98);z-index:10}50%{opacity:1;transform:translateY(3px) scale(1.01);border-color:#f44;box-shadow:0 0 10px rgba(255,68,68,.5)}to{opacity:1;transform:translateY(0) scale(1);z-index:auto;border-color:transparent;box-shadow:none}}#leaderboard-screen{display:flex;flex-direction:column;overflow:hidden}.dashboard-tabs{display:flex;justify-content:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,255,255,.2);flex-shrink:0;flex-wrap:wrap;gap:5px}#leaderboard-screen .country-info,#leaderboard-screen .leaderboard-footer,#leaderboard-screen .leaderboard-header,#leaderboard-screen h2,#my-stats-content h3{flex-shrink:0}.dashboard-tab{background:0 0;border:0;color:rgba(255,255,255,.7);padding:.8rem 1.2rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;border-bottom:2px solid transparent;position:relative;text-align:center;border-radius:6px 6px 0 0}.dashboard-tab:hover:not(:disabled){color:#0ff;background:rgba(0,255,255,.1)}.dashboard-tab.active{color:#0ff;border-bottom-color:#0ff;background:rgba(0,255,255,.05)}.dashboard-tab:disabled{color:rgba(255,255,255,.4);cursor:not-allowed;opacity:.6}.dashboard-content{display:none;animation:fadeIn .3s ease;width:100%;box-sizing:border-box}.dashboard-content.active{display:flex;flex-direction:column;flex-grow:1;min-height:0}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.leaderboard-header h3{margin:0;color:#0ff;font-size:1.3rem}.live-indicator{display:flex;align-items:center;gap:.5rem;color:#0f0;font-weight:700;font-size:.8rem}.live-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:pulse 2s infinite}.leaderboard-container,.stats-container{background:rgba(0,0,0,.2);border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:.8rem;flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.country-entry,.leaderboard-entry{display:grid;grid-template-columns:40px 1fr 80px 60px;align-items:center;gap:.8rem;padding:.4rem .6rem;margin-bottom:.3rem;background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:6px;position:relative;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.country-entry{grid-template-columns:40px 1fr 100px}.country-entry:hover,.leaderboard-entry:hover{background:rgba(0,255,255,.08);border-color:rgba(0,255,255,.2);transform:translateY(-1px)}.country-entry.rank-1,.leaderboard-entry.rank-1{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.05));border-color:rgba(255,215,0,.5)}.country-entry.rank-2,.leaderboard-entry.rank-2{background:linear-gradient(135deg,rgba(192,192,192,.15),rgba(192,192,192,.05));border-color:rgba(192,192,192,.5)}.country-entry.rank-3,.leaderboard-entry.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.15),rgba(205,127,50,.05));border-color:rgba(205,127,50,.5)}.leaderboard-entry.current-user{background:rgba(0,255,255,.15);border-color:var(--primary-color);box-shadow:0 0 8px rgba(0,255,255,.5)}.leaderboard-entry.offline{background:rgba(128,128,128,.05);border-color:rgba(128,128,128,.2)}.rank{font-size:.9rem;font-weight:700;text-align:center;color:var(--primary-color);grid-column:1/2}.country-info,.player-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden;grid-column:2/3;text-align:left}.country-name,.username{font-weight:700;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country,.country-player-count,.country-stats{font-size:.7rem;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-flag{margin-right:4px}.score,.time{text-align:right}.score{font-size:1rem;font-weight:700;color:#ff0;grid-column:3/4}.time{font-size:.75rem;color:rgba(255,255,255,.7);grid-column:4/5}.country-scores{display:flex;flex-direction:column;gap:.1rem;text-align:right;grid-column:3/4}.top-score{font-size:.9rem;font-weight:700;color:#ff0}.avg-score{font-size:.7rem;color:rgba(255,255,255,.6)}#country-leaderboard-list>.country-info{text-align:center;margin-bottom:.8rem;padding:.6rem;background:rgba(0,255,255,.03);border-radius:5px;color:rgba(255,255,255,.7);font-size:.8rem;line-height:1.3}#country-leaderboard-list>.country-info p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}.stat-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.8rem;text-align:center;transition:all .2s ease}.stat-item:hover{background:rgba(0,255,255,.08);border-color:rgba(0,255,255,.2);transform:translateY(-1px)}.stat-item.highlight{border-color:var(--highlight-color);background:linear-gradient(135deg,rgba(255,187,51,.15),rgba(255,187,51,.05))}.stat-label{font-size:.75rem;color:rgba(255,255,255,.6);margin-bottom:.2rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-color);word-break:break-word}.stat-item.highlight .stat-value{color:var(--highlight-color);font-size:1.3rem}.leaderboard-ellipsis{text-align:center;color:rgba(255,255,255,.5);padding:.3rem 0;font-size:1rem;letter-spacing:5px}.leaderboard-footer{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);gap:.8rem;width:100%}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(255,255,255,.6)}#connection-indicator-footer{font-size:1rem}#back-to-main-menu-button{pointer-events:auto;width:auto;min-width:150px;padding:.6rem 1.5rem;font-size:.9rem}.loading,.no-data{text-align:center;padding:1.5rem;color:rgba(255,255,255,.6);font-style:italic;font-size:.9rem}.loading::after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid rgba(0,255,255,.3);border-radius:50%;border-top-color:#0ff;animation:spin 1s linear infinite}.country-entry.rank-change-up,.leaderboard-entry.rank-change-up{animation:rankChangeUp 1s cubic-bezier(.2,.8,.2,1) forwards}.country-entry.rank-change-down,.leaderboard-entry.rank-change-down{animation:rankChangeDown 1s cubic-bezier(.2,.8,.2,1) forwards}@media (max-width:768px){.dashboard-tab{padding:.7rem 1rem;font-size:.85rem}.country-entry,.leaderboard-entry{grid-template-columns:35px 1fr 65px 50px;gap:.5rem;padding:.3rem .5rem}.country-entry{grid-template-columns:35px 1fr 80px}.time{font-size:.65rem}.score,.top-score{font-size:.85rem}.country-name,.username{font-size:.8rem}.avg-score,.country,.country-player-count{font-size:.65rem}.stats-grid{grid-template-columns:1fr}.leaderboard-footer{margin-top:1rem;padding-top:.6rem;gap:.6rem}}@media (max-width:480px){.leaderboard-entry{grid-template-columns:30px 1fr 60px;gap:.4rem}.country-entry{grid-template-columns:30px 1fr 70px;gap:.4rem}.time{display:none}.rank,.score,.top-score{font-size:.8rem}.dashboard-tabs{margin-bottom:1rem}.dashboard-tab{font-size:.8rem;padding:.6rem .8rem}.leaderboard-header h3{font-size:1.1rem}.live-indicator{font-size:.75rem}.stat-label{font-size:.7rem}.stat-value{font-size:1rem}.stat-item.highlight .stat-value{font-size:1.2rem}.leaderboard-footer{margin-top:.8rem;padding-top:.5rem}#back-to-main-menu-button{font-size:.8rem;padding:.5rem 1.2rem;min-width:120px}}