body.frontend #space{opacity:1}body.frontend{background:#07121e}.main-menu{background:linear-gradient(90deg,#061018ed,#06101880,transparent)}
#mission-log{position:fixed;z-index:100;inset:12% 15%;padding:2rem;background:#091721f5;border:1px solid #729d9b;overflow:auto;color:#d6e5e4;box-shadow:0 20px 100px #000a}
#mission-log button{display:block;text-align:left;width:100%;margin:1rem 0;padding:1rem}#mission-log span,#mission-log small{display:block;margin-top:.5rem}
#mission-log .mission-entry{margin:1rem 0;padding:1rem 1.2rem;border:1px solid #547c82;background:#0d222bbd}
#mission-log .mission-entry h2{margin:0;font-size:1.05rem;color:#e4eee9}
#mission-log .mission-entry h2 small{float:right;margin:0;color:#f4d15d;font-size:.7rem}
#mission-log .mission-entry ul{list-style:none;padding:0;margin:.8rem 0}
#mission-log .mission-entry li{padding:.25rem 0;color:#dceae5}
#mission-log .mission-entry li.complete{color:#75d6ba}
#mission-log .mission-entry button{width:auto;margin:.8rem 0 0;border-color:#68d9c3;color:#aaffea}
#mission-tracker:not([hidden]){position:fixed;z-index:13;top:9%;left:50%;transform:translateX(-50%);max-width:min(72vw,680px);padding:.45rem .8rem;border:1px solid #f4d15d;background:#07131ce8;color:#ffe58b;font:600 12px Consolas,monospace;text-align:center;box-shadow:0 0 18px #000;pointer-events:none}
#mission-log-button:not([hidden]){position:fixed;z-index:25;left:50%;bottom:calc(env(safe-area-inset-bottom) + 4.5rem);transform:translateX(-50%);width:auto;min-width:9rem;padding:.5rem .8rem;border:1px solid #75b9b6;background:#091721ed;color:#d7f4ee;font:700 12px Consolas,monospace;letter-spacing:.08em;cursor:pointer}
body.cockpit-flight #mission-log-button:not([hidden]){bottom:calc(env(safe-area-inset-bottom) + .4rem)}
#mission-log .mission-entry p{margin:.65rem 0;color:#c4d7d3}#mission-log .mission-entry .mission-meta{color:#f4d15d;font-size:.82rem}
.card:has([data-action="buy:guns"]),.card:has([data-action="credit-gear:launcher"]){border-top:3px solid #d47575}.card:has([data-action="buy:shields"]){border-top:3px solid #78a5cf}.card:has([data-action="buy:engines"]){border-top:3px solid #d39865}.card:has([data-action="buy:armor"]),.card:has([data-action^="credit-gear:"]){border-top:3px solid #84bd94}.card:has([data-action^="purchase:"]){border-top:3px solid #b398cf}
body:has(#walking-ui:not([hidden])) #screen{background:none}#walking-ui{pointer-events:none}#walking-ui button{pointer-events:auto}#walking-caption{background:#091721c9;padding:.6rem}
@media(max-width:700px){#mission-log{inset:8% 3%;padding:1rem}}
.card:has([data-action="credit-gear:launcher"]){border-top-color:#d47575}
/* HUD spacing: the mission tracker sits above notices and the network status line,
   and flight lessons sit above the cockpit console instead of covering its displays. */
#mission-tracker:not([hidden]){top:calc(env(safe-area-inset-top) + 44px);padding:.35rem .75rem}
body.cockpit-flight #notice{top:96px}
@media(min-width:601px){body.cockpit-flight:not(.mobile-gameplay) #tutorial-prompt{bottom:33vh}}
/* Painted cockpit: keep route status and lessons in the canopy, above the console. */
body.cockpit-flight.painted-cockpit #flight-objective{bottom:38.5%}
@media(min-width:601px){body.cockpit-flight.painted-cockpit:not(.mobile-gameplay) #tutorial-prompt{bottom:44vh}}