/* Tablet sections: central chat first; army builder and matchmaking are separate. */
#lobby [hidden]{display:none!important}.lobby-screen{grid-template-rows:85px 45px minmax(0,1fr) 64px}.tablet-tabs{display:flex;align-items:stretch;gap:5px;padding:0 22px;background:#112017;border-bottom:1px solid #5a6b4c77}.tablet-tabs button{display:flex;align-items:center;gap:12px;min-width:140px;padding:0 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#b2bda7;font-size:14px}.tablet-tabs button small{font:10px Consolas;color:#8f9c80}.tablet-tabs button.active{border-bottom-color:#d1c696;color:#f0ebd2;background:linear-gradient(0deg,#60724a33,transparent)}.tablet-tabs button:hover:not(:disabled){background:#35472e}.lobby-body>.lobby-left{grid-column:1;grid-row:1}.lobby-body>#army-panel,.lobby-body>#chat-panel,.lobby-body>#battle-panel{grid-column:2;grid-row:1}.lobby-body>#army-summary,.lobby-body>#presence-panel{grid-column:3;grid-row:1}.left-overview{padding:15px 0;border-top:1px solid #566b4866;margin-top:18px}.left-overview strong,.left-overview small{display:block;margin-top:8px}.left-overview strong{font-size:13px;line-height:1.6}.left-overview button{font-size:11px;margin-top:14px;padding:8px}.chat-panel{display:grid;grid-template-rows:64px 42px minmax(0,1fr) 70px;min-height:0;padding:18px 24px;background:linear-gradient(120deg,#1a2d22aa,#10201877)}.chat-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5e704744}.chat-heading h2{font-size:23px;margin-top:3px}.chat-channels{display:flex;gap:5px;align-items:center}.chat-channels button{padding:5px 13px;font-size:12px;border:0;background:transparent;color:#b4c0a6}.chat-channels button.active{background:#3b4f32;color:#f0efd9}.chat-messages{min-height:0;overflow:auto;border:1px solid #50634255;border-radius:5px;background:radial-gradient(ellipse at 50% 30%,#3e573222,transparent 70%),repeating-linear-gradient(0deg,transparent 0 43px,#b1c29a03 43px 44px),#101f17;display:grid;place-items:center}.chat-welcome{text-align:center;max-width:420px;padding:25px}.chat-signal{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border:1px solid #7f956055;border-radius:50%;background:#33492a33;color:#a5b882;font:42px Consolas}.chat-welcome h3{font-size:21px;color:#dedfc6}.chat-welcome p{font-size:14px;line-height:1.7;color:#b0bca1;margin:10px 0 6px}.chat-welcome>div{display:flex;justify-content:center;gap:9px;margin-top:24px}.chat-welcome button{font-size:12px;padding:10px 13px}.chat-panel .chat-form{margin:0;align-self:center;gap:9px}.chat-panel .chat-form input{font-size:14px;padding:13px}.chat-panel .chat-form button{padding:12px 18px}.presence-panel{padding:24px 19px;border-left:1px solid #4d5e4766;overflow:auto;min-height:0}.presence-count{font:16px Consolas;color:#b2c595;padding:3px 8px;background:#31452a;border-radius:4px}.presence-notice{border:1px dashed #61734a66;border-radius:5px;padding:17px 12px;margin-top:20px}.presence-notice p{font-size:12px;color:#aab69f;line-height:1.7;margin-top:9px}.presence-local{border-top:1px solid #596c4955;margin-top:25px;padding-top:18px}.presence-local p{font-size:13px;margin:9px 0 6px}.presence-local small{font-size:11px}.match-panel{min-height:0;overflow:auto;padding:25px 26px}.match-heading{padding-bottom:20px;border-bottom:1px solid #66754a55}.match-heading h2{font-size:27px;margin:7px 0}.match-heading p{color:#b4bea6;font-size:13px;line-height:1.7}.match-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.match-options-grid>.left-section{padding:0 0 20px;margin:0;border-bottom:1px solid #52604655}.match-options-grid .mode-buttons button{padding:16px;font-size:15px}.match-options-grid .mode-buttons button small{font-size:12px}.match-options-grid .map-stamp{height:142px;margin-top:13px}.match-options-grid .map-stamp strong{font-size:19px}.match-options-grid .map-facts{font-size:13px;gap:10px}.match-options-grid .bot-style{margin-top:20px}.match-army-overview{margin-top:24px;background:#30472b44;border:1px solid #7b8c5755;border-radius:5px;padding:19px}.match-army-overview strong{display:block;font-size:20px;margin:10px 0}.match-army-overview p{font-size:12px;color:#b5c1a6;line-height:1.7}.match-army-overview button{font-size:12px;margin-top:16px}.over-budget .budget-numbers strong,.over-budget .budget-note{color:#efac94}.over-budget .budget-track i{background:#d99071}
.lobby-screen[data-tab=battle] #army-summary .counter button{display:none}.lobby-screen[data-tab=battle] #army-summary .counter b::before{content:'×'}
@media(max-width:1150px){.chat-panel{padding:14px;grid-template-rows:64px 42px minmax(0,1fr) 65px}.presence-panel{padding:19px 13px}.chat-heading h2{font-size:20px}.chat-heading .offline-label{font-size:9px}.chat-welcome{padding:20px}.chat-welcome p{font-size:13px}.chat-welcome>div{flex-wrap:wrap}.match-panel{padding:20px 16px}.match-options-grid{gap:15px}.match-options-grid .mode-buttons button{font-size:13px;padding:12px}}
@media(max-width:850px){.lobby-screen{grid-template-rows:auto 45px 1fr auto}.lobby-body>#army-summary,.lobby-body>#presence-panel{grid-column:1/-1;grid-row:2}.lobby-body>#army-panel,.lobby-body>#chat-panel,.lobby-body>#battle-panel{grid-column:2;grid-row:1}.presence-panel{border-left:0;border-top:1px solid #526046}.lobby-screen[data-tab=chat] .lobby-body{grid-template-columns:1fr}.lobby-screen[data-tab=chat] .lobby-left{grid-row:3;grid-column:1}.lobby-screen[data-tab=chat] #chat-panel{grid-row:1;grid-column:1;min-height:calc(100dvh - 210px)}.chat-panel{grid-template-rows:64px 42px minmax(220px,1fr) 65px}.match-options-grid{grid-template-columns:1fr}.tablet-tabs{padding:0 12px}.tablet-tabs button{min-width:110px;padding:0 13px}.match-options-grid .map-stamp{height:90px}.match-panel{min-height:650px}}
.chat-messages.has-messages{display:block;padding:8px 12px;text-align:left}.network-chat-message{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;width:100%;margin:0;padding:5px 0;align-items:baseline;text-align:left;font-size:14px;line-height:1.5;border-radius:3px}.network-chat-message:hover{background:#b1c29a06}.network-chat-message time{font:11px Consolas,monospace;color:#82967e;font-variant-numeric:tabular-nums;white-space:nowrap}.network-chat-content{min-width:0;overflow-wrap:anywhere;color:#e3e7d6}.network-chat-message strong{display:inline-block;max-width:min(24ch,100%);margin-right:7px;color:#c9d8ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.network-chat-message strong::after{content:':'}.network-chat-message span{white-space:pre-wrap}.presence-notice p{display:flex;justify-content:space-between;gap:8px}.presence-notice small{color:#a0b397}
@media(max-width:850px){.tablet-tabs{position:sticky;top:0;z-index:6;background:#14251a}.chat-messages.has-messages{padding:6px 9px}.network-chat-message{grid-template-columns:36px minmax(0,1fr);column-gap:8px;font-size:13px}}
@media(max-width:560px){.lobby-body>.lobby-left{grid-column:1;grid-row:1}.lobby-body>#army-panel,.lobby-body>#battle-panel{grid-column:1;grid-row:2}.lobby-body>#army-summary{grid-column:1;grid-row:3}.lobby-screen[data-tab=chat] .lobby-left{grid-row:3}.lobby-screen[data-tab=chat] #presence-panel{grid-column:1;grid-row:2}.tablet-tabs button{min-width:0;flex:1;justify-content:center;gap:7px;font-size:13px;padding:0 8px}.tablet-tabs{padding:0 8px}.chat-panel{padding:12px 10px;grid-template-rows:58px 38px minmax(240px,1fr) 65px}.chat-heading h2{font-size:20px}.chat-welcome{padding:14px}.chat-welcome h3{font-size:19px}.chat-welcome small{font-size:11px}.chat-panel .chat-form input{font-size:12px;padding:11px}.chat-panel .chat-form button{font-size:11px;padding:11px}.presence-panel{padding:18px}.presence-local{margin-top:16px}.match-panel{min-height:600px}.match-heading h2{font-size:24px}}