.r24-ranking{width:min(1160px,100%);margin:0 auto;padding:clamp(12px,2.5vw,28px);color:#f0f5ff}.r24-heading{margin-bottom:20px}.r24-heading .flow-status{max-width:240px;white-space:normal;text-align:right}.r24-ranking h1,.r24-ranking h2{color:#f5f7ff}.r24-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(130deg,#19294a,#121d39);box-shadow:0 16px 36px #0002}.r24-control{display:flex;min-width:0;flex-direction:column;gap:6px}.r24-control label{font-size:12px;font-weight:750;color:#c3d3ed}.r24-control select,.r24-control input{width:100%;min-width:0;min-height:42px;border:1px solid #8ea5cc66;border-radius:10px;background:#0c1831;color:#f3f7ff;padding:9px 11px;font:inherit;font-size:14px}.r24-search{grid-column:span 2}.r24-refresh{align-self:end;min-height:42px;border:1px solid #f0d59c88;border-radius:10px;background:#f3d69b;color:#252b49;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer}.r24-refresh:disabled{opacity:.6;cursor:wait}.r24-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0}.r24-summary>div{min-width:0;padding:12px;border:1px solid #ffffff1c;border-radius:13px;background:#182544}.r24-summary span,.r24-summary strong{display:block}.r24-summary span{font-size:11px;line-height:1.4;color:#aebfda}.r24-summary strong{margin-top:6px;font-size:19px;color:#fff;overflow-wrap:anywhere}.r24-results{border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(150deg,#1b2b4c,#101a34);padding:clamp(12px,2vw,20px)}.r24-results-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.r24-results-head h2{margin:5px 0 0;font-size:clamp(21px,3vw,30px)}.r24-source{max-width:45%;font-size:11px;line-height:1.45;color:#a9bad8;text-align:right}.r24-state{margin:12px 0;padding:10px 12px;border-radius:10px;background:#0a1830;color:#d6e4f8;font-size:13px;line-height:1.5}.r24-rank-list{display:grid;gap:8px}.r24-rank-row{display:grid;grid-template-columns:52px 56px 70px 90px minmax(110px,1fr) minmax(150px,auto);gap:12px;align-items:center;min-width:0;padding:11px 12px;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff05}.r24-rank-number{font-size:17px;font-weight:900;color:#f2d79e;font-variant-numeric:tabular-nums}.r24-rank-glyph{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#28385d;color:#fff;font-size:30px;font-weight:750}.r24-rank-font{font-size:10px;letter-spacing:.05em;color:#aebfda}.r24-rank-score strong,.r24-rank-score small{display:block}.r24-rank-score strong{font-size:21px;color:#fff;font-variant-numeric:tabular-nums}.r24-rank-score small,.r24-rank-mini small{font-size:10px;color:#aebfda}.r24-rank-mini{display:flex;flex-wrap:wrap;gap:5px 10px}.r24-rank-mini small{white-space:nowrap}.r24-rank-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.r24-rank-actions button,.r24-footer button{min-height:36px;border:1px solid #91a9d655;border-radius:9px;background:#253657;color:#eaf2ff;padding:7px 10px;font-size:11px;font-weight:750;cursor:pointer}.r24-rank-actions button:hover,.r24-footer button:hover{border-color:#f3d69b}.r24-note,.r24-caution,.r24-empty{font-size:12px;line-height:1.65;color:#c3d1e7}.r24-note{margin-top:16px;padding:12px;border-left:3px solid #e9c886;background:#f1d19c0a}.r24-caution{color:#aebfda}.r24-empty{padding:18px;text-align:center;border:1px dashed #ffffff35;border-radius:12px}.r24-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.r24-footer button{font-size:12px;padding:10px 14px}.r24-ranking button:focus-visible,.r24-ranking select:focus-visible,.r24-ranking input:focus-visible{outline:3px solid #f4d899;outline-offset:2px}
@media(max-width:900px){.r24-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.r24-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.r24-rank-row{grid-template-columns:42px 46px 55px 70px minmax(0,1fr)}.r24-rank-mini{grid-column:2/6}.r24-rank-actions{grid-column:2/6;justify-content:flex-start}.r24-rank-glyph{width:42px;height:42px;font-size:25px}}
@media(max-width:520px){.r24-ranking{padding:10px}.r24-heading{display:block}.r24-heading .flow-status{display:inline-block;text-align:left;max-width:100%;margin-top:8px}.r24-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:9px}.r24-control label{font-size:11px}.r24-control select,.r24-control input{font-size:13px;padding:8px;min-height:40px}.r24-search{grid-column:span 2}.r24-refresh{grid-column:span 2;width:100%}.r24-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.r24-summary>div{padding:9px}.r24-summary span{font-size:10px}.r24-summary strong{font-size:17px}.r24-results{padding:11px}.r24-results-head{align-items:flex-start;display:block}.r24-source{display:block;max-width:100%;text-align:left;margin-top:8px}.r24-rank-row{grid-template-columns:34px 42px minmax(0,1fr) auto;gap:8px;padding:9px}.r24-rank-number{font-size:14px}.r24-rank-glyph{width:38px;height:38px;font-size:23px}.r24-rank-font{display:none}.r24-rank-score strong{font-size:20px}.r24-rank-mini{grid-column:2/5;gap:4px 8px}.r24-rank-mini small{font-size:10px}.r24-rank-actions{grid-column:2/5;gap:6px}.r24-rank-actions button{flex:1;min-height:38px}.r24-footer{display:grid;grid-template-columns:1fr}.r24-footer button{width:100%;min-height:42px}}