/* Command hub v86: separate home, campaign, modes, arsenal and operations. */
#menu-screen.menu-hub{width:100vw;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) minmax(68px,auto);align-items:stretch;justify-items:stretch;gap:0!important;padding:0!important;overflow:hidden}
#menu-screen.menu-hub.hidden{display:none}
.menu-hub-header,.menu-hub-main,.menu-hub-nav{position:relative;z-index:4}
.menu-hub-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.menu-brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}
.menu-brand-mark{width:30px;height:30px;position:relative;flex:0 0 auto;transform:rotate(45deg)}
.menu-brand-mark::before,.menu-brand-mark::after{content:"";position:absolute}
.menu-brand-mark::before{left:7px;right:7px;top:14px;height:1px}.menu-brand-mark::after{top:7px;bottom:7px;left:14px;width:1px}
.menu-brand-lockup>div{display:grid;gap:2px}.menu-brand-lockup strong{font:800 18px/1 var(--ui-font);letter-spacing:1.7px}.menu-brand-lockup small{font:700 12px/1 var(--ui-font);letter-spacing:1.8px;text-transform:uppercase}
.menu-hub-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
#menu-screen.menu-hub .menu-settings-btn{position:static;inset:auto;width:auto}
#menu-screen.menu-hub .auth-hint{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;min-height:0}
.menu-hub-main{width:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.menu-page{display:none;width:min(1180px,calc(100% - 48px));min-height:100%;margin:0 auto;padding:28px 0 34px}
.menu-page.active{display:block;animation:hub-page-in .28s cubic-bezier(.2,.8,.2,1)}
@keyframes hub-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-kicker{display:block;font:800 12px/1 var(--ui-font);letter-spacing:1.8px;text-transform:uppercase}
.menu-page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px;padding-bottom:15px}
.menu-page-heading>div{display:grid;gap:6px}.menu-page-heading h2{margin:0;font:800 28px/1 var(--ui-font);letter-spacing:.4px}.menu-page-heading p{max-width:520px;margin:0;font-size:12px;line-height:1.45;text-align:right}
.home-mission-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.home-mission-metrics span{padding:6px 8px;font:800 12px var(--ui-font);letter-spacing:.5px}
.home-brief-action{width:100%;display:grid;gap:9px;text-align:left}
.home-progress-track{height:3px;overflow:hidden}.home-progress-track i{display:block;width:0;height:100%;transition:width .35s ease}
.home-brief-action{cursor:pointer}.quick-icon{grid-row:1/3;width:30px;height:30px;transform:rotate(45deg);position:relative}.quick-icon::after{content:"";position:absolute;inset:8px}

#menu-screen.menu-hub .chapter-route{width:100%;margin:0 0 14px}
#menu-screen.menu-hub .carousel-wrap{width:100%;max-width:none;margin:0 auto}
#menu-screen.menu-hub .carousel-track-outer{min-height:340px}
.campaign-deploy-bar{width:100%;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,360px) auto;align-items:center;gap:16px;margin:14px 0 0;padding:14px 16px}
.campaign-mission-summary{display:grid;gap:4px;min-width:0}.campaign-mission-summary span{font:800 12px var(--ui-font);letter-spacing:1px}.campaign-mission-summary strong{min-width:0;font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
#menu-screen.menu-hub .menu-difficulty-panel{width:auto;padding:5px}
#menu-screen.menu-hub .loadout-selector{width:100%;margin:0;padding:18px}
.arsenal-actions{display:grid;gap:12px;margin-top:14px}.arsenal-actions>.feature-card,.arsenal-actions>.command-brief{width:100%;margin:0}.arsenal-actions .command-brief{grid-template-columns:minmax(0,1fr) auto}
#menu-screen.menu-hub .starter-weapon-strip{width:100%;margin:12px 0 0;justify-content:flex-start}

.menu-hub-nav{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.menu-hub-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.menu-hub-nav button::before{content:"";position:absolute;left:28%;right:28%;top:0}
.hub-nav-icon{width:17px;height:17px;position:relative;transform:rotate(45deg)}.hub-nav-icon.home::after{content:"";position:absolute;inset:4px}.hub-nav-icon.modes::after{content:"";position:absolute;left:4px;top:3px;transform:rotate(-45deg)}.hub-nav-icon.arsenal::before,.hub-nav-icon.arsenal::after{content:"";position:absolute}.hub-nav-icon.arsenal::before{left:7px;top:-4px;width:1px;height:23px}.hub-nav-icon.arsenal::after{top:7px;left:-4px;width:23px;height:1px}.hub-nav-icon.operations::after{content:"";position:absolute;inset:4px}

@media(max-width:900px){
  #menu-screen.menu-hub{grid-template-rows:62px minmax(0,1fr) minmax(64px,auto)}
  .menu-hub-header{padding-inline:18px}.menu-page{width:min(100% - 28px,760px);padding-top:18px}
  .campaign-deploy-bar{grid-template-columns:1fr 1fr}.campaign-deploy-bar>.btn{grid-column:1/-1}.arsenal-actions>.command-brief{grid-column:1/-1}
}

@media(max-width:600px){
  #menu-screen.menu-hub{grid-template-rows:56px minmax(0,1fr) minmax(66px,auto)}
  .menu-hub-header{padding:0 12px}.menu-brand-mark{width:24px;height:24px}.menu-brand-lockup{gap:9px}.menu-brand-lockup strong{font-size:14px;letter-spacing:1.2px}.menu-brand-lockup small{font-size:12px}.menu-hub-status{gap:7px}.menu-hub-status .auth-hint{display:none}#menu-screen.menu-hub .menu-settings-btn{width:40px;overflow:hidden}#menu-screen.menu-hub .menu-settings-btn::before{margin:0;-webkit-mask:none;mask:none}
  .menu-page{width:100%;padding:12px 12px 20px}.menu-page-heading{align-items:start;margin-bottom:12px;padding-bottom:10px}.menu-page-heading h2{font-size:22px}.menu-page-heading p{display:none}.home-mission-metrics{margin-bottom:16px}.home-mission-metrics span{padding:5px 6px;font-size:12px}
  #menu-screen.menu-hub .chapter-route{margin-bottom:8px}.chapter-route-summary{display:none!important}#menu-screen.menu-hub .carousel-track-outer{min-height:292px}
  /* game.css forces .start-btn-wrap to calc(100vw - 18px)!important on phones; inside the padded hub page that overflowed the panel edge. */
  #menu-screen.menu-hub .campaign-deploy-bar{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
  #menu-screen.menu-hub .campaign-deploy-bar .menu-difficulty-panel{width:100%;min-width:0;box-sizing:border-box}
  .campaign-deploy-bar{position:sticky;bottom:0;z-index:5;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;padding:9px}.campaign-deploy-bar .menu-difficulty-panel{grid-column:1/-1;grid-row:1}.campaign-deploy-bar .campaign-mission-summary{grid-column:1}.campaign-deploy-bar>.btn{grid-column:2}.campaign-deploy-bar .menu-difficulty-panel{display:grid}
  #menu-screen.menu-hub .loadout-selector{padding:12px}.arsenal-actions{gap:8px}.arsenal-actions>.command-brief{grid-column:auto;grid-template-columns:1fr}.arsenal-actions .preflight-copy>span:last-child{display:none}#menu-screen.menu-hub .starter-weapon-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .menu-hub-nav{position:relative}.menu-hub-nav button{flex-direction:column;gap:5px}.hub-nav-icon{width:15px;height:15px}
}

@media(prefers-reduced-motion:reduce){.menu-page.active{animation:none}}