#ranking-button{margin:4px 6px;min-height:36px;padding:6px 10px;border:1px solid #ffe09988;border-radius:5px;background:#102438bb;color:#ffe099;font:700 12px system-ui}
.ranking-dialog{box-sizing:border-box;width:min(92vw,440px);max-height:88dvh;overflow:auto;border:1px solid #ffe09977;border-radius:16px;padding:22px;background:#102438;color:#fff0cd}.ranking-dialog::backdrop{background:#07131bd9}.ranking-dialog,.ranking-dialog *{font-family:system-ui!important;font-style:normal!important;letter-spacing:0!important;text-shadow:none!important;-webkit-text-stroke:0!important}.ranking-dialog h2{font-size:22px;margin:0 0 12px;color:#ffe099}.ranking-rules{font-size:12px;line-height:1.6;color:#b9c9d5}.ranking-dialog form{display:grid;gap:8px;margin:18px 0}.ranking-dialog label span{display:block;font-size:12px;margin-bottom:6px}.ranking-dialog input{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #ffe09966;border-radius:6px;background:#ffffff0c;color:#fff0cd;padding:8px;font-size:16px}.ranking-dialog button{min-height:44px;border:1px solid #ffe09966;border-radius:6px;padding:8px;background:#ffe1b0;color:#102438;font-size:13px;font-weight:700}.ranking-tabs{display:flex;gap:8px}.ranking-tabs button{flex:1;background:transparent;color:#ffe099}.ranking-tabs button[aria-pressed=true]{background:#ffe099;color:#102438}.ranking-status{font-size:13px;line-height:1.6;color:#87edec}.ranking-list h3{font-size:12px;color:#b9c9d5;margin:20px 0 6px}.ranking-row{display:grid;grid-template-columns:42px 1fr auto;gap:8px;padding:12px 6px;border-bottom:1px solid #ffffff18;font-size:14px;font-variant-numeric:tabular-nums}.ranking-row span:nth-child(2){overflow-wrap:anywhere}.ranking-row.mine{background:#69ddd522;color:#89f4e5}.ranking-close{width:100%;margin-top:18px}#stage #result-screen .ranking-result{background:#102438a8;color:#8df3e9;border:1px solid #8df3e944;border-radius:6px;font:650 11px/1.4 system-ui!important;min-height:36px;margin:4px 0;padding:6px;white-space:normal}#stage #result-screen .ranking-result[hidden]{display:none}
#stage .ranking-dialog,#stage .ranking-dialog *{font-family:system-ui,sans-serif!important;font-style:normal!important;-webkit-text-stroke:0!important;letter-spacing:0!important;text-shadow:none!important}#stage .ranking-dialog button{color:#102438!important}#stage .ranking-dialog .ranking-tabs button{color:#ffe099!important}#stage .ranking-dialog .ranking-tabs button[aria-pressed=true]{color:#102438!important}

#stage .ranking-dialog [hidden]{display:none!important}#stage .ranking-dialog .ranking-edit{display:block;margin:8px 0 8px auto;background:transparent;color:#ffe099!important;font-size:12px}

.ranking-profile{margin-top:20px;padding-top:12px;border-top:1px solid #ffe09933}

#stage .ranking-row .ranking-grade{font-size:15px;font-weight:900;margin-left:6px;display:inline-block;min-width:22px;text-align:right}

.ranking-speed{display:block;font:11px system-ui;color:#b7dedd;margin-top:3px;white-space:nowrap}

.ranking-weeks{display:flex;gap:8px;justify-content:space-between}.ranking-weeks button,.ranking-history{min-height:44px}
.ranking-row{grid-template-columns:36px minmax(0,1fr) minmax(0,1.3fr);align-items:center}
.ranking-row>span{min-width:0}.ranking-row>span:last-of-type{white-space:normal;overflow-wrap:anywhere;font-size:13px;text-align:right}
.ranking-row .ranking-speed{white-space:normal}