.rank-board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 12px}.rank-my-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.rank-my-summary strong{display:block;font-size:28px;color:var(--accent,#204957);margin-top:12px}.rank-my-summary p{margin:6px 0}.rank-board small{display:block;font-size:12px;color:#647782;margin-top:6px}.rank-mine{background:#e8f4f5}.rank-position{white-space:nowrap;font-weight:650}.rank-top{color:#9a641b}.rank-edit input[type=number]{min-width:110px;max-width:165px;width:100%}.rank-edit input[type=checkbox]{width:18px;height:18px}.rank-edit td,.rank-board td{vertical-align:middle}.rank-board{min-width:640px}.rank-edit{min-width:620px}#ranking-edit-form .dialog-actions{flex-wrap:wrap}#ranking-save-state{margin-right:auto}@media(max-width:620px){.rank-my-summary{gap:8px}.rank-my-summary .card{padding:12px}.rank-my-summary strong{font-size:20px}.rank-my-summary small{font-size:11px}.rank-board-heading .row{width:100%}.rank-board-heading .row button{flex:1;padding:10px 6px;font-size:13px}}

.rank-edit input[type=number]{border:1px solid #d7e2e8;border-radius:8px;background:#fff;color:#163747;padding:10px 12px;font:inherit}.rank-edit input[type=number]:focus{outline:2px solid #78a3b4;outline-offset:1px}