.online-panel{max-width:760px;padding:22px;border:1px solid #b5ccc7;border-radius:16px;background:#f5f5ec;color:#183b49}
#menu .online-panel p{color:#385965;text-shadow:none;line-height:1.5;font-size:14px;max-width:none}
.online-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.online-actions input{min-width:100px;width:160px;padding:10px;border:1px solid #749894;border-radius:8px;text-transform:uppercase;letter-spacing:3px;font:700 18px monospace}
#online-room-code{display:block;font-size:26px;letter-spacing:3px;padding:12px 0}#online-members{padding-left:22px;line-height:2}.online-panel button{margin:4px 8px 4px 0}.online-panel button:disabled{opacity:.55}
#online-notice{position:fixed;left:50%;bottom:7px;transform:translateX(-50%);z-index:30;margin:0;padding:5px 12px;border-radius:20px;background:#102735bf;color:#fff;font:11px system-ui;pointer-events:none;white-space:nowrap}
@media(max-height:600px){.online-panel{padding:14px}.online-actions{margin:10px 0}#online-room-code{font-size:21px;padding:5px 0}}