#home-leaderboard{order:-1}
#home-levels{order:-2}
#leaderboard-dialog{width:min(640px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));padding:0;border:3px solid #71afdc;border-radius:26px;background:linear-gradient(155deg,#225889,#102f55);color:#f7faff;font-family:'Poppins',sans-serif;box-shadow:0 8px 0 #092340,0 28px 80px #061a3999;overflow:auto}
#leaderboard-dialog[open]{display:flex;flex-direction:column}
.leaderboard-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 58px 24px;flex:none;background:radial-gradient(ellipse at 50% 0,#397fae88,transparent 75%)}
.leaderboard-trophy{display:block;width:76px;height:76px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 4px #092b5040)}
#leaderboard-title{font:900 32px/1.2 'Poppins',sans-serif;letter-spacing:-.8px;margin:0;color:#ffdc70;text-transform:uppercase;text-shadow:0 3px 0 #9b591b,0 5px 0 #092b50}
#leaderboard-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #73a8d1;border-radius:12px;background:#12395f;box-shadow:0 3px 0 #0c2949;color:white}
#leaderboard-close .material-symbols-rounded{display:block;font-size:28px;line-height:1;transform:translateY(-1px)}
#leaderboard-close:hover{background:#2c6799}
.leaderboard-content{padding:0 22px 20px;display:flex;flex-direction:column;gap:10px;min-height:0}
#leaderboard-status{margin:0;padding:20px;font-size:13px;color:#d1e6f6;text-align:center;flex:none}
#leaderboard-status:empty{display:none}
.leaderboard-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;max-height:60dvh;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:#6e9fca #123654;padding:0 3px 4px}
#leaderboard-dialog table{border-collapse:separate;border-spacing:0 8px;width:100%;table-layout:fixed;font-size:14px}
#leaderboard-dialog th{position:sticky;top:0;background:#19446e;text-align:left;color:#bad4eb;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;padding:6px 10px;z-index:1}
#leaderboard-dialog th:first-child,#leaderboard-dialog td:first-child{width:60px;text-align:center}
#leaderboard-dialog th:last-child{width:100px;text-align:right}
#leaderboard-dialog td{padding:10px 8px;background:linear-gradient(#d7eafb,#b6d5f1);border-top:2px solid #e3f2ff;border-bottom:3px solid #739ac4;color:#123859}
#leaderboard-dialog td:first-child{border-radius:15px 0 0 15px;border-left:2px solid #d4eaff}
#leaderboard-dialog td:last-child{border-radius:0 15px 15px 0;border-right:2px solid #d4eaff;padding-right:12px}
.leaderboard-rank-badge{display:inline-grid;place-items:center;min-width:34px;height:36px;font:900 21px/1 'Poppins',sans-serif;color:#355d81;text-shadow:0 1px #fff9}
.leaderboard-person{display:flex;align-items:center;gap:12px;min-width:0}
.leaderboard-person>img{border-radius:50%;object-fit:cover;flex:none;background:#32618d;border:2px solid #f0f7ff;box-shadow:0 2px 0 #668db6;width:42px;height:42px}
.leaderboard-player-copy{min-width:0}
.leaderboard-player-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
#leaderboard-dialog .leaderboard-score{width:100px;white-space:nowrap;text-align:right}
.leaderboard-points{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:65px;padding:6px 8px;background:#17446f;border-radius:10px;box-shadow:inset 0 2px 1px #09284955;color:white}
.leaderboard-points strong{font-size:19px;line-height:1.1;font-weight:900}
.leaderboard-score img{width:22px;height:22px}
#leaderboard-dialog .leaderboard-place-1 td{background:linear-gradient(#ffe8a0,#ffd164);border-color:#fff0b7;border-bottom-color:#c8902e}
#leaderboard-dialog .leaderboard-place-2 td{background:linear-gradient(#eff9ff,#cbdde8);border-color:#f6fcff;border-bottom-color:#90a8bb}
#leaderboard-dialog .leaderboard-place-3 td{background:linear-gradient(#ffdcc3,#efb78f);border-color:#ffe9d7;border-bottom-color:#b7805d}
.leaderboard-place-1 .leaderboard-rank-badge,.leaderboard-place-2 .leaderboard-rank-badge,.leaderboard-place-3 .leaderboard-rank-badge{border-radius:50%;border:2px solid #fff9;background:#df991c;color:white;box-shadow:0 3px 0 #b67a22;text-shadow:0 2px #9a620d}
.leaderboard-place-2 .leaderboard-rank-badge{background:#819bb4;box-shadow:0 3px 0 #587691;text-shadow:0 2px #48667e}
.leaderboard-place-3 .leaderboard-rank-badge{background:#b9784d;box-shadow:0 3px 0 #925536;text-shadow:0 2px #854727}

#leaderboard-dialog th{background:#1b476f}
#leaderboard-dialog .leaderboard-you td{background:linear-gradient(#fff1ae,#ffdb6f);border-color:#fff0ab;border-bottom-color:#cf9a2c}
#leaderboard-sign-in,#leaderboard-retry{align-self:center;min-height:44px;padding:8px 22px;border:2px solid #ffd15e;border-radius:13px;background:linear-gradient(#ffb42c,#ff8d12);box-shadow:0 3px 0 #ba6514;font:700 13px 'Poppins';color:white}
#leaderboard-dialog [hidden]{display:none!important}
.auth-leaderboard-notice{color:#b5cfe5;font:400 11px/1.5 'Poppins';margin:0 0 18px}
@media(max-width:1100px),(max-height:600px){#home-leaderboard{display:none}}
@media(max-width:600px){#leaderboard-dialog{width:calc(100% - 24px - var(--safe-left) - var(--safe-right));border-radius:22px}.leaderboard-header{padding:18px 56px 20px;gap:7px}.leaderboard-trophy{width:60px;height:60px}#leaderboard-title{font-size:25px;letter-spacing:-.7px}#leaderboard-close{right:16px;top:16px;width:44px;height:44px;border-radius:12px}.leaderboard-content{padding:0 10px 14px}#leaderboard-dialog th:first-child,#leaderboard-dialog td:first-child{width:38px}#leaderboard-dialog th:first-child{padding-inline:2px;font-size:9px}#leaderboard-dialog th:last-child,#leaderboard-dialog .leaderboard-score{width:72px}#leaderboard-dialog td{padding:9px 5px}#leaderboard-dialog td:last-child{padding-right:6px}.leaderboard-person{gap:7px}.leaderboard-person>img{width:34px;height:34px}.leaderboard-player-copy strong{font-size:12px}.leaderboard-rank-badge{min-width:28px;height:30px;font-size:18px}.leaderboard-points{min-width:55px;padding:6px;gap:3px}.leaderboard-points strong{font-size:17px}.leaderboard-score img{width:18px;height:18px}}
@media(max-width:350px){#leaderboard-title{font-size:22px}.leaderboard-person>img{width:28px;height:28px}.leaderboard-player-copy strong{font-size:11px}.leaderboard-person{gap:5px}}
@media(max-height:600px) and (orientation:landscape){#leaderboard-dialog{width:min(640px,calc(100% - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));border-radius:20px}.leaderboard-header{flex-direction:row;justify-content:center;padding:16px 64px;gap:10px}.leaderboard-trophy{width:40px;height:40px}#leaderboard-title{font-size:26px}#leaderboard-close{top:10px;right:14px;width:44px;height:44px}.leaderboard-content{padding:0 14px 14px}.leaderboard-scroll{max-height:calc(100dvh - 110px - var(--safe-top) - var(--safe-bottom))}#leaderboard-dialog td{padding-block:8px}.mobile-menu-main .mobile-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){#leaderboard-dialog[open]{animation:leaderboard-enter .22s ease-out}@keyframes leaderboard-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}}