/* Aligned command columns; every card has a purposeful height and readable reflow. */
.home-screen header{display:grid;grid-template-columns:1fr auto 1fr}.home-screen header .brand{grid-column:2;justify-self:center}.home-screen header nav{grid-column:3;justify-self:end}.brand>span{display:flex;flex-direction:column;align-items:center}.brand small{display:block;margin-top:5px}.home-screen main{max-width:1680px}.command-grid{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(330px,1.35fr) minmax(320px,1.1fr);grid-template-rows:auto;gap:16px;align-items:stretch}.command-column{display:flex;flex-direction:column;gap:16px;min-width:0}.command-grid .operations,.command-grid .nav-display,.command-grid .deployment{grid-column:auto;grid-row:auto;min-width:0}.command-grid .operations{flex:1;display:flex;flex-direction:column;padding:20px}.operations h2{margin-bottom:17px}#operationList{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;flex:1}.operation-choice{margin:0;padding:18px 14px;min-height:90px}.operation-choice strong{font-size:13px}.operation-choice small{font-size:10px;line-height:1.7}.command-grid .nav-display{flex:1;display:flex;justify-content:space-between;padding:17px 14px 8px}.nav-display canvas{flex:1;min-height:0;max-height:370px;width:100%;object-fit:contain}.command-column>.console-box:not(.operations):not(.nav-display){min-height:132px;padding:18px}.command-column>.console-box h2{margin-bottom:15px}.service-metrics{gap:12px}.service-metrics strong{font-size:clamp(20px,1.7vw,28px)}.service-metrics small{font-size:9px;letter-spacing:.6px;line-height:1.5;margin-top:4px}.telemetry canvas{height:60px}.command-grid .deployment{display:flex;gap:10px;padding:19px 20px}.deployment .assigned-ship{border:0;border-bottom:1px solid #68875b66;margin:0 0 5px;padding:0 0 13px;min-height:115px;width:100%}.assigned-ship canvas{height:80px}.assigned-ship small{font-size:9px}.assigned-ship strong{font-size:15px}.deployment h2{font-size:18px;margin:0}.deployment>p{font-size:12px!important;margin:0 0 3px;line-height:1.6}.deployment #deployTasks{display:grid;gap:11px}.route-task{margin:0;padding-left:10px}.home-screen .route-task b{font-size:12px}.route-task small{font-size:10px}.route-task span{font-size:10px}.difficulty-picker{margin-top:5px}.deployment #deployButton{margin-top:auto;min-height:44px}.deploy-utilities button{min-height:42px;font-size:11px}.difficulty-picker select,select{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c8c995' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.console-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}.console-tabs svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.live-dot{display:inline-block;min-width:190px;text-align:left;white-space:nowrap}.live-dot:before{animation:uplink-pulse 2.6s ease-in-out infinite}.panel-close{position:absolute;right:13px;top:13px;z-index:12;padding:7px;display:grid;place-items:center;width:34px;height:34px;min-width:34px;background:#0d251dec;border:1px solid #7a977c99;color:#c9d2ac}.panel-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.panel .dialog-content{position:relative}.panel-close:hover{background:#3e4c31}.panel h1{padding-right:20px}.profile-console #closePilots{min-height:38px}#bossGuide [data-state=waiting]{opacity:.55}.flight-view .hud{min-width:0}.flight-view .hud>div{min-width:0}.flight-view .viewport{min-height:160px}#bossHud{max-width:440px}#bossPhase{margin-left:10px;text-align:right}.brief-kraken svg{display:block;width:100%;height:100%}.console-tabs button:focus-visible,.panel-close:focus-visible{outline-offset:-3px}
@keyframes uplink-pulse{0%,100%{opacity:.95;box-shadow:0 0 7px #9de79f}50%{opacity:.25;box-shadow:0 0 2px #9de79f}}
@media(min-width:1101px){.command-left .operations,.command-center .nav-display{min-height:360px}}
@media(max-width:1100px){.command-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px}.command-column{display:contents}.command-grid .operations{grid-column:1;grid-row:1}.command-grid .nav-display{grid-column:2;grid-row:1;min-height:350px}.command-grid .deployment{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px 20px;align-items:start}.deployment .assigned-ship{grid-column:1;grid-row:1/3;margin:0;border:0;min-height:130px}.deployment h2{grid-column:2;grid-row:1}.deployment>p{grid-column:2;grid-row:2}.deployment #deployTasks{grid-column:2;grid-row:3/7;display:grid;gap:12px}.deployment .difficulty-picker{grid-column:3;grid-row:1/3;align-self:center;display:flex;flex-wrap:wrap}.deployment #deployButton{grid-column:3;grid-row:3;margin:0;width:100%}.deployment .deploy-utilities{grid-column:3;grid-row:4;display:flex;flex-direction:column}.command-left>.console-box:not(.operations){grid-column:1;grid-row:3}.command-center>.telemetry{grid-column:2;grid-row:3}.command-grid .console-box{min-width:0}.command-heading h1{font-size:30px}.home-screen main{padding-left:20px;padding-right:20px}.home-screen .command-grid .nav-display canvas{max-height:330px}.operation-choice{padding:15px 12px;min-height:82px}}
@media(max-width:700px){header{height:auto;min-height:66px}.home-screen header{grid-template-columns:1fr auto;padding:12px}.home-screen header .brand{grid-column:1;justify-self:start}.home-screen header nav{grid-column:2}.home-screen header .brand{font-size:12px}.home-screen .brand .constellation{width:30px}.home-screen main{padding:16px 12px 24px}.console-top{font-size:8px;gap:6px}.live-dot{min-width:0;font-size:8px!important}.console-tabs{gap:4px;padding:4px}.console-tabs button{flex-direction:column;gap:5px;font-size:9px;min-height:57px;padding:6px 3px}.console-tabs svg{width:18px;height:18px}.command-heading{padding:20px 0;align-items:start;gap:15px}.command-heading h1{font-size:clamp(19px,4.3vw,28px);line-height:1.3}.command-heading .eyebrow{font-size:8px;letter-spacing:.7px}.pilot-id{min-width:103px;max-width:40%}.pilot-id strong{font-size:18px;overflow-wrap:anywhere}.pilot-id button{font-size:9px;min-height:40px}.command-grid{grid-template-columns:1fr;gap:12px}.command-grid .operations{grid-column:1;grid-row:1;padding:17px}.command-grid .deployment{grid-column:1;grid-row:2;display:flex;gap:12px;padding:18px}.command-grid .nav-display{grid-column:1;grid-row:3;min-height:300px}.command-left>.console-box:not(.operations){grid-column:1;grid-row:4}.command-center>.telemetry{grid-column:1;grid-row:5}.command-grid #deployTasks{display:grid;grid-template-columns:1fr;gap:11px;width:100%}.route-task{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:3px 0 3px 10px}.route-task small{grid-column:1;grid-row:1;font-size:10px}.route-task b{grid-column:1;grid-row:2;font-size:12px}.route-task span{grid-column:2;grid-row:1/3;align-self:center;font-size:11px}.deployment .assigned-ship{display:grid;grid-template-columns:100px 1fr;grid-template-rows:1fr 1fr;column-gap:20px;text-align:left;min-height:90px;border-bottom:1px solid #68875b66;padding-bottom:12px;margin-bottom:0}.assigned-ship canvas{grid-column:1;grid-row:1/3;height:78px;width:100px}.assigned-ship small{align-self:end}.assigned-ship strong{align-self:start}.deployment .deploy-utilities{display:grid;grid-template-columns:1fr 1fr;gap:9px}.difficulty-picker{gap:8px}.difficulty-picker label{font-size:12px}.deployment>p{font-size:12px!important}.deployment #deployButton{min-height:46px}.operation-choice{min-height:79px}.command-grid .nav-display canvas{max-height:300px}.flight-view header{height:54px;min-height:54px;padding:8px 10px}.flight-view header .brand{font-size:10px}.flight-view header nav{gap:4px}.flight-view header nav button{font-size:9px;padding:7px 8px;min-height:34px}.flight-view .hud{display:grid;grid-template-columns:70px minmax(0,1fr) 28px;gap:8px 12px;padding:10px}.flight-view .hud-score{grid-column:1;grid-row:1/3;align-self:center}.flight-view .vitals{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.flight-view .hud-objective{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.flight-view .hud-objective label{grid-column:1;grid-row:1;font-size:9px;align-self:center}.flight-view .hud-objective strong{grid-column:2;grid-row:1;font-size:16px;line-height:1.2}.flight-view .hud-objective progress{grid-column:1/-1;height:3px}.flight-view .hud-objective small{display:none}.flight-view .reactor{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:9px}.flight-view #pause{grid-column:3;grid-row:1/4;align-self:stretch;min-width:28px;padding:3px}.flight-view .instrument label{font-size:9px}.flight-view .instrument b{font-size:10px}.flight-view .instrument small{display:none}.flight-view .hud strong{font-size:17px}.flight-view .hud-score small{font-size:7px}.flight-view .hud-score label{font-size:8px}.flight-view .objective{gap:6px;padding:6px 9px;min-height:30px}.flight-view #objectiveText,.flight-view #streak{display:none}.flight-view #upgradeReady{font-size:8px;padding:5px 8px;min-height:27px}.flight-view .supply-bar{gap:5px;padding:5px 8px;overflow:visible;max-height:none;min-height:44px}.supply-bar button,.supply-bar #inlineResearch button{height:38px;min-width:40px;width:40px;padding:5px}.supply-bar button b{font-size:10px}.supply-bar svg{width:18px;height:18px}.supply-bar #inlineResearch{margin-left:auto;gap:4px;width:auto}.supply-bar #supplyStatus{width:100%;text-align:right;font-size:8px;line-height:1.2}.supply-bar #supplyStatus:empty{display:none}.boss-guide{display:block;padding:6px 10px;min-height:40px}.boss-guide>div{display:none}.boss-guide>div[data-state=active]{display:flex;border:0;background:transparent;padding:0;gap:8px;box-shadow:none}.boss-guide>div>b{display:block;width:22px;height:22px}.boss-guide strong{font-size:10px}.boss-guide small{font-size:9px;margin:0}.flight-view #bossHud{top:7px;width:calc(100% - 20px);padding:5px 8px;max-width:480px}.flight-view #bossHud>div{font-size:8px}.flight-view.boss-active #cannonStatus{top:47px;width:110px}.flight-view #cannonStatus{font-size:8px;width:110px}.flight-view #cannonStatus[data-blocked=true]{width:155px}.flight-view #environmentHint{font-size:8px;max-width:175px;left:9px;bottom:70px;top:auto;line-height:1.5}.flight-view .coordinates,.flight-view .sector{display:none}.tactical-buttons button,#fire{min-width:44px;width:44px;height:46px}.tactical-buttons{bottom:11px;left:9px;gap:6px}#fire{right:9px;bottom:11px;width:49px;height:49px}.flight-view footer{font-size:8px;padding:7px 9px}.flight-view footer>span:nth-child(2){display:none}.flight-view #notice,.flight-view.boss-active #notice{bottom:12px;max-width:calc(100% - 210px);font-size:8px;padding:5px 7px;line-height:1.3}.panel-close{top:10px;right:10px;width:34px;height:34px}.dialog-content{max-width:100%;overflow-x:hidden}.ship-grid{grid-template-columns:1fr}.hangar-options{grid-template-columns:1fr}.equipment-options{grid-template-columns:1fr 1fr}.equipment-card{padding:13px}.equipment-card small{font-size:10px}.panel h1{font-size:26px!important;padding-right:22px}.panel .dialog-actions{padding:12px;gap:8px;flex-wrap:wrap}.panel .dialog-actions button{min-height:42px;font-size:10px;padding:10px 11px;min-width:0}.panel .dialog-content{padding:22px 17px}.dialog-content .pilot-field{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}#pausePanel .dialog-content{padding:24px 20px}.flight-view main{height:calc(100dvh - 54px);padding:5px 7px}.flight-view .cabinet{height:100%;min-height:0}.flight-view .viewport{flex:1;min-height:150px}.profile-edit{display:flex;flex-wrap:wrap}.profile-edit input{min-width:0;flex:1}#result .debrief-layout{grid-template-columns:1fr}#resultStats{grid-template-columns:repeat(3,minmax(0,1fr))}#resultStats span{min-width:0;padding:10px 5px}.result-stats b{font-size:20px}}
@media(max-width:370px){.console-tabs button{font-size:8px}.home-screen header .brand{font-size:10px}.home-screen header .constellation{width:24px}.command-heading{flex-direction:column;gap:12px}.pilot-id{max-width:100%;text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px}.pilot-id small,.pilot-id span{display:none}.pilot-id button{margin:0}.command-heading h1{font-size:24px}.flight-view header .brand .constellation{display:none}.flight-view header nav button{padding:6px;font-size:8px}.flight-view header .brand{font-size:9px}.flight-view .hud{grid-template-columns:61px minmax(0,1fr) 25px;gap:7px}.flight-view #notice{display:none}.supply-bar #inlineResearch{margin-left:0}.equipment-options{grid-template-columns:1fr}.service-metrics strong{font-size:22px}.service-metrics small{font-size:8px}}
@media(max-height:600px) and (min-width:701px){.flight-view header{height:44px;min-height:44px;padding-top:5px;padding-bottom:5px}.flight-view main{height:calc(100dvh - 44px);padding:4px 7px}.flight-view .hud{padding:7px 12px;gap:12px}.flight-view .hud small,.flight-view .instrument small{display:none}.flight-view .hud strong{font-size:19px}.flight-view .instrument label{font-size:9px}.flight-view .objective{padding:4px 10px}.flight-view .supply-bar{min-height:36px;padding:3px 10px}.flight-view .supply-bar button{height:30px;padding:4px 7px}.boss-guide{display:block;padding:4px 10px}.boss-guide>div{display:none}.boss-guide>div[data-state=active]{display:flex;padding:0;border:0;background:none;box-shadow:none}.boss-guide>div[data-state=active]>span{display:flex;gap:15px;align-items:center}.boss-guide small{margin:0}.flight-view footer{padding:4px 10px}.flight-view .viewport{min-height:140px}}
@media(prefers-reduced-motion:reduce){.live-dot:before{animation:none}}.low-motion .live-dot:before{animation:none}
body.home-dialog #overlay{display:flex}body.home-dialog .cabinet,body.home-dialog .topline,body.home-dialog .lower{display:none}body.home-dialog #commandHome{display:block}body.home-dialog main{max-width:1680px;padding:22px 3% 30px}body>#overlay{position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:18px;overflow:hidden}body>#overlay.hidden{display:none}.context-snapshot{position:fixed!important;z-index:98;pointer-events:none;filter:blur(2px);opacity:.7;overflow:hidden}.context-snapshot .panel-close{display:none}#settingsPanel .control-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;border-top:1px solid #75906e66;padding-top:17px;margin-top:22px}#settingsPanel .control-strip>span{display:flex;gap:12px;align-items:center;font-size:12px;color:#b6c7a8;line-height:1.6}#settingsPanel .control-strip b{font-size:12px;color:#eed39c;min-width:88px;background:#183a2a7a;border:1px solid #6b896779;padding:5px 7px;text-align:center;font-weight:400}#settingsPanel .settings-grid small{font-size:12px;line-height:1.7;color:#a5bb9e}#settingsPanel .settings-grid>label{font-size:12px}#settingsPanel .dialog-content>p{font-size:12px}#nextMission{display:none}
@media(max-width:700px){body>#overlay{padding:10px}body.home-dialog main{padding:16px 12px 24px}#settingsPanel .control-strip{grid-template-columns:1fr;gap:8px}#settingsPanel .control-strip>span{font-size:12px}#settingsPanel .control-strip b{font-size:11px;min-width:100px}.panel-close{width:38px;height:38px}}
/* Animate opacity as one aligned grid; transforms must never shift card edges independently. */
.command-grid .operations,.command-grid .nav-display,.command-grid .deployment{animation:command-fade .55s ease both;animation-delay:0s;transform:none!important}@keyframes command-fade{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.flight-view #notice,.flight-view.boss-active #notice{bottom:67px;max-width:75%}.flight-view #environmentHint{top:50px;bottom:auto;max-width:180px}.flight-view.boss-active #environmentHint{display:none}.supply-bar button,.supply-bar #inlineResearch button{height:42px}body.home-dialog #mobileDeploy{display:none}.flight-view .panel-close{z-index:120}}
#closePilots{width:38px;min-width:38px;height:38px;display:grid;place-items:center;padding:8px}#closePilots svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}