.ranked-lobby {margin-top:2rem;border-top:1px solid #b8b8b2;padding-top:1.5rem;font:inherit;color:inherit}
.ranked-profile {display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;align-items:baseline;margin:1rem 0}
.ranked-profile strong {font-size:1.25rem}.ranked-profile span,.ranked-history-row small {font-size:.9rem;color:#666}
.ranked-lobby details {margin:1rem 0;padding:.75rem 0;border-block:1px solid #ccc}
.ranked-lobby summary {cursor:pointer}.ranked-lobby p,.ranked-summary {line-height:1.8;overflow-wrap:anywhere}
.ranked-table-scroll {max-height:32rem;overflow:auto;scrollbar-gutter:stable}
.ranked-table {width:100%;border-collapse:collapse;text-align:left;font:inherit}
.ranked-table th,.ranked-table td {padding:.7rem .5rem;border-bottom:1px solid #ccc;overflow-wrap:anywhere}
.ranked-table th {position:sticky;top:0;background:#f4f4f1;font-weight:600;white-space:nowrap}
.ranked-history-row {padding:1rem 0;border-bottom:1px solid #ccc}.ranked-history-row p {margin:.5rem 0}
.ranked-summary {padding:.75rem;border:1px solid #bdbdb6;background:#f1f1ed;color:#262623}
.ranked-editor {display:grid;gap:1rem}.ranked-editor .ranked-table input {width:100%;min-width:3.5rem;max-width:8rem}
.ranked-editor input[type=checkbox] {width:auto}.ranked-editor input[type=number] {font:inherit}
@media(min-width:850px){#multiModes {grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.ranked-table th,.ranked-table td{padding:.6rem .3rem;font-size:.82rem}.ranked-profile{display:grid;gap:.35rem}.ranked-lobby{margin-top:1.2rem}.ranked-table-scroll{max-height:60vh}}