/* Crisp live instruments; the supplied resource artwork is only used at icon size. */
:root{--deck-height:65.8px}
body>header.compact-deck{height:var(--deck-height)!important;display:grid!important;grid-template-columns:133px minmax(0,1fr) 60.2px;align-items:end;gap:8.4px;padding:15.4px 12.6px 6.3px!important;background:linear-gradient(110deg,#04121eec,#02090eef 45%,#061b28ef)!important;border-bottom:1px solid #67c9e0!important;box-shadow:0 3px 0 #112f3d,0 4.2px 12.6px #0008!important;overflow:visible}
body>header.compact-deck:after{content:'';position:absolute;left:8.4px;right:8.4px;bottom:3px;height:1px;background:linear-gradient(90deg,#72ebff,transparent 25%,#457280 70%,#72ebff);pointer-events:none}
body>header.compact-deck .brand{display:flex!important;position:relative;flex-direction:column;justify-content:end;align-items:center;height:41.3px;padding:0 0 4.2px;min-width:0;overflow:hidden;text-shadow:0 0 11.2px #60dbff44}
.compact-deck .brand strong{font:400 18.2px/1.15 Arial,sans-serif;letter-spacing:4.2px;color:#effaff;z-index:1}.compact-deck .brand small{font:6.3px/1.8 Arial,sans-serif;letter-spacing:2px;color:#b8d9e5;z-index:1}
.compact-deck .logo-orbit{position:absolute;width:72.8px;height:72.8px;left:27.3px;top:2px;border:1px solid #83c4d288;border-radius:50%;box-shadow:inset 0 0 12.6px #36dfff09}.compact-deck .logo-orbit:before{content:'';position:absolute;width:1px;height:28px;top:0;left:50%;background:linear-gradient(#beefff,transparent)}.compact-deck .logo-orbit i{position:absolute;left:calc(50% - 2px);top:-2px;width:2.8px;height:2.8px;background:white;box-shadow:0 0 6.3px 2px #7ad9ff;border-radius:50%}
body>header.compact-deck .brand{grid-column:1;grid-row:1}
body>header.compact-deck .hud-wallet{grid-column:2;grid-row:1}
body>header.compact-deck .header-actions{grid-column:3;grid-row:1}
body>header.compact-deck .hud-wallet,body>header.compact-deck #cargo{position:static;display:grid!important;width:100%!important;height:40.6px!important;inset:auto;pointer-events:auto}
body>header.compact-deck #cargo{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body>header.compact-deck #cargo .cargo-main{position:relative;inset:auto!important;width:auto!important;height:40.6px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;padding:3px 11.2px 6.3px!important;border-left:1px solid #3c647480!important;min-width:0;background:transparent!important}
body>header.compact-deck #cargo .cargo-main:after{display:none}
body>header.compact-deck #cargo .resource-reflection{position:relative;display:block!important;width:33.6px;height:30.8px;flex:none;overflow:hidden}
body>header.compact-deck #cargo .resource-art{display:block;width:33.6px!important;height:30.8px!important;filter:drop-shadow(0 0 4.9px #37c4ef33)}
body>header.compact-deck #cargo .cargo-main:before{display:none}
.compact-deck .resource-reflection:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#d7ffff66 50%,transparent 70%);transform:translateX(-120%);animation:instrument-glint 8s ease-in-out infinite;pointer-events:none}
.compact-deck #cargo-materials .resource-reflection:after{animation-delay:.7s}.compact-deck #cargo-energy .resource-reflection:after{animation-delay:1.4s}.compact-deck #cargo-pop .resource-reflection:after{animation-delay:2.1s}
body>header.compact-deck #cargo .cargo-copy{display:flex;flex-direction:column;position:static;gap:3px;min-width:0;text-align:left}
body>header.compact-deck #cargo .cargo-copy small{display:block!important;font:500 8.4px/1.2 Arial,sans-serif;letter-spacing:.07em;color:#bcdae5;white-space:nowrap}
body>header.compact-deck #cargo .cargo-copy strong{position:static;display:block;width:auto;height:auto;background:none;padding:0;font:500 14.7px/1.1 Arial,sans-serif!important;color:#f3fcff;letter-spacing:0}
body>header.compact-deck #cargo .reserve-track{left:51.8px!important;right:12.6px!important;bottom:1px;height:3px;border:0;background:#193641;border-radius:2px;overflow:hidden;box-shadow:none}
body>header.compact-deck #cargo .reserve-track i{display:block;height:100%;transition:width .5s,background .5s;box-shadow:0 0 5.6px currentColor}
body>header.compact-deck #cargo .cargo-gain{font-size:9.8px;right:8.4px;top:-10.5px}
body>header.compact-deck .header-actions{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:end;gap:4.2px;width:auto;height:40.6px;margin:0!important;padding:0!important}
body>header.compact-deck .header-actions #session-menu{position:static;display:flex!important;flex-direction:column;width:29.4px!important;height:33.6px!important;gap:3px;padding:2.8px!important;background:transparent!important;color:#67e7ff}
body>header.compact-deck #session-menu>*{opacity:1}body>header.compact-deck #session-menu svg{width:18.2px;height:18.2px}body>header.compact-deck #session-menu span{display:block;font:7px/1 Arial,sans-serif;letter-spacing:.08em}
body>header.compact-deck .header-actions #notifications{position:relative;display:flex!important;width:19.6px;height:22.4px;min-width:19.6px;padding:3.5px;border:0;background:none;color:#a1d3e4}
.compact-deck .deck-clock{position:absolute;right:13.3px;top:3px;display:flex;align-items:center;gap:5.6px;font:8.4px/1.4 Arial,sans-serif;color:#d7eaf4;letter-spacing:.04em}.compact-deck .deck-clock>.clock-symbol{color:#63dfff;font-size:11.9px}
body .compact-deck #time{position:static!important;font:8.4px/1.4 Arial,sans-serif!important;padding:0!important;background:none!important;height:auto!important;width:auto;transform:none}
body>header.compact-deck #cargo .cargo-main:focus-visible{outline:1px solid #96ebff;outline-offset:-2px}
@keyframes instrument-glint{0%,72%,100%{transform:translateX(-120%);opacity:0}80%{opacity:.7}91%{transform:translateX(120%);opacity:0}}
@media(min-width:1500px){body>header.compact-deck{grid-template-columns:154px minmax(0,1fr) 70px;padding-left:16.8px!important;padding-right:16.8px!important}.compact-deck .logo-orbit{left:38.5px}}
@media(max-width:1000px){body>header.compact-deck{grid-template-columns:108.5px minmax(0,1fr) 46.2px;gap:2.8px;padding-left:5.6px!important;padding-right:5.6px!important}.compact-deck .brand strong{font-size:15.4px;letter-spacing:2.8px}.compact-deck .logo-orbit{left:16.1px}body>header.compact-deck #cargo .cargo-main{padding-left:6.3px!important;padding-right:3.5px!important;gap:4.2px}body>header.compact-deck #cargo .resource-reflection,body>header.compact-deck #cargo .resource-art{width:23.8px!important;height:26.6px!important}body>header.compact-deck #cargo .cargo-copy small{font-size:7px;letter-spacing:0}body>header.compact-deck #cargo .reserve-track{left:34.3px!important;right:7px!important}body>header.compact-deck #cargo .cargo-copy strong{font-size:13.3px!important}}
@media(max-width:650px){:root{--deck-height:77px}body>header.compact-deck{grid-template-columns:1fr 52.5px;grid-template-rows:23.1px 36.4px;align-content:end;gap:0;padding:4.2px 4.9px 4.9px!important}body>header.compact-deck .brand{height:22.4px;align-items:start;padding:0 0 2px 3.5px}.compact-deck .brand strong{font-size:14px;letter-spacing:3.5px}.compact-deck .brand small{display:none}.compact-deck .logo-orbit{left:14px;top:-38.5px}body>header.compact-deck .header-actions{grid-column:2;grid-row:1;height:21px}body>header.compact-deck .header-actions #session-menu{height:21px!important;width:22.4px!important}body>header.compact-deck #session-menu span{display:none}body>header.compact-deck .hud-wallet{grid-row:2;grid-column:1/-1;height:36.4px!important}body>header.compact-deck #cargo{height:36.4px!important}body>header.compact-deck #cargo .cargo-main{height:36.4px!important;padding:3px 3.5px 4.9px!important;gap:3.5px}body>header.compact-deck #cargo .resource-reflection,body>header.compact-deck #cargo .resource-art{width:18.9px!important;height:23.1px!important}body>header.compact-deck #cargo .cargo-copy strong{font-size:11.9px!important}body>header.compact-deck #cargo .cargo-copy small{font-size:6.3px}body>header.compact-deck #cargo .reserve-track{left:25.2px!important;right:3.5px!important}.compact-deck .deck-clock{top:3.5px;right:60.2px;font-size:7px}body .compact-deck #time{font-size:7px!important}.compact-deck .deck-clock>.clock-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.compact-deck .resource-reflection:after{animation:none}}
body>header.compact-deck #cargo-food .cargo-copy{gap:1px}body>header.compact-deck #cargo-food .cargo-copy>strong{font-size:13.3px!important}
body>header.compact-deck #cargo .water-live{display:flex;align-items:center;gap:2.8px;font:8.4px/1 Arial,sans-serif;color:#81dfff;white-space:nowrap}body>header.compact-deck #cargo .water-live svg{width:8.4px;height:8.4px}body>header.compact-deck #cargo .water-live b{font-weight:500}

/* Flight passes through the header everywhere except the actual icon buttons. */
body>header.compact-deck,body>header.compact-deck *{pointer-events:none!important;cursor:inherit}
body>header.compact-deck #xp-hud,body>header.compact-deck button.resource-reflection,body>header.compact-deck .header-actions button{pointer-events:auto!important;cursor:pointer}
body>header.compact-deck #cargo button.resource-reflection{padding:0!important;margin:0;border:0!important;border-radius:6px;background:transparent!important;min-width:0;min-height:0;line-height:1}
body>header.compact-deck #cargo button.resource-reflection:hover{filter:brightness(1.25)}
body>header.compact-deck #cargo button.resource-reflection:focus-visible{outline:2px solid #91edff;outline-offset:2px}
body>header.compact-deck #session-menu span{display:none}
body>header.compact-deck #session-menu{justify-content:center}
.expedition-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 22px}
.expedition-heading h2{margin:0}.expedition-heading nav{display:flex;gap:6px;flex:none}.expedition-heading button{font-size:13px;padding:9px 12px;border-radius:8px}
.expedition-heading button[aria-pressed="true"]{border-color:#a9ef86;color:#c5fda1;background:#a4e67313}
#mission-list .mission-progress{letter-spacing:0;font-size:10px!important;color:#9cbdcd;margin:4px 0 0}
@media(max-width:650px){.expedition-heading{align-items:flex-start;flex-direction:column;gap:12px}.expedition-heading nav{align-self:flex-end}.expedition-heading button{font-size:12px;padding:7px 9px}}
@media(max-height:650px){body #mission,body.colony #mission{padding:10px;top:calc(var(--deck-height) + 12px);max-height:calc(100dvh - var(--deck-height) - 100px)}#mission-list>li{min-height:52px;padding:2px 0}.mission-copy{font-size:12px!important}#mission-list{margin-top:8px;gap:6px}#mission-list .mission-route{padding:4px 7px;font-size:11px}}

/* Mission clock sits immediately after population and never intercepts flight input. */
body>header.compact-deck{grid-template-columns:133px minmax(0,1fr) 205px 60px}
body>header.compact-deck .deck-clock{position:static;grid-column:3;grid-row:1;align-self:center;justify-content:center;gap:9px;border-left:1px solid #3c647480;padding:8px 10px;white-space:nowrap}
body>header.compact-deck .header-actions{grid-column:4}
body .compact-deck #time{font:600 18px/1.4 Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;color:#e5faff;text-shadow:0 0 12px #63dfff55}
body>header.compact-deck .deck-clock>.clock-symbol{font-size:22px}
@media(max-width:1000px){body>header.compact-deck{grid-template-columns:100px minmax(0,1fr) 180px 46px}body .compact-deck #time{font-size:16px!important}body>header.compact-deck .deck-clock{gap:5px;padding:6px}}
@media(max-width:650px){:root{--deck-height:105px}body>header.compact-deck{grid-template-columns:1fr 52px;grid-template-rows:23px 36px 28px}body>header.compact-deck .header-actions{grid-column:2;grid-row:1}body>header.compact-deck .deck-clock{grid-column:1/-1;grid-row:3;justify-self:end;border-left:0;padding:2px 5px}body>header.compact-deck .deck-clock>.clock-symbol{display:inline;font-size:19px}body .compact-deck #time{font-size:17px!important}}