.mini-ranking{max-width:720px;margin:20px auto;padding:18px;border:1px solid #e5e4f1;border-radius:18px;background:#fff;color:#263047;font:14px/1.6 system-ui,sans-serif}.mini-rank-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-ranking button,.mini-ranking input,.mini-ranking select{font:inherit;padding:10px 12px;border:1px solid #d9d5f2;border-radius:10px;min-height:44px}.mini-ranking button{background:#eeeaff;color:#5546c8;font-weight:700;cursor:pointer}.mini-ranking button:disabled{opacity:.5;cursor:default}.mini-rank-note,.mini-ranking small{font-size:12px;color:#747e92}.mini-ranking form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.mini-ranking form[hidden]{display:none}.mini-ranking form p,.mini-ranking small{width:100%;margin:4px 0}.mini-ranking input{width:160px}.mini-ranking dialog{width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:20px;padding:22px;color:inherit;background:#fff}.mini-ranking dialog::backdrop{background:#19203799}.mini-ranking h2{font-size:20px;margin:0}.mini-rank-tabs{display:flex;gap:8px;margin-top:14px}.mini-rank-tabs [aria-pressed=true]{color:white;background:#6558e8}.mini-ranking ol{list-style:none;padding:0}.mini-ranking li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.mini-ranking li strong{white-space:nowrap}.mini-ranking button:focus-visible,.mini-ranking input:focus-visible,.mini-ranking select:focus-visible{outline:3px solid #a99fff;outline-offset:2px}@media(max-width:480px){.mini-ranking{padding:14px}.mini-ranking li{font-size:12px}.mini-ranking dialog{padding:16px}}