.ranking-dialog{width:780px;max-width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:24px}.ranking-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #c5d5ca;padding-bottom:14px}.ranking-header h2{font-size:22px;margin:0}.ranking-header>svg{width:28px;height:28px;color:#9b4c67}.ranking-auth{padding:18px 0;border-bottom:1px solid #c5d5ca}.ranking-auth form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ranking-auth label{display:block;width:100%;font-size:12px}.ranking-auth input{flex:1;min-width:130px;max-width:100%;padding:10px;border:1px solid #a9bdb1;background:#fff;color:#284c3f;border-radius:3px;font-size:16px}.ranking-auth .primary{min-height:40px;margin:0}.ranking-auth p,.ranking-rules{font-size:11px;line-height:1.5;color:#526b5d}.ranking-auth details{margin-top:12px;font-size:12px}.ranking-auth summary{cursor:pointer}.ranking-auth details form{margin-top:10px}.ranking-identity{display:flex;gap:12px;align-items:center;padding:12px 0;flex-wrap:wrap}.ranking-identity strong{overflow-wrap:anywhere}.ranking-recovery{padding:12px 0;border-bottom:1px solid #c5d5ca}.ranking-recovery label{font-size:12px;display:block}.ranking-recovery input{width:100%;font:12px monospace;padding:8px;border:1px solid #c5d5ca;background:#fff;margin:8px 0}.ranking-recovery p{font-size:11px;line-height:1.5}.ranking-table-wrap{overflow:auto;max-height:36dvh;border-block:1px solid #c5d5ca}.ranking-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:right}.ranking-table th,.ranking-table td{padding:10px 8px;border-bottom:1px solid #d6e0d8}.ranking-table th{font-weight:normal;color:#587062;background:#edf2ed;position:sticky;top:0}.ranking-table th:nth-child(2),.ranking-table td:nth-child(2){text-align:left}.ranking-table tr.is-you{background:#e5eed4;font-weight:bold}.ranking-filters{display:flex;gap:8px;align-items:center;margin:12px 0}.ranking-filters select{flex:1;min-width:0;padding:9px;border:1px solid #bdcfc2;background:#fff;color:#315346;font-size:12px}.ranking-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0;font-size:11px}#ranking-own{font-size:12px;color:#70344c;min-height:16px}#ranking-status{min-height:18px;font-size:12px;line-height:1.4;color:#70344c;overflow-wrap:anywhere}#ranking-empty{font-size:13px;padding:20px 0;text-align:center}#ranking-gate{font-size:13px;color:#4b6a58;line-height:1.5}#ranking-result{display:flex;gap:8px;align-items:center;justify-content:center;grid-column:1/-1;margin-top:7px;font-size:11px;color:#506b58}#ranking-result-status{overflow-wrap:anywhere}#ranking-result .icon{flex:none;width:30px;height:30px}.ranking-rules{margin:14px 0}.ranking-rules summary{cursor:pointer}.ranking-rules p{margin:7px 0}.ranking-dialog>.primary{width:100%;margin-top:8px}
@media(max-width:650px){.ranking-dialog{padding:16px;max-height:calc(100dvh - 12px)}.ranking-header h2{font-size:18px}.ranking-table{font-size:11px}.ranking-table th,.ranking-table td{padding:8px 6px}.ranking-auth .primary{font-size:12px}.ranking-table-wrap{max-height:32dvh}.menu-tools{gap:3px}}
@media(max-height:480px){.ranking-dialog{padding:12px 18px}.ranking-table-wrap{max-height:38dvh}.ranking-header{padding-bottom:8px}.ranking-header h2{font-size:18px}.ranking-auth{padding:8px 0}.ranking-rules{margin:7px 0}#ranking-result{margin-top:0}}
.ranking-dialog{max-height:calc(var(--safe-height) - 16px)}
@media(max-height:480px) and (orientation:landscape){.result-overlay .compact:has(#ranking-result:not([hidden])){padding-block:6px}#ranking-result{font-size:10px;line-height:1.25;min-height:30px}#ranking-result-status{min-width:0}}
@media(max-width:380px){.menu-tools{display:grid;grid-template-columns:repeat(2,32px);gap:0}.brand-row{gap:8px}}
.ranking-table{font-variant-numeric:tabular-nums}.ranking-mobile-time{display:none}
.ranking-table-wrap:focus-visible{outline:2px solid #b1466a;outline-offset:2px}
.ranking-table-wrap{height:min(38dvh,340px)}
.ranking-identity strong{flex:1;min-width:0}.ranking-identity>.icon,.ranking-identity>.text-button{flex:none}
.ranking-rename{flex:0 0 100%;min-width:0}.ranking-rename label{display:block;font-size:12px;margin-bottom:6px}
.ranking-rename>div{display:flex;gap:8px;align-items:center}.ranking-rename input{flex:1;min-width:0;width:0;padding:10px;border:1px solid #a9bdb1;background:#fff;color:#284c3f;border-radius:3px;font-size:16px}
.ranking-rename .icon{flex:0 0 40px;width:40px;height:40px}.ranking-rename p{font-size:12px;line-height:1.4;color:#70344c;overflow-wrap:anywhere;margin:6px 0 0}.ranking-rename p:empty{display:none}
.ranking-pagination>span{flex:0 0 100px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:480px){.ranking-table{table-layout:fixed}.ranking-table th:first-child,.ranking-table td:first-child{width:54px}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){width:42px}.ranking-table th:nth-child(4),.ranking-table td:nth-child(4){width:64px}.ranking-table th:last-child,.ranking-table td:last-child{display:none}.ranking-player-name{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.ranking-mobile-time{display:block;margin-top:4px;color:#526b5d;font-size:10px;font-weight:normal;line-height:1.3}}