.leaderboard{position:absolute;left:28px;bottom:102px;width:224px;padding:13px 16px;background:#10201ac9;border:1px solid #ffffff1a;border-radius:14px;backdrop-filter:blur(12px);pointer-events:none;font-size:12px}
.rank-list small{display:block;color:#b0c1b8;font-size:11px;margin:7px 0}.rank-list ol{padding-left:20px;margin:0}.rank-list li{padding:5px 0}.rank-list li::marker{color:#d6ff61;font-weight:700}.rank-list li span{display:inline-block;max-width:118px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.rank-list li b{float:right;font-variant-numeric:tabular-nums;color:#e6f0e9;font-size:12px}
#rank-modal-list{max-width:360px;margin:22px 0;font-size:16px}#rank-modal-list li{padding:12px 0}#rank-modal-list li span{max-width:230px}#rank-modal-list li b{font-size:16px}.rank-name{display:flex;gap:10px;margin:0 0 24px}.rank-name input{width:55%;min-width:0;border:1px solid #ffffff38;background:#15241f;color:#eef3ef;padding:14px;border-radius:9px;font:inherit;user-select:text;-webkit-user-select:text}.rank-name .primary{margin:0;padding:12px 18px}#result-rank p{font-size:14px;color:#d6ff61}#result-rank>button{margin-bottom:20px}
@media(max-width:1100px),(max-height:650px){.leaderboard{display:none}}