#ranking-dialog{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:85dvh;overflow:auto;margin:auto;padding:22px;border:1px solid #a48b59;border-radius:16px;background:#152334;color:#eee1c7;font:14px/1.6 system-ui;box-shadow:0 20px 80px #0009}#ranking-dialog::backdrop{background:#030913b8}#ranking-dialog h2{margin:0;font-size:23px}#ranking-dialog p{margin:10px 0}#ranking-dialog .rank-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}#ranking-dialog button{min-height:44px;padding:8px 14px;border:1px solid #9b8356;border-radius:9px;color:#f8e8c7;background:#243a4e;font:600 14px system-ui;cursor:pointer}#ranking-dialog button:disabled{opacity:.5;cursor:default}#ranking-close{font-size:21px!important}#ranking-date,#ranking-dialog .rank-note{font-size:12px;color:#b7c7d5}#ranking-list{padding:0;margin:14px 0;list-style:none}#ranking-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff18}#ranking-list strong{white-space:nowrap;font-size:13px;color:#e8ca8f}#ranking-form{padding:14px 0;border-top:1px solid #8a744b}#ranking-form[hidden]{display:none}#ranking-form label{display:block;margin-bottom:7px}#rank-nickname{box-sizing:border-box;width:100%;padding:12px;min-height:44px;border:1px solid #738495;border-radius:9px;background:#0c1722;color:white;font:16px system-ui}#ranking-submit{margin-top:12px;background:#d3b77c!important;color:#172334!important;width:100%}#ranking-status{color:#e8cf9f;overflow-wrap:anywhere}#ranking-dialog a{color:#d9c18a}#ranking-dialog :focus-visible{outline:3px solid #bdebd5;outline-offset:3px}header .rank-actions{display:flex;gap:5px;align-items:center}@media(max-width:400px){header a,header button{padding:7px 5px;font-size:12px}h1{font-size:12px}}
#ranking-dialog .rank-periods{display:flex;gap:8px;margin:18px 0 12px}#ranking-dialog .rank-periods button{flex:1}#ranking-dialog .rank-periods button[aria-pressed="true"]{background:#d3b77c;color:#172334;border-color:#d3b77c}