.surface-environment{z-index:5;width:264px;color:var(--cream);font:400 .72rem/1.5 var(--mono);pointer-events:none;position:fixed;top:300px;left:28px;transform:none}.surface-environment[hidden]{display:none}.environment-panel{pointer-events:auto;background:var(--panel);border:1px solid var(--teal);border-radius:5px;box-shadow:0 6px 24px #0004}.environment-panel>summary{cursor:pointer;min-height:44px;color:var(--mint);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;font-size:.7rem;list-style:none;display:flex}.environment-panel>summary:after{content:"+";color:var(--amber);margin-left:auto}.environment-panel[open]>summary:after{content:"−"}.environment-panel>summary::-webkit-details-marker{display:none}.environment-panel>summary [data-environment-summary]{color:var(--cream);font-size:.62rem}.environment-content{border-top:1px solid var(--teal);max-height:calc(100dvh - 500px);padding:12px;overflow-y:auto}.environment-label{color:var(--mint);margin:0;font-size:.62rem}.environment-clock{margin:3px 0 12px;font-size:1.2rem}.environment-clock span{color:var(--mint);font-size:.7rem}.environment-content label{color:var(--mint);gap:5px;margin:10px 0;font-size:.66rem;display:grid}.environment-content select{border:1px solid var(--teal);background:var(--bg);width:100%;min-height:42px;color:var(--cream);font:inherit;border-radius:3px;padding:5px}.environment-times{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.environment-times button{background:color-mix(in srgb,var(--teal) 28%,transparent);border:1px solid var(--teal);min-height:40px;color:var(--cream);font:inherit;cursor:pointer;border-radius:3px;font-size:.63rem}.environment-times button:hover{background:color-mix(in srgb,var(--aqua) 30%,transparent);border-color:var(--mint)}.environment-weather,.environment-fact{font:400 .68rem/1.6 var(--sans,Inter,sans-serif);color:var(--muted);margin:10px 0}.environment-source{color:var(--mint);text-underline-offset:3px;font-size:.62rem;text-decoration:underline}.environment-sky{border-top:1px solid var(--teal);margin-top:14px;padding-top:12px}.environment-sky .button{width:100%;min-height:40px;margin:4px 0;font-size:.68rem}.environment-sky .button[hidden]{display:none}.environment-sky .button:disabled{opacity:.45;cursor:default}.environment-sky [data-sky-reading]{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--cream)}.environment-notice{border-left:2px solid var(--amber);background:var(--panel);font:400 .72rem/1.5 var(--sans,Inter,sans-serif);color:var(--cream);border-radius:3px;margin-top:8px;padding:9px 11px;display:block}.environment-notice[hidden]{display:none}body[data-interface=mission] .surface-environment{width:250px;top:126px;left:auto;right:28px;transform:none}:is(body:has(dialog[open]) .surface-environment,body:has(.surface-find:not([hidden])) .surface-environment,body:has(.surface-debrief:not([hidden])) .surface-environment){visibility:hidden}@media (width<=1100px) and (width>=701px){body:not([data-interface=mission]) .surface-environment{width:246px;top:300px;left:28px;transform:none}body[data-interface=surface] .environment-content{max-height:calc(100dvh - 550px)}}@media (width<=700px){.surface-environment{width:calc(50vw - 24px);top:266px;left:16px;right:auto;transform:none}.environment-panel>summary{gap:1px 6px;min-height:46px;padding:8px 10px;font-size:.64rem}.environment-panel>summary [data-environment-summary]{order:2;width:100%;font-size:.58rem;display:block}.surface-environment:has(.environment-panel[open]){z-index:7}.environment-content{background:var(--panel);border:1px solid var(--teal);border-radius:0 0 5px 5px;width:calc(100vw - 32px);min-height:90px;max-height:calc(100dvh - 520px);position:absolute;top:100%;left:0}.environment-notice{font-size:.65rem}.surface-interface .surface-map,.surface-interface .surface-map[open]{width:calc(50vw - 24px);max-height:none;padding:0;top:266px;right:16px;overflow:visible}.surface-interface .surface-map[open]{z-index:7}.surface-interface .surface-map summary{min-height:48px;margin:0;font-size:.64rem}.surface-interface .surface-map-content{background:var(--panel);border:1px solid var(--teal);width:calc(100vw - 32px);max-height:calc(100dvh - 520px);padding:14px;position:absolute;top:100%;right:0;overflow:auto}body[data-interface=mission] .surface-environment{width:220px;top:148px;left:auto;right:16px}body[data-interface=mission] .environment-content{width:min(300px,100vw - 32px);max-height:calc(100dvh - 520px);left:auto;right:0}}@media (height<=620px) and (width>=701px){body[data-interface=surface] .surface-environment{width:250px;top:280px}body[data-interface=surface] .environment-content{max-height:calc(100dvh - 520px)}body[data-interface=mission] .surface-environment{top:120px}body[data-interface=mission] .environment-content{max-height:calc(100dvh - 300px)}}@keyframes environment-notification{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.environment-notice:not([hidden]){animation:.22s ease-out environment-notification}.environment-clock{font-variant-numeric:tabular-nums;text-shadow:0 0 9px #a1d0be38}.environment-panel{box-shadow:0 0 14px #0a93961a,inset 0 0 12px #0a93960b}.environment-content{background-image:repeating-linear-gradient(#0000 0 3px,#a1d0be04 3px 4px)}@media (prefers-reduced-motion:reduce){.environment-notice:not([hidden]){animation:none}}body[data-interface=mission]:has(.mission-layout:is([data-phase=briefing],[data-phase=assemble],[data-phase=complete])) .surface-environment{display:none}@media (width<=380px){body[data-interface=surface] .environment-content,body[data-interface=surface] .surface-map-content{min-height:60px;max-height:calc(100dvh - 570px)}}