:root{color-scheme:dark;--bg:#031316;--panel:#06242a;--mint:#31edcc;--white:#eafffa;--muted:#a3c5bc;--line:#26665f;--warm:#ffc18e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font:14px/1.5 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
.shell{max-width:1580px;padding:0 clamp(16px,3.2vw,48px);margin:auto}
.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #285750}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 25px/1 'Space Grotesk',sans-serif;letter-spacing:.04em}
.brand img{height:44px;width:44px}.brand span{display:flex;flex-direction:column;gap:7px}.brand small{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.21em;color:var(--mint)}
.header-context{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.17em;color:#bad9d0;white-space:nowrap}.header-divider{border-left:1px solid #55988b;margin:0 13px}
.research-link{color:var(--mint);font:700 11px 'Space Grotesk',sans-serif;text-decoration:none;border:1px solid #377a6e;padding:12px 15px;white-space:nowrap}.research-link:hover{background:#113e38}
main{padding:36px 0 15px}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 30px}
.eyebrow{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.20em;color:var(--mint)}.eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--mint);vertical-align:middle;margin-right:12px}
h1{font:700 clamp(37px,4.4vw,68px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:14px 0 17px}h1 em{color:var(--mint);font-style:normal}
.intro p{margin:0;font-size:14px;color:#a8c9bf;max-width:620px}
.intro-aside{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#d0e9df;text-align:right;padding-bottom:9px;white-space:nowrap}.intro-aside small{display:block;color:#7daea1;font:500 11px Inter,sans-serif;letter-spacing:0;margin-top:8px}.scope-dot{display:inline-block;width:7px;height:7px;background:#f5c28e;border-radius:50%;margin-right:9px}
.theater{overflow:hidden;border:1px solid #327367;background:#08282c}
.scene-header{padding:24px 30px 23px;display:grid;grid-template-columns:69px minmax(0,1fr) auto;gap:18px;align-items:center;background:#092a2f;border-bottom:1px solid #2c685e}
.chapter{align-self:start;padding-top:3px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:var(--mint)}.chapter-line{display:block;width:1px;height:32px;background:#489d8b;margin:11px 0 0 14px}
.chapter-copy{max-width:800px}.chapter-kicker{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#4feacf}.chapter-copy h2{font:700 clamp(23px,2.45vw,36px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:5px 0}.chapter-copy p{margin:6px 0 0;color:#afd1c7;font-size:12px;line-height:1.6;max-width:770px}
.scene-time{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.scene-time strong{font:700 clamp(35px,4.4vw,60px) 'Space Grotesk',sans-serif;letter-spacing:-.065em}.scene-time small{font:600 13px 'Space Grotesk',sans-serif;color:#80bbaa}
.world{position:relative;background:#071e23;overflow:hidden}.world svg{display:block;width:100%;height:auto;max-height:615px}
.scene-ticker{position:absolute;left:24px;right:24px;bottom:22px;padding:10px 15px;background:#062623e8;border:1px solid #30665f;display:flex;align-items:center;gap:10px;font:600 11px 'Space Grotesk',sans-serif;color:#e0faf2;min-height:37px}
.scene-ticker-dot{background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px #22cead;flex-shrink:0}.scene-ticker-scope{margin-left:auto;color:#8dbdb0;letter-spacing:.08em;font-size:10px;white-space:nowrap}
.stage-layer{opacity:0;transition:opacity .38s ease;pointer-events:none}
#scene-svg[data-stage="2"] #layer-loss,#scene-svg[data-stage="3"] #layer-obstacle,#scene-svg[data-stage="4"] #layer-service,#scene-svg[data-stage="5"] #layer-return{opacity:1}
.guide-markers{opacity:.18}
#scene-svg[data-stage="1"] .guide-markers,#scene-svg[data-stage="2"] .guide-markers{opacity:.85}
#aircraft{filter:drop-shadow(0 0 12px #22dcb4)}
.signal-pulse{opacity:.6;transform-origin:586px 218px;animation:signal 3.2s ease-out infinite}.signal-delay{animation-delay:1.5s}
.return-pulse{transform-origin:198px 372px;animation:signal 3s ease-out infinite}
@keyframes signal{0%{opacity:.75;transform:scale(.7)}100%{opacity:0;transform:scale(1.5)}}
.chapter-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #27594f;border-bottom:1px solid #27594f}
.chapter-nav button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:66px;padding:10px 17px;color:#a3c2b9;background:#092a2c;border:0;border-right:1px solid #24584f;text-align:left}.chapter-nav button:last-child{border-right:0}
.chapter-nav button span{font:700 10px 'Space Grotesk',sans-serif;color:#67baaa;letter-spacing:.13em}
.chapter-nav button strong{font:600 12px 'Space Grotesk',sans-serif;white-space:nowrap}
.chapter-nav button[aria-pressed="true"]{background:#114940;box-shadow:inset 0 3px 0 var(--mint);color:#f1fffa}.chapter-nav button[aria-pressed="true"] span{color:var(--mint)}
.chapter-nav button:hover{background:#175048}
.controls{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#072327}
.play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:51px;height:49px;color:#07302b;background:var(--mint);font-size:22px;border:0}.play:hover{filter:brightness(1.2)}
.transport{flex:1;min-width:90px}#scrub{width:100%;appearance:none;cursor:pointer;background:linear-gradient(to right,var(--mint) var(--progress,0%),#516e6a var(--progress,0%));height:4px;border-radius:9px;vertical-align:middle}
#scrub::-webkit-slider-thumb{appearance:none;background:var(--mint);width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 4px #1d514c}
#scrub::-moz-range-thumb{background:var(--mint);width:16px;height:16px;border:0;border-radius:50%}
.transport-times{display:flex;justify-content:space-between;font:500 10px 'Space Grotesk',sans-serif;color:#8fbdb2;margin-top:10px}
.speed-label{display:flex;gap:8px;align-items:center;font:700 10px 'Space Grotesk',sans-serif;color:#8cbcb0;white-space:nowrap}
#speed,.reset{padding:10px;background:#0b3835;border:1px solid #38796c;color:#e2fff5;font:700 11px 'Space Grotesk',sans-serif}.reset{padding:12px 14px}
.scope-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:17px 1px 23px}.scope-footer p{color:#9cc3b8;font-size:11px;max-width:950px;margin:0}.scope-footer strong{color:#dbf6eb}.scope-footer a{text-decoration:none;color:var(--mint);font:600 11px 'Space Grotesk',sans-serif;white-space:nowrap}
footer{border-top:1px solid #26564f;padding:16px 0 24px;display:flex;justify-content:space-between;gap:20px;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.06em;color:#74a99c}footer span:last-child{text-align:right}
@media(max-width:920px){.intro-aside{display:none}.scene-header{grid-template-columns:50px minmax(0,1fr) auto;padding:18px;gap:11px}.scene-time strong{font-size:36px}.chapter-copy p{font-size:11px}.scene-ticker-scope{display:none}}
@media(max-width:720px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:9px;padding:12px 0}.brand{font-size:19px}.brand img{width:35px;height:35px}.header-context{order:3;width:100%;font-size:9px}.research-link{padding:9px}main{padding-top:25px}.intro{margin-bottom:18px}.intro p{font-size:12px}h1{font-size:40px}.scene-header{grid-template-columns:minmax(0,1fr) auto}.chapter{display:none}.chapter-copy h2{font-size:20px}.scene-time strong{font-size:29px}.scene-time small{font-size:10px}.world svg{min-height:325px;object-fit:cover}.scene-ticker{bottom:10px;left:10px;right:10px;font-size:10px}.chapter-nav{overflow-x:auto;display:flex}.chapter-nav button{flex:0 0 114px;padding:9px 12px;min-height:55px}.controls{padding:14px;gap:10px}.play{width:44px;height:44px}.scope-footer{align-items:flex-start;flex-direction:column;gap:8px}footer{flex-direction:column;gap:5px}footer span:last-child{text-align:left}}
@media(max-width:440px){.scene-header{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.scene-time strong{font-size:28px}.scene-time{position:absolute;right:26px;top:208px}.controls{flex-wrap:wrap}.transport{order:3;flex:1 0 100%}.speed-label{margin-left:auto}.scene-ticker{font-size:9px;padding:8px}}
@media(prefers-reduced-motion:reduce){.signal-pulse,.return-pulse{animation:none}.stage-layer{transition:none}}

/* K-01: visible single continuous route; no stagewise position switches. */
#mission-route-shadow{opacity:.75}
#mission-route{filter:drop-shadow(0 0 7px rgba(73,227,198,.18))}
#mission-progress{filter:drop-shadow(0 0 6px rgba(44,244,205,.6))}
.route-milestone{fill:#06282b;stroke:#8ce2cf;stroke-width:2;opacity:.75}
.stage-layer{transition:opacity .85s ease}
#scene-svg[data-stage="5"] #layer-return{opacity:1}
@media(prefers-reduced-motion:reduce){.stage-layer{transition:none}}
