/* The approved field-record HUD: real text, finite motion, no video download. */
html.mission-modal-open{overflow:hidden;scroll-behavior:auto!important;scroll-snap-type:none!important}
html.mission-modal-open body{position:fixed;top:var(--mission-scroll-top);width:100%;overflow:hidden}
html.mission-restoring{scroll-behavior:auto!important;scroll-snap-type:none!important}
.mission-dialog{width:min(1040px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;color:var(--text);border:1px solid var(--line);border-radius:3px;background:linear-gradient(125deg,#091b25,#102b34 58%,#1d4146);overflow:auto;overscroll-behavior:contain;box-shadow:0 32px 100px #03121988}
.mission-dialog::backdrop{background:#061720d9;backdrop-filter:blur(6px)}
.mission-card{position:relative;padding:0 36px 22px;isolation:isolate}
.mission-topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:22px;min-height:67px;border-bottom:1px solid #b4cbce45;background:#102b34}
.mission-brand{font:600 21px/1 'Barlow Condensed',sans-serif;letter-spacing:.6px}
.mission-log{margin-left:auto;font-size:13px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.mission-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;background:transparent;font:400 30px/1 'DM Sans',sans-serif;flex-shrink:0}
.mission-close:hover{color:var(--cyan);border-color:var(--line)}
.mission-intro{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:36px;align-items:center;margin:28px 0}
.mission-location{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 8px;color:var(--muted);text-transform:uppercase;font-size:13px;letter-spacing:1px;line-height:1.5}
.mission-location .mission-divider{color:var(--line)}
.mission-dialog #mission-title{margin:0 0 18px;font:600 clamp(64px,7vw,96px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px}
.mission-label{margin:0 0 8px;color:var(--cyan);font-size:13px;line-height:1.4;letter-spacing:1.3px;text-transform:uppercase}
.mission-objective{margin:0;font-size:22px;line-height:1.45;max-width:730px;text-wrap:pretty}
.mission-instrument{position:relative;width:180px;aspect-ratio:1;border:1px solid #668b90;border-radius:50%;opacity:.65;background:repeating-radial-gradient(circle,transparent 0 21px,#42656b88 22px,transparent 23px 44px)}
.mission-instrument::before,.mission-instrument::after{content:'';position:absolute;background:#668b9066}
.mission-instrument::before{height:1px;left:-10px;right:-10px;top:50%}.mission-instrument::after{width:1px;top:-10px;bottom:-10px;left:50%}
.mission-sonar-arm{position:absolute;inset:0;border-radius:50%;transform:rotate(300deg)}
.mission-sonar-arm::before{content:'';position:absolute;left:50%;top:0;width:1px;height:50%;background:var(--cyan);transform-origin:bottom}
.mission-sonar-arm::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 335deg,transparent 0deg,#2cddc31a 25deg,transparent 26deg)}
.mission-sonar-dot{position:absolute;inset:calc(50% - 3px);background:var(--cyan);border-radius:50%}
.mission-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:16px 0;border-block:1px solid #b4cbce45;background:#091b2566}
.mission-metric{padding:0 20px;min-width:0}.mission-metric+.mission-metric{border-left:1px solid #45616466}
.mission-metric dt{font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);line-height:1.5}
.mission-metric dd{margin:4px 0 0}
.mission-value{display:block;font:500 64px/1 'Barlow Condensed',sans-serif;color:var(--text);white-space:nowrap}
.mission-value-word{font-size:45px;line-height:64px}
.mission-unit{display:block;margin-top:4px;font-size:15px;color:var(--muted);line-height:1.5}
.mission-results{margin:26px 0}
.mission-dialog #mission-outcomes-title{font:400 13px/1.5 'DM Sans',sans-serif;letter-spacing:1.3px;color:var(--cyan);text-transform:uppercase;margin:0 0 18px}
.mission-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mission-outcome::before{content:'';display:block;width:22px;height:2px;background:var(--cyan);margin-bottom:12px}
.mission-dialog .mission-outcome h3{font:500 19px/1.3 'DM Sans',sans-serif;margin:0 0 8px}
.mission-outcome p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;text-wrap:pretty}
.mission-footer{display:flex;align-items:center;gap:9px;border-top:1px solid #45616499;padding-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}
.mission-state-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0}
.mission-dialog[data-status="planned"] .mission-state-dot{background:var(--gold)}
.mission-scan{position:absolute;inset:68px 16px 16px;pointer-events:none;overflow:hidden;z-index:-1;opacity:0}
.mission-scan::after{content:'';position:absolute;left:0;right:0;height:40px;background:linear-gradient(transparent,#2cddc308);border-bottom:1px solid #2cddc324}
.mission-dialog.mission-entering .mission-reveal{animation:mission-reveal .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0s)}
.mission-entering .mission-sonar-arm{animation:mission-sonar 4s ease-out both}
.mission-entering .mission-scan{animation:mission-scan-visible 4s linear both}
.mission-entering .mission-scan::after{animation:mission-scan 4s linear both}
@keyframes mission-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mission-sonar{from{transform:rotate(-30deg)}to{transform:rotate(300deg)}}
@keyframes mission-scan-visible{0%,98%{opacity:1}100%{opacity:0}}
@keyframes mission-scan{from{top:0}to{top:100%}}
@media(min-width:701px) and (max-height:760px){
 .mission-card{padding:0 28px 16px}.mission-topbar{min-height:54px}.mission-intro{margin:18px 0;grid-template-columns:minmax(0,1fr) 150px;gap:26px}
 .mission-dialog #mission-title{font-size:72px;margin-bottom:12px}.mission-objective{font-size:20px}.mission-instrument{width:150px}
 .mission-metrics{padding:12px 0}.mission-value{font-size:54px}.mission-value-word{font-size:40px;line-height:54px}
 .mission-results{margin:20px 0}.mission-dialog #mission-outcomes-title{margin-bottom:14px}.mission-outcome p{font-size:15px}.mission-footer{padding-top:12px}
}
@media(max-width:700px){
 .mission-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.mission-card{padding:0 22px 20px}
 .mission-topbar{min-height:60px;gap:12px}.mission-brand{font-size:19px}.mission-log{font-size:11px}.mission-close{margin-right:-10px}
 .mission-intro{display:block;position:relative;margin:24px 0}.mission-location{font-size:11px;gap:6px;padding-right:30px}
 .mission-dialog #mission-title{font-size:64px;margin-bottom:20px;padding-right:26px}.mission-objective{font-size:20px;line-height:1.45}
 .mission-instrument{display:none}
 .mission-metrics{grid-template-columns:1fr;padding:0;background:transparent}.mission-metric{padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) 1.35fr;gap:12px;align-items:center}
 .mission-metric+.mission-metric{border-left:0;border-top:1px solid #45616466}.mission-metric dt{font-size:12px}.mission-metric dd{margin:0}
 .mission-value{font-size:48px}.mission-value-word{font-size:36px;line-height:48px}.mission-unit{font-size:14px}
 .mission-outcomes{grid-template-columns:1fr;gap:20px}.mission-outcome::before{margin-bottom:8px}.mission-dialog .mission-outcome h3{font-size:19px;margin-bottom:5px}
 .mission-outcome p{font-size:16px}.mission-footer{font-size:11px}
}
@media(min-width:701px) and (max-height:680px){
 .mission-card{padding-bottom:14px}.mission-topbar{min-height:50px}.mission-intro{margin:14px 0}
 .mission-dialog #mission-title{font-size:64px;margin-bottom:10px}.mission-metrics{padding:10px 0}
 .mission-results{margin:16px 0}.mission-dialog #mission-outcomes-title{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.mission-dialog .mission-reveal,.mission-dialog .mission-sonar-arm,.mission-dialog .mission-scan,.mission-dialog .mission-scan::after{animation:none!important}.mission-scan{display:none}}