#online-panel{border:1px solid #bda56a;background:#1d3335;color:#f3eddb;padding:24px;border-radius:12px;margin:0 0 24px;grid-column:1/-1}#online-panel h2{margin:8px 0;font-size:30px}#online-panel p{line-height:1.5}#online-entry,.room-settings,.room-heading,.room-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#online-panel label{display:grid;gap:6px;font-size:13px}#online-panel input,#online-panel select,#online-panel button{font:inherit;border-radius:6px;padding:10px 14px}#online-panel input,#online-panel select{background:#f7f1e2;color:#1c3333;border:1px solid #bda56a;max-width:100%}#online-panel button{cursor:pointer}#online-panel button:disabled{opacity:.45;cursor:default}#online-code{text-transform:uppercase;letter-spacing:3px;width:140px}.room-heading{margin:14px 0}.room-heading strong{font-size:26px;letter-spacing:4px;color:#f8d182}.room-settings{margin-bottom:18px}.online-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.online-roster article{display:flex;flex-direction:column;gap:8px;padding:16px;background:#294447;border:2px solid var(--country,#6d8582);border-radius:8px}.online-roster img{width:74px;height:48px;object-fit:contain;align-self:flex-start}.online-roster small{line-height:1.4;color:#d5dfd8}.room-note{font-size:13px;color:#ccd8d2}#online-status{color:#ffe1a0;min-height:24px}#network-status{position:fixed;z-index:1000;left:50%;top:75px;transform:translateX(-50%);background:#203b3d;color:#ffe1a0;padding:13px 22px;border:1px solid #d9b96e;border-radius:8px;text-align:center;pointer-events:none}.online-playing #players-hud .hud-player.remote-player{display:none}.online-playing #players-hud .hud-player.local-online-player{position:fixed;left:16px;right:auto;bottom:16px;top:auto}

.online-room-open #lobby>.setup-panel,.online-room-open #lobby>.field-guide{display:none}

.room-list-item{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #8e997b;margin:8px 0;border-radius:8px;flex-wrap:wrap}.room-list-item span{flex:1}.kick-player{border-color:#ab5750!important;color:#923b35!important}#online-browser{margin-top:16px}

/* Explicit contrast for every lobby action, independent of inherited menu styles. */
#online-panel button{background:#f2e7cb;color:#203b36;border:1px solid #cdb478;font-weight:700;opacity:1}
#online-panel button:hover{background:#fff4d9;color:#122d29}
#online-panel button.primary-button{background:#e8bf65;color:#182f2b;border-color:#f8d78f}
#online-panel button:focus-visible{outline:3px solid #9bdaed;outline-offset:3px}
#online-panel button:disabled{background:#465d59;color:#d9e1da;border-color:#71827b;opacity:1;cursor:not-allowed}
#online-panel button.kick-player{background:#f8ddd2;color:#702f29!important;border-color:#c68b7b!important}

/* Clear lobby typography and shared ready feedback. */
#online-panel{font-family:Arial,"Segoe UI",sans-serif;font-size:15px;letter-spacing:normal;text-shadow:none}
#online-panel input,#online-panel select,#online-panel button{font-family:Arial,"Segoe UI",sans-serif;font-size:15px;letter-spacing:normal;text-transform:none}
#online-panel .online-roster article>b{font-size:18px;font-weight:700;line-height:1.35;color:#fff;overflow-wrap:anywhere}
#online-panel .online-roster small{font-size:13px;line-height:1.5;color:#e1e9e5}
#online-panel .online-roster .commander-status{font-size:15px;font-weight:700;color:#f4dfaf}
#online-panel .online-roster article.commander-ready{background:#204e3d;border-color:#71d99a}
#online-panel .commander-ready .commander-status{color:#9af2b7}
#online-panel #room-ready.is-ready{background:#257746;border-color:#91e8ae;color:#fff}
#online-panel #room-ready.is-ready:hover{background:#2e8d54}
#online-panel select option:disabled{color:#777;background:#deded8}

#recovery-panel{position:fixed;z-index:1100;top:145px;left:50%;transform:translateX(-50%);max-width:min(90vw,580px);padding:12px;background:#203b3df2;color:#fff1d3;border:1px solid #d9b96e;border-radius:8px;text-align:center}#recovery-panel button{margin:5px;padding:8px 12px;background:#f4e4b7;color:#203b3d;border:0;border-radius:5px;font:inherit;cursor:pointer}#recovery-panel strong{display:block}