/* Command channel and a separate profile screen. */
.chat-messages .network-chat-message{grid-template-columns:33px minmax(0,1fr);column-gap:8px}
.lobby-screen[data-tab=chat] .lobby-body{grid-template-columns:minmax(0,1fr) 270px}
.lobby-screen[data-tab=chat] #chat-panel{grid-column:1;grid-row:1}
.lobby-screen[data-tab=chat] #presence-panel{grid-column:2;grid-row:1}
.presence-panel .presence-empty,.presence-panel .presence-local,.left-overview{display:none}
.presence-panel .presence-notice{border:0;padding:0;margin:14px 0}
.presence-panel .presence-notice p{margin:0;padding:12px 0;border-bottom:1px solid #52604644;align-items:center;gap:12px}
.presence-notice strong{min-width:0;overflow-wrap:anywhere;color:#d4dec2;display:flex;align-items:center;gap:8px}
.country-flag{width:20px;height:15px;object-fit:cover;border:1px solid #b2c39a55;border-radius:2px;flex:none}.country-unknown{width:20px;color:#83967b;text-align:center;flex:none}
.presence-notice small{white-space:nowrap;font:11px Consolas,monospace}
.profile-panel{grid-column:1/-1;grid-row:1;min-height:0;overflow:auto;padding:30px}
.profile-panel .profile-section{max-width:650px;margin:0 auto;padding:24px;border:1px solid #64764e66;border-radius:7px;background:#15271e}
.profile-panel .profile-head{margin-bottom:25px}.profile-panel .avatar-large{width:72px;height:80px}
.profile-panel .profile-head strong{font-size:24px}.profile-panel .profile-editor{max-width:480px}
.lobby-screen[data-tab=battle] .lobby-body{grid-template-columns:minmax(0,1fr) 290px}
.lobby-screen[data-tab=battle] #battle-panel{grid-column:1}.lobby-screen[data-tab=battle] #army-summary{grid-column:2}
.chat-panel .chat-form{position:relative}.chat-panel .chat-form input{flex:1;width:0}
.chat-panel .chat-form .emoji-toggle{flex:0 0 42px;padding:8px;font-size:24px;line-height:1}
.emoji-picker{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;grid-template-columns:repeat(3,44px);gap:5px;padding:10px;border:1px solid #7a8e60;border-radius:6px;background:#172b20;box-shadow:0 8px 30px #0008;z-index:10}
.chat-panel .emoji-picker button{width:44px;height:42px;padding:5px;font-size:24px}
.lobby-hardware>span:not(.lobby-device-status){left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
@media(max-width:850px){.lobby-screen[data-tab=chat] .lobby-body{grid-template-columns:minmax(0,1fr) 190px}.lobby-screen[data-tab=chat] #chat-panel{min-height:500px}.presence-panel{border-top:0;border-left:1px solid #526046}.profile-panel{padding:18px}}
@media(max-width:560px){.lobby-screen[data-tab=chat] .lobby-body{grid-template-columns:minmax(0,1fr)}.lobby-screen[data-tab=chat] #presence-panel{grid-column:1;grid-row:2;max-height:220px;border-left:0;border-top:1px solid #526046}.lobby-screen[data-tab=battle] .lobby-body{grid-template-columns:1fr}.lobby-screen[data-tab=battle] #army-summary{grid-column:1;grid-row:2}.profile-panel{padding:12px}.profile-panel .profile-section{padding:16px}.tablet-tabs button{gap:4px}.tablet-tabs button small{display:none}}