.online-panel{max-width:1180px;margin:18px auto 0;padding:16px 20px;border:1px solid #b8995955;border-radius:12px;background:#222c24;color:#e8d8b5}.mode-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px}.online-panel summary{cursor:pointer;margin-top:12px;color:#e2bd79}.online-panel form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.online-panel label{font-size:12px}.online-panel input,.online-panel select{display:block;width:100%;padding:11px;margin-top:6px;background:#152019;color:#f8e6c3;border:1px solid #a2865455;border-radius:7px;font:inherit}.room-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;grid-column:1/-1}.online-panel button{padding:11px 14px;border:1px solid #ad925c;border-radius:7px;color:#f1d69f;background:#394332;min-height:44px}.online-player{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;margin:8px 0}.online-player span{overflow-wrap:anywhere}.online-player button{padding:6px 10px}.online-panel [hidden]{display:none!important}#network-message{color:#f0ce97;overflow-wrap:anywhere}@media(max-width:700px){.online-panel{margin:12px 8px;padding:14px}.online-panel form{grid-template-columns:1fr}.online-panel input,.online-panel select{font-size:16px}.mode-heading{flex-wrap:wrap}.online-player{flex-wrap:wrap}}