/* The lobby prioritizes choosing a craft and launching within the first viewport. */
body:not(.combat-mode) .arcade{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:0 16px 8px;max-width:1500px}
body:not(.combat-mode) .masthead{height:auto;min-height:56px;flex:none;gap:12px;padding:6px 0}
body:not(.combat-mode) .tools{flex-wrap:wrap;gap:5px}
body:not(.combat-mode) .edition,body:not(.combat-mode) .footer,body:not(.combat-mode) .mobile-hint,body:not(.combat-mode) .loadout{display:none}
body:not(.combat-mode) .game-shell{flex:1;min-height:0;display:flex;flex-direction:column}
body:not(.combat-mode) .arena{flex:1;min-height:0!important;height:auto!important}
.start-open .hud,.start-open .combat-notices{display:none!important}
.arena .start-overlay{padding:0;overflow:auto;touch-action:pan-y}
.start-overlay .squad-start{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1fr);gap:24px;padding:14px 20px;margin:auto;align-items:center}
.squad-start .intro h1{font-size:48px;margin:0 0 6px;line-height:1}
.squad-start .intro .mission-brief,.squad-start .tech-preview,.squad-start .intro>.kicker{display:none}
.squad-start .start-lead{font-size:14px;margin:6px 0}
.squad-start .role-hero{margin:12px 0 0;padding:12px}
.squad-start .deployment-panel{padding:12px;max-width:none}
.lobby-account{width:100%;min-height:40px;padding:7px 10px;border:1px solid #88b96d;border-radius:6px;background:#18362c;color:#d9ffc4;font-size:14px;margin:0 0 8px}
.squad-start .selection-label,.squad-start .lineup-note,.squad-start .slot-detail,.squad-start .slot-card>label{display:none}
.squad-start .launch-choices{margin:0 0 5px;padding:2px}
.squad-start .launch-choices button{min-height:38px;padding:5px;font-size:14px}
.squad-start .launch-note{font-size:12px;line-height:1.3;margin:4px 0}
.squad-start .intro-choice{margin:5px 0;font-size:13px}
.squad-start .mode-choices{margin:5px 0}
.squad-start .mode-choices button{min-height:34px;padding:5px;font-size:14px}
.squad-start .lineup-heading{margin:5px 0;font-size:12px}
.squad-start .slot-grid{gap:5px}
.squad-start .slot-card{grid-template-columns:30px minmax(0,1fr);padding:5px;gap:4px}
.squad-start .slot-card>.asset-art{width:30px;height:30px;grid-row:1;grid-column:1}
.squad-start .slot-card select{grid-row:1;grid-column:2;height:34px;font-size:14px}
.squad-start .slot-card>.ai-tactic-select{grid-row:auto;grid-column:1/-1}
.squad-start .slot-card.selected>.ai-tactic-label,.squad-start .slot-card.selected>.ai-tactic-select{display:none}
.squad-start .slot-card button{height:30px;font-size:12px}
.squad-start .nickname-label{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px}
.squad-start .nickname-label input{flex:1;min-width:0;height:34px;margin:0;padding:5px 8px;font-size:16px}
.squad-start #start-button{width:100%;min-height:42px;height:42px;padding:6px 12px;margin:0;font-size:16px}
.squad-start .account-note{margin:4px 0!important;line-height:1.3!important;font-size:12px!important}
.squad-start .online-controls{margin-top:5px;gap:5px}
.squad-start .online-controls button,.squad-start .online-controls input{height:36px;min-height:36px;font-size:12px;padding:4px 7px}
.squad-start .room-message{margin:4px 0 0;min-height:0;font-size:12px;line-height:1.3}
@media(max-width:820px), (max-height:500px) and (max-width:900px){
 body:not(.combat-mode) .arcade{padding:0 6px 6px}
 body:not(.combat-mode) .masthead{gap:6px;flex-wrap:wrap;min-height:44px}
 body:not(.combat-mode) .brand{font-size:14px}
 body:not(.combat-mode) .tools{gap:4px;justify-content:flex-end}
 body:not(.combat-mode) .tools .tool{min-height:32px;height:32px;font-size:12px;padding:0 6px}
 .start-overlay .squad-start{display:block;padding:6px;max-width:540px;margin:0 auto}
 .squad-start .intro{display:none}
 .squad-start .deployment-panel{padding:8px}
 .squad-start .room-message:not(.error){display:none}
 body:not(.combat-mode) .masthead{position:relative;flex-wrap:nowrap}
 body:not(.combat-mode) #mobile-panel-button{display:flex;order:2;width:38px;padding:0;font-size:20px}
 body:not(.combat-mode):not(.mobile-panels-open) .tools>*:not(#mobile-panel-button):not(#codex-button){display:none!important}
 body:not(.combat-mode):not(.mobile-panels-open) .tools{width:auto;margin-left:auto;overflow:visible}
 body:not(.combat-mode):not(.mobile-panels-open) #codex-button{order:1;margin:0;white-space:nowrap}
 body:not(.combat-mode).mobile-panels-open .tools{position:absolute;z-index:50;top:48px;right:0;width:min(360px,calc(100vw - 12px));max-height:calc(100dvh - 60px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;overflow:auto;background:#0b1b22f7;border:1px solid #46645c;border-radius:8px;box-shadow:0 12px 36px #000b}
 body:not(.combat-mode).mobile-panels-open .tools>*{min-width:0;width:100%;margin:0}
 body:not(.combat-mode).mobile-panels-open .tools .locale-control select,body:not(.combat-mode).mobile-panels-open .tools .audio-control select{width:100%;max-width:none}
 body:not(.combat-mode).mobile-panels-open #mobile-panel-button{grid-column:2;grid-row:1;justify-self:end;width:38px}
 body:not(.combat-mode).mobile-panels-open #view-button,body:not(.combat-mode).mobile-panels-open #labels-button,body:not(.combat-mode).mobile-panels-open #chat-button,body:not(.combat-mode).mobile-panels-open #pause-button,body:not(.combat-mode).mobile-panels-open #fullscreen-button{display:none!important}
}
@media(max-height:680px) and (min-width:761px){.squad-start .intro h1{font-size:32px}.squad-start .role-playstyle{display:none}.start-overlay .squad-start{padding:6px 16px}.squad-start .slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.squad-start .slot-card{display:block}.squad-start .slot-card>.asset-art{display:none}.squad-start .slot-card button{margin-top:4px}}
@media(max-height:500px) and (max-width:900px){.squad-start .lobby-account,.squad-start .launch-note,.squad-start .account-note{display:none}.squad-start .deployment-panel{padding-top:5px;padding-bottom:5px}}

#lineup-toggle{display:none}
@media(max-width:820px), (max-height:500px) and (max-width:900px){
 .squad-start .deployment-panel:not(.lineup-expanded) .slot-card:not(.selected){display:none}
 .squad-start .deployment-panel:not(.lineup-expanded) .slot-grid{grid-template-columns:minmax(0,1fr)}
 .squad-start .deployment-panel:not(.lineup-expanded) .slot-card button{display:none}
 .squad-start #lineup-toggle{display:block;width:100%;min-height:32px;height:32px;padding:3px 8px;margin:4px 0;font-size:13px}
 .squad-start .solo-lineup #lineup-toggle{display:none}
}