.mode-picks{display:flex;gap:10px;margin:16px 0}.mode-picks button{flex:1;padding:12px;border:1px solid #55766e;background:#21343b;color:#d3e0dc;border-radius:4px;font-weight:800}.mode-picks button[aria-pressed=true]{background:#315b4a;border-color:#91d7ad;color:#fff7d8}.online-entry{display:grid;gap:10px;margin-top:14px}.join-row{display:flex;gap:8px}.join-row input{min-width:0;flex:1;text-transform:uppercase;letter-spacing:3px}.join-row button{padding:12px;border:1px solid #799d92;background:#254a43;color:#e7f3dc;border-radius:4px}.net-message{color:#f2cf84;line-height:1.6;font-size:12px;min-height:20px}.online-room-code{font-size:36px!important;letter-spacing:8px;color:#f4c975;margin:14px 0!important}.online-seats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.online-seat{border:1px solid #536d66;border-radius:6px;padding:16px 8px;background:#21373d;overflow-wrap:anywhere}.online-seat b,.online-seat span,.online-seat small{display:block;margin:5px 0}.online-seat small{color:#e6bd77}.online-seat.ready{border-color:#8cd7a4}.room-hero{margin-bottom:16px;text-align:left}.online-room-actions{display:flex;gap:10px}.online-room-actions button{flex:1}.online-room-actions .text-button{margin:0;border:1px solid #617b74;border-radius:4px}.net-status{position:fixed;right:12px;top:106px;z-index:7;font-size:10px;color:#fce2a8;background:#18383ce6;padding:6px 10px;border-radius:4px;pointer-events:none}.net-status:empty{display:none}#online-room .room-panel{width:520px;max-width:94vw}#copy-room{border:1px solid #708e83;background:#203a3b;padding:8px 14px;color:#e2ddbc;border-radius:4px}.online-note{font-size:11px;color:#abc5be;line-height:1.6}@media(max-width:580px){.net-status{top:86px;font-size:8px}.online-seat{padding:10px 6px}.online-room-actions{flex-direction:column}}