/* Paper Front: contemporary military key art and briefing-room surfaces. */
#titleScreen{background-image:url('menu-blot-front.png');background-position:center;background-size:cover;filter:none;animation:none;padding:22px 32px}
#titleScreen::before{background:linear-gradient(90deg,rgba(246,245,240,.93) 0%,rgba(246,245,240,.78) 24%,rgba(246,245,240,.12) 52%,transparent 75%)}
.title-content{width:430px;max-width:43vw;padding:18px 0 18px 2vw;display:block}
.title-content h1{margin:0 0 20px;font-size:inherit;line-height:1;text-shadow:none}
.menu-logo{display:block;width:100%;max-width:370px;height:auto;max-height:210px;object-fit:contain;object-position:left center}
.title-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:430px}
.title-actions button{font-size:13px;min-height:49px;padding:8px 12px;background-color:#f5f4efeb;background-image:none;text-align:left;gap:7px}
.title-actions #launchGame,.title-actions #openCampaign{grid-column:1/-1}
.title-actions #launchGame{background:#20221f;color:#fff;min-height:54px}
.title-actions #openCampaign{background:#dedfd5ef}
.title-actions button span{font-size:18px}
.title-top,.title-bottom{font-weight:600;color:#242822;text-shadow:0 1px 3px #fff}
.title-top{border-color:#62675c80}
header .wordmark{display:flex;align-items:center;transform:none;flex-shrink:0}
.hud-logo{display:block;width:113px;height:39px;object-fit:contain;object-position:left center}
dialog.screen-panel[open],#researchDialog[open],#optionsDialog,#commanderDialog,#campaignDialog,.modal{
 background-color:#f3f2ed;
 background-image:linear-gradient(90deg,#f3f2edf2,#f3f2edce 55%,#f3f2edbd),url('briefing-room.png');
 background-size:cover;background-position:center;background-blend-mode:normal;
}
.screen-panel-head,.screen-panel-foot{background:#f3f2ede8}
.screen-panel-body{background:#f4f3ee80}
.card,.research-node,.honor,.campaign-unlock,.production-order{
 background-color:#efeee8;
 background-image:linear-gradient(#f7f6f0b8,#f7f6f0e8),url('briefing-room.png');
 background-size:cover;background-position:center;background-blend-mode:normal;
}
.card .art,.research-art{isolation:isolate}
.commander-banner{background-image:linear-gradient(90deg,#f5f4eceb,#f5f4ec99),url('menu-blot-front.png');background-size:cover;background-position:center 58%;background-blend-mode:normal}
.commander-banner[data-banner=night],.commander-banner[data-banner=stars]{background-image:linear-gradient(90deg,#191e20ed,#191e2080),url('menu-blot-front.png');background-blend-mode:normal;color:#fff}
.atlas-sidebar{background:#f4f3edee}
@media(max-width:600px){
 #titleScreen{padding:14px 16px;background-position:69% top;background-size:auto 100%}
 #titleScreen::before{background:linear-gradient(180deg,#f5f4ed30 0%,#f5f4ed16 20%,#f5f4edc9 43%,#f5f4edf5 70%)}
 .title-content{width:100%;max-width:none;margin-top:19dvh;padding:0;align-self:center}
 .title-content h1{margin:0 0 12px}.menu-logo{width:260px;max-height:122px;margin:0 auto;object-position:center}
 .title-actions{max-width:430px;margin:auto;gap:6px}.title-actions button{min-height:44px;font-size:12px;padding:7px 10px}.title-actions #launchGame{min-height:48px}
 .title-top,.title-bottom{font-size:9px;letter-spacing:1px}.title-bottom{padding-top:14px}
 .hud-logo{width:82px;height:32px}
}
@media(orientation:landscape) and (max-height:600px){
 #titleScreen{padding:12px 20px}.title-content{display:grid;width:min(650px,85vw);max-width:none;grid-template-columns:190px minmax(0,350px);gap:24px;margin-top:0;padding:8px 0}
 .title-content h1{grid-column:1;grid-row:1;margin:0}.menu-logo{width:190px;max-height:160px}.title-actions{grid-column:2;grid-row:1;gap:4px}.title-actions button{min-height:38px;padding:4px 8px;font-size:12px}.title-actions #launchGame{min-height:40px}.title-actions #launchGame,.title-actions #openCampaign{grid-column:auto}
 .title-top{padding-bottom:7px}.title-bottom{padding-top:4px}
}
/* Override the older generic button texture on artwork cards. */
#cards .card,#researchNodes .research-node,#achievementWall .honor,#campaignUnlocks .campaign-unlock,.production-order{
 background-image:linear-gradient(#f7f6f085,#f7f6f0d9),url('briefing-room.png');background-size:cover;background-position:center;background-blend-mode:normal;
}
#titleScreen{background-image:none;isolation:isolate;overflow:hidden}#menuBackdrop{position:absolute;inset:-3%;z-index:0;pointer-events:none;background:url('header-front-v43.png') center/cover;animation:menu-drift 26s ease-in-out infinite alternate;will-change:transform}#menuAtmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#titleScreen::before{z-index:1;pointer-events:none}.title-content,.title-top,.title-bottom{position:relative;z-index:2}#titleScreen[hidden] #menuBackdrop{animation-play-state:paused}@keyframes menu-drift{from{transform:scale(1.025) translate(-.4%,.2%)}to{transform:scale(1.075) translate(.5%,-.4%)}}@media(max-width:600px){#menuBackdrop{background-position:66% center}.title-actions button{min-height:42px}.title-actions{gap:6px}}@media(prefers-reduced-motion:reduce){#menuBackdrop{animation:none;transform:none}#menuAtmosphere{display:none}}
/* Fit the complete command menu on compact phones without a scrollable title screen. */
@media(max-width:600px) and (orientation:portrait){
 #titleScreen .title-content{margin-top:0;padding:0;align-self:center}
 #titleScreen .title-content h1{margin-bottom:8px}
 #titleScreen .menu-logo{width:230px;max-height:112px}
 #titleScreen .title-actions{gap:6px}
 #titleScreen .title-actions button{min-height:44px!important;padding:7px 10px!important}
 #titleScreen .title-actions #launchGame{min-height:48px!important}
 #titleScreen .title-bottom{padding-top:6px}
}
@media(max-width:600px) and (max-height:620px) and (orientation:portrait){
 #titleScreen{padding:10px 14px}
 #titleScreen .menu-logo{max-height:84px;width:194px}
 #titleScreen .title-top{padding-bottom:4px}
 #titleScreen .title-actions{gap:4px 6px}
}