#modal:has(#rankings-content){width:min(790px,calc(100% - 24px))}
#rankings-content h2{font-size:28px;margin:18px 0 10px}#rankings-content h3{font-size:16px;margin:24px 0 10px}
.ranking-intro,.ranking-rules p,#ranking-status{font-size:12px;line-height:1.7;color:#725e73}
.ranking-actions{display:flex;gap:8px;flex-wrap:wrap}.ranking-actions button,#ranking-delete-confirm button{min-height:44px;background:#e5d5d5;color:#35223c;padding:10px 14px;border:1px solid #bfa4bb;border-radius:3px;font-size:12px}
.ranking-actions button:first-child{background:#ffd345}.ranking-filter{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:24px}.ranking-filter label{font-size:12px}.ranking-filter select{display:block;width:100%;min-height:44px;margin-top:8px;background:#fff9ed;color:#352139;border:1px solid #baa3b7;padding:8px;font-size:13px}
.ranking-scroll{overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:12px;min-width:360px}.ranking-table th,.ranking-table td{padding:12px 9px;border-bottom:1px solid #ddcbd2;text-align:left;white-space:nowrap}.ranking-table th{color:#7e637e;font-size:10px}.ranking-table td:nth-child(2){white-space:normal;word-break:break-word;max-width:180px}.ranking-table td small{display:block;margin-top:5px}
.rank-tier{display:inline-block;font-size:10px;padding:4px 7px;border:1px solid #a88b80;border-radius:3px;background:#e7dbd3;color:#5d4944}.rank-tier[data-tier=silver]{background:#dce1e6}.rank-tier[data-tier=gold]{background:#ffdf78}.rank-tier[data-tier=platinum]{background:#b8e1d2}.rank-tier[data-tier=diamond]{background:#b4d9f6}.rank-tier[data-tier=master]{background:#d3b5ef}
.ranking-profile{background:#2d2136;color:#fff0d3;padding:18px;border:2px solid #bd8a40;display:grid;gap:10px;margin-block:16px}.ranking-profile strong{font-size:22px}.ranking-profile p{margin:0;font-size:12px;line-height:1.6}.ranking-rules{border:1px solid #d0bcbc;padding:13px;background:#fff7e7}.ranking-rules summary{font-size:12px;cursor:pointer;min-height:25px}.ranking-empty{padding:22px;background:#eee3d7;color:#7a6278;font-size:12px;line-height:1.75;border:1px dashed #bba1b5}.ranking-history{display:grid;gap:7px;padding:13px 0;border-bottom:1px solid #d8c5cd;font-size:12px}.ranking-history small{color:#806a80}#ranking-delete{margin-top:20px;color:#8b405a;min-height:44px;font-size:12px}#ranking-delete-confirm{border:1px solid #bd727e;padding:12px;font-size:12px}
@media(max-width:600px){#modal:has(#rankings-content){padding:16px}.ranking-actions{gap:6px}.ranking-actions button{font-size:11px;padding:9px 11px}.ranking-filter{gap:8px}.ranking-profile{padding:14px}.ranking-profile strong{font-size:19px}.ranking-table td,.ranking-table th{padding:10px 7px}.ranking-rules p{overflow-wrap:anywhere}}