.net-lobby{margin-top:15px;padding:14px;border:1px solid #8da17a66;background:#263d3312;border-radius:6px}.net-lobby h2{font-size:12px;letter-spacing:1.5px;margin:0 0 10px}.net-fields,.net-buttons{display:flex;gap:10px}.net-lobby label{display:flex;flex-direction:column;gap:5px;font-size:10px;letter-spacing:1px;flex:1;min-width:0}.net-lobby input,.net-lobby select{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #8da17a88;border-radius:4px;padding:8px;background:#f4f4e8;color:#24392f;font:inherit;font-size:13px}.net-lobby details{margin:10px 0;font-size:11px}.net-lobby summary{cursor:pointer;padding:8px 0}.net-lobby p{font-size:11px;line-height:1.45;margin:8px 0}.net-buttons button{flex:1;margin:0!important;padding:10px!important;min-height:44px;font-size:11px!important}.net-buttons button:disabled{opacity:.5}.net-lobby #netFeedback:empty{display:none}
#netHud{position:fixed;z-index:12;top:72px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#20382eea;color:#e6eacb;border:1px solid #aac58188;border-radius:6px;padding:7px 10px;font-size:11px;max-width:calc(100vw - 30px)}#netHud[hidden]{display:none}#netHud strong{letter-spacing:1px;user-select:all}#netHud input{width:100px;min-width:0;font-size:10px;color:#d5e0b7;background:#ffffff0a;border:1px solid #a9bd7b55;padding:5px}#netHud button{min-width:44px;min-height:36px;background:#c7d69a;color:#20382e;border:0;border-radius:4px;cursor:pointer}.remote-controlled{opacity:.65}
body.touch-ui #netHud{top:45px;font-size:9px;padding:4px 7px;gap:5px}body.touch-ui #netHud input{display:none}body.touch-ui #netHud button{min-height:44px}body.touch-ui #briefing .net-lobby{grid-column:1/-1;padding:8px;margin-top:5px}body.touch-ui #briefing .net-lobby h2{font-size:10px;margin-bottom:5px}body.touch-ui #briefing .net-lobby .net-fields{gap:6px}body.touch-ui #briefing .net-lobby details{margin:2px 0}body.touch-ui #briefing .net-lobby input,body.touch-ui #briefing .net-lobby select{min-height:44px}
#netStatus{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.touch-ui #netHud{top:60px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 320px);font-size:9px;min-height:44px;box-sizing:border-box}
body.touch-ui.multiplayer #controlPanel{top:114px}body.touch-ui.multiplayer #tacticalBanner{top:114px!important}
@media(max-width:700px){body.touch-ui #netHud strong{font-size:8px}body.touch-ui #netHud{gap:3px;padding:3px 5px}body.touch-ui #netHud #netStatus{flex:1}}