.online-panel{background:#fffefaf0;border:1px solid #75634e24;border-radius:18px;margin:0 0 12px;padding:12px clamp(12px,3.5vw,20px);box-shadow:0 5px 16px #4c42360b}.online-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.online-header h2{color:#465441;margin:0;font-size:.98rem;font-weight:800}#online-status{min-height:1.35em;color:var(--muted,#77716a);text-align:right;margin:0;font-size:.78rem;line-height:1.4}.online-controls{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.online-button{color:#4c4742;min-height:38px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fffefa;border:1px solid #e4dfd5;border-radius:10px;padding:6px 11px;font-size:.82rem;font-weight:800}.online-primary{color:#fffefa;background:#526748;border-color:#78876a}.online-button:hover:not(:disabled){background:#f6f3ea;border-color:#b5aa98}.online-primary:hover:not(:disabled){background:#405738;border-color:#3f5335}.online-button:focus-visible,.online-replay:focus-visible{outline:3px solid var(--focus,#ad5949);outline-offset:2px}.online-button:disabled{cursor:wait;opacity:.68}.online-controls [hidden],.online-content[hidden]{display:none}.online-content{color:#5c564e;border-top:1px solid #ece7dd;margin-top:12px;padding-top:10px}.online-content h3{color:#465441;margin:0 0 8px;font-size:.9rem}.online-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.online-history-item{background:#fffefa;border:1px solid #eee9df;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.online-history-details{min-width:0;font-size:.82rem;line-height:1.4}.online-history-details strong{color:#4c5c42}.online-replay{color:#4c4742;min-height:36px;font:inherit;cursor:pointer;background:#f7f5ed;border:1px solid #e4dfd5;border-radius:9px;padding:5px 9px;font-size:.78rem;font-weight:800}.online-table-wrap{max-width:100%;overflow-x:auto}.online-table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%;font-size:.8rem}.online-table caption{color:#77716a;text-align:left;padding-bottom:6px}.online-table th,.online-table td{white-space:nowrap;border-bottom:1px solid #eee9df;padding:6px 8px}.online-table th{color:#77716a;font-size:.72rem;font-weight:800}.online-table [aria-current=true]{color:#3f5138;background:#e8eedf;font-weight:800}.online-self-rank{background:#f2f4ec;border-radius:10px;margin:9px 0 0;padding:8px 10px;font-size:.82rem;line-height:1.45}.online-empty{color:var(--muted,#77716a);margin:4px 0;font-size:.82rem}@media (width<=460px){.online-header{flex-direction:column;align-items:flex-start;gap:3px}#online-status{text-align:left}.online-controls{gap:6px}.online-button{flex:auto}}