/* MUDA MAX v4.9: online leaderboard -- separated from existing save data */
.rank-panel{margin-top:20px;padding:clamp(14px,2vw,24px);border-radius:21px;background:linear-gradient(145deg,#202346,#292046 58%,#1b3548);border:2px solid #d7ba67;box-shadow:0 11px 30px #0006}
.rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.rank-head h3{margin:0;color:#ffeb9b;font-size:clamp(19px,3.5vw,26px)}.rank-head p{font-size:12px;color:#e4d9ff;margin:5px 0 0}
.rank-live{font-size:11px;padding:6px 10px;border-radius:999px;background:#3d346a;color:#d4f7ff;border:1px solid #726d98;font-weight:900}
.rank-status{background:#111a33;border:1px solid #6178aa;border-radius:12px;padding:11px 13px;margin:15px 0;color:#d8e9ff;font-size:13px;line-height:1.5}
.rank-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:15px}.rank-box{background:#0d1630ad;border:1px solid #6c74a1;border-radius:17px;padding:14px;min-width:0}.rank-box h4{font-size:16px;margin:0 0 10px;color:#f8f7ff}
.rank-fields{display:grid;gap:9px}.rank-fields label{display:grid;gap:4px;font-size:12px;color:#f0edff;font-weight:850}.rank-input{background:#10152a;border:1px solid #7d7ca7;border-radius:10px;color:#fff;font-size:16px;padding:12px;width:100%;min-width:0}.rank-input:focus-visible{outline:3px solid #fff29a}
.rank-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.rank-action{min-height:45px;flex:1;border:0;border-radius:11px;padding:10px 12px;font-size:13px;font-weight:1000;color:#15152b;background:#c8ff7c}.rank-action.alt{background:#463c67;border:1px solid #9f99bf;color:#fff}.rank-action:disabled{opacity:.6}
.rank-note{font-size:11px;line-height:1.65;color:#c8c8e0;margin:10px 0 0}
.rank-signed{display:none}.rank-signed.on{display:block}.rank-signed strong{color:#d4ff96;font-size:22px}.rank-score{font-size:13px;color:#f4edf9;line-height:1.8}.rank-score b{color:#ffe88b}.rank-gauge{height:9px;border-radius:999px;background:#292f48;overflow:hidden;margin:9px 0}.rank-gauge>span{height:100%;display:block;background:linear-gradient(90deg,#a5fa78,#fbe46c);width:0;transition:width .2s}
.rank-leaders{display:grid;gap:6px;max-height:340px;overflow:auto;overscroll-behavior:contain}.rank-entry{display:flex;align-items:center;gap:8px;min-height:43px;padding:8px 10px;border-radius:11px;background:#252b4c;border:1px solid #505b88;color:#fff;font-size:13px}.rank-entry.mine{background:#40512b;border-color:#a7df75}.rank-entry .rank-place{min-width:34px;font-weight:1000;color:#ffe79f}.rank-entry .rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-entry b{font-variant-numeric:tabular-nums}.rank-bottom{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}.rank-refresh{border:1px solid #85bcdd;color:#dbf7ff;background:#294161;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:900}.rank-foot{color:#b8bfd9;font-size:11px;line-height:1.6;margin:12px 0 0}
.home-rank-shortcut{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;border-radius:17px;background:linear-gradient(100deg,#39234d,#1b3750);border:1px solid #d1b468;padding:14px 16px}.home-rank-shortcut strong{display:block;color:#ffe68b;font-size:16px}.home-rank-shortcut small{color:#ddd0f2;font-size:12px}.home-rank-shortcut button{background:#fce383;border:0;border-radius:11px;padding:11px 15px;color:#292034;font-weight:1000;white-space:nowrap}
@media(max-width:680px){.rank-layout{grid-template-columns:1fr}.rank-leaders{max-height:300px}.rank-action{font-size:12px}.home-rank-shortcut{padding:12px}.home-rank-shortcut strong{font-size:14px}.home-rank-shortcut button{font-size:12px;padding:10px}}