game-ranking{display:block;position:relative}game-ranking .ranking-panel{border:1px solid var(--line);background:#f8fbff;border-radius:18px;margin-top:2rem;overflow:hidden;box-shadow:0 20px 55px #102a560c}game-ranking .ranking-heading{justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.4rem,4vw,2.5rem);display:flex}game-ranking .ranking-heading h2{letter-spacing:-.035em;margin:0;font:500 clamp(2rem,4vw,3rem) ui-serif,Georgia,serif}game-ranking .ranking-heading>div>p:last-child{max-width:620px;color:var(--muted);margin:.8rem 0 0;line-height:1.7}game-ranking .ranking-toggle{color:#29425f;cursor:pointer;background:#edf3f9;border:1px solid #9fb5cd;border-radius:999px;flex:none;align-items:center;gap:.6rem;min-height:46px;padding:0 1rem;font:700 .82rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}game-ranking .toggle-dot{background:#8396aa;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #8396aa18}game-ranking .ranking-toggle.active{color:#fff;background:#123f73;border-color:#1f5d98}game-ranking .ranking-toggle.active .toggle-dot{background:#79dba8;box-shadow:0 0 0 4px #79dba824}game-ranking .ranking-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eaf2fa;padding:1rem clamp(1.4rem,4vw,2.5rem)}game-ranking .ranking-status span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}game-ranking .ranking-status strong{color:#174b82;margin-left:.7rem}game-ranking .ranking-status small{color:var(--muted);margin-left:1rem}game-ranking .leaderboard-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.4rem,4vw,2.5rem);display:flex}game-ranking .leaderboard-toolbar label{color:var(--muted);align-items:center;gap:.7rem;font-size:.75rem;font-weight:800;display:flex}game-ranking .ranking-view-actions{align-items:center;gap:.55rem;display:flex}game-ranking .best-only-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.45rem;padding:.65rem .85rem;font-weight:800;display:inline-flex}game-ranking .best-only-toggle span{background:#91a0ae;border-radius:50%;width:8px;height:8px}game-ranking .best-only-toggle.active{color:#174b82;background:#e8f2fb;border-color:#5b86ad}game-ranking .best-only-toggle.active span{background:#2c8b62;box-shadow:0 0 0 3px #2c8b6218}game-ranking select,game-ranking input{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:.65rem .8rem}game-ranking .refresh-ranking{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.65rem .85rem}game-ranking .leaderboard-table{min-height:170px}game-ranking .leaderboard-row{color:#52667d;border-top:1px solid #dbe4ee;grid-template-columns:70px minmax(120px,1fr) minmax(90px,.45fr) 70px;align-items:center;gap:1rem;min-height:48px;padding:.75rem clamp(1.4rem,4vw,2.5rem);font-size:.82rem;display:grid}game-ranking .leaderboard-labels{color:#718399;letter-spacing:.08em;text-transform:uppercase;background:#eef3f8;border-top:0;min-height:38px;font-size:.66rem;font-weight:800}game-ranking .leaderboard-row strong{color:#214d7d;font-family:ui-monospace,monospace}game-ranking .leaderboard-row time{color:var(--ink);font-weight:800}game-ranking .podium{background:#f3f8fd}game-ranking .podium-1 strong{color:#b57813}game-ranking .ranking-empty{color:var(--muted);text-align:center;margin:0;padding:3rem 1.5rem}game-ranking .ranking-empty.error,game-ranking .name-error{color:#9a3f37}game-ranking dialog{max-width:min(470px,100% - 32px);color:var(--ink);background:#f7f9fc;border:1px solid #bdcada;border-radius:18px;padding:0;box-shadow:0 25px 90px #07172e73}game-ranking dialog::backdrop{backdrop-filter:blur(5px);background:#07172eba}game-ranking dialog form{padding:2.2rem;position:relative}game-ranking dialog h2{margin:0;font:500 2.1rem ui-serif,Georgia,serif}game-ranking dialog form>p:not(.eyebrow,.name-error){color:var(--muted);line-height:1.7}game-ranking dialog label{color:var(--muted);gap:.5rem;font-size:.76rem;font-weight:800;display:grid}game-ranking dialog input{width:100%;font-size:1rem}game-ranking .dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:12px;right:12px}game-ranking .dialog-primary{color:#fff;cursor:pointer;background:#123f73;border:0;border-radius:9px;width:100%;min-height:46px;margin-top:1.2rem;font-weight:800}game-ranking .ranking-toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#071b35ec;border-radius:999px;max-width:calc(100% - 30px);padding:.75rem 1rem;transition:all .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px)}game-ranking .ranking-toast.visible{opacity:1;transform:translate(-50%)}@media (width<=700px){game-ranking .ranking-heading{flex-direction:column;align-items:stretch}game-ranking .ranking-toggle{justify-content:center}game-ranking .ranking-status small{margin:.45rem 0 0;display:block}game-ranking .leaderboard-toolbar{flex-direction:column;align-items:stretch}game-ranking .ranking-view-actions{justify-content:space-between}game-ranking .leaderboard-row{grid-template-columns:42px minmax(90px,1fr) 82px 42px;gap:.5rem;padding-left:1rem;padding-right:1rem}}