.online-panel{margin:24px 0;padding:24px;border:1px solid #446357;border-radius:18px;background:#192c29}.online-panel h2{margin:0 0 8px;color:#efc361}.online-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.online-panel input,.online-panel select{background:#0f201d;color:#f4efdc;border:1px solid #6c8477;border-radius:9px;padding:12px;font:inherit;min-width:0;max-width:100%;touch-action:manipulation;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.online-note{font-size:12px;color:#b5c7bf;max-width:850px}.online-panel table{width:100%;border-collapse:collapse;font-size:14px}.online-panel td,.online-panel th{padding:10px 6px;text-align:left;border-bottom:1px solid #365146}.online-panel td:first-child{overflow-wrap:anywhere}.online-panel #online-status{color:#efc361}#board-rows{overflow:auto}#online-retry{margin-bottom:12px}@media(max-width:600px){.online-panel{padding:16px}.online-form input{width:100%}.online-panel table{font-size:12px}.online-panel th,.online-panel td{padding:8px 4px}}