@font-face{font-family:Barlow;src:url('/shared/assets/barlow-condensed-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/shared/assets/inter-regular.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#08121c;--surface:#101e2b;--paper:#f4eee4;--muted:#91a2b4;--amber:#ffbd59;--cyan:#79e6ee;--pink:#f490b8;--green:#9fd5a1;--purple:#c7a4ff;--font:Inter,Arial,sans-serif;--display:Barlow,'Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.5;overflow-x:hidden}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:0;box-shadow:0 0 0 4px var(--cyan);border-radius:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:disabled{cursor:default}::selection{background:var(--amber);color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--amber);color:var(--ink);padding:12px}.skip-link:focus{transform:translateY(0)}
#starfield{position:fixed;inset:0;z-index:-1;pointer-events:none}.page-atmosphere{position:absolute;inset:0 0 auto;height:2000px;background:radial-gradient(ellipse at 20% 65%,#143e5220,transparent 55%),radial-gradient(ellipse at 100% 95%,#52532915,transparent 50%);pointer-events:none;z-index:-1}
.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;position:relative;z-index:4;background:#08121cea}.brand{display:flex;align-items:center;gap:21px}.brand img{width:158px;height:62px;object-fit:contain}.brand-divider{width:1px;height:28px;background:#6f80974a}.brand-sub{font-size:12px;letter-spacing:2px;font-weight:700;line-height:1.6}.desktop-nav{display:flex;gap:35px;font-size:14px;color:var(--muted)}.desktop-nav a,.desktop-nav button{padding:12px 0}.nav-current{color:var(--paper);position:relative}.nav-current:after{content:'';position:absolute;bottom:0;left:0;width:23px;height:3px;background:var(--amber)}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}.icon-button svg{width:19px;height:19px}.progress-pill{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#172431;border-radius:50px;font-size:13px;white-space:nowrap}.tiny-bolt{color:var(--amber);font-size:23px;line-height:1}
.hero{position:relative;min-height:480px;overflow:hidden;background:#142d3a}.hero-art{position:absolute;inset:-28px;background-image:url('assets/hero.webp');background-size:cover;background-position:68% 42%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08121cfa 0%,#08121ce0 29%,#08121c4a 57%,#08121c10 80%),linear-gradient(0deg,#08121c 0%,#08121c00 38%,#08121c40 100%)}.hero-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 100px,#ffffff03 100px 101px);mask-image:linear-gradient(90deg,#000,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1400px;margin:auto;padding:55px 5% 88px}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:700;color:var(--amber);display:flex;align-items:center;gap:12px;line-height:1.6}.tag{background:#ffbd5917;padding:3px 7px;letter-spacing:1px;font-size:12px;color:#ffe0a9}.signal-bars{display:flex;gap:3px;align-items:end;height:11px}.signal-bars i{width:3px;background:var(--amber);height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.hero h1{font-family:var(--display);font-size:clamp(58px,5.9vw,88px);line-height:1.02;letter-spacing:-.3px;margin:20px 0 20px;font-weight:700;text-transform:uppercase}.hero h1 span{color:var(--amber)}.hero-description{font-size:15px;line-height:1.8;color:#bfccd8;max-width:490px}.hero-cta{display:flex;align-items:center;gap:14px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border-radius:5px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--amber);color:#17202c;box-shadow:0 4px 28px #ffbd591b}.button-primary:hover{background:#ffcd7b;box-shadow:0 6px 28px #ffbd5938}.button-icon{font-size:23px;line-height:1;font-weight:900}.button-quiet{background:#ffffff09;color:#d1dae1}.button-quiet:hover{background:#ffffff12}.button-soft{background:#192c39;color:#d7e3e7}.hero-coordinate{position:absolute;right:5%;top:32px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;letter-spacing:1.5px;color:#d2e0e6a6;text-shadow:0 2px 10px #000}.hero-coordinate b{font-size:12px;font-weight:500}.hero-caption{position:absolute;right:5%;bottom:62px;display:flex;align-items:center;gap:14px;text-align:left;color:#fcf9ee;font-size:14px;text-shadow:0 2px 10px #000}.hero-caption small{display:block;letter-spacing:2px;font-size:12px;color:#b5c4d6;margin-top:5px}.orbital-mark{font-size:43px;color:var(--cyan);text-shadow:0 0 30px #79e6ee80;animation:orbit-turn 28s linear infinite}@keyframes orbit-turn{to{transform:rotate(360deg)}}
.journey-dashboard{margin:-28px auto 0;width:90%;max-width:1260px;position:relative;z-index:2;background:linear-gradient(105deg,#182733f7,#112430f5);box-shadow:0 20px 65px #0003;border-radius:9px;padding:24px 28px;backdrop-filter:blur(16px)}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.dashboard-heading .eyebrow{font-size:12px;letter-spacing:2px}.save-status{font-size:12px;color:#99adbb}.save-status span{color:var(--cyan);margin-right:4px}.dashboard-body{display:flex;align-items:center;gap:30px}.progress-summary{display:flex;align-items:center;gap:18px;min-width:310px}.progress-summary strong{font-family:var(--display);font-size:50px;line-height:1;color:var(--paper)}.progress-summary strong span{font-size:25px;color:var(--amber)}.progress-summary b{display:block;font-size:13px;font-weight:600}.progress-summary div>span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.progress-track{height:5px;border-radius:4px;background:#344550;flex:1;min-width:60px;position:relative;overflow:hidden}#progress-fill{height:100%;width:0%;background:var(--amber);box-shadow:0 0 15px #ffbd5966;transition:width .6s ease}.track-segments{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 2px),#182b37 calc(20% - 2px) 20%)}.next-mission{display:flex;align-items:center;gap:15px;min-width:235px;text-align:left;padding:5px 0 5px 20px}.next-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--amber);background:#ffbd5910;border-radius:50%;font-size:25px}.next-mission small{display:block;font-size:12px;letter-spacing:1.5px;color:var(--amber);margin-bottom:6px}.next-mission b{font-size:13px;display:block;max-width:200px}.next-chevron{margin-left:auto;color:var(--muted);font-size:25px}
.journey{max-width:1400px;margin:auto;padding:64px 5% 0}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:22px}.timeline-header .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:10px}.timeline-header h2{font-family:var(--display);font-size:44px;line-height:1.1;text-transform:uppercase;letter-spacing:.3px}.timeline-header h2>span{color:var(--amber)}.extras-icon{font-size:20px;font-weight:400}.extra-count{background:#273e4b;border-radius:12px;padding:2px 7px;font-size:12px}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:27px}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter{font-size:13px;min-height:39px;border-radius:5px;padding:8px 15px;color:#8fa1b1;font-weight:500}.filter.active{color:var(--ink);background:var(--paper)}.filter:hover:not(.active){color:var(--paper);background:#ffffff08}.filter>span{font-size:12px;margin-left:5px;opacity:.65}.text-button{color:var(--muted);font-size:12px;min-height:40px;padding:8px 0;display:inline-flex;align-items:center;gap:7px}.text-button:hover{color:var(--paper)}.phase-nav{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:3;padding:19px 0;margin-top:10px;background:#08121cea;backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}.phase-nav::-webkit-scrollbar{display:none}.phase-nav a{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 12px;color:#7f94a4;white-space:nowrap;border-radius:4px;transition:background .25s,color .25s}.phase-nav a span{font-size:12px;color:var(--phase)}.phase-nav a.active{background:#ffffff08;color:var(--paper)}.phase-nav .nav-line{height:1px;flex:1;background:#273846;min-width:12px;max-width:60px}
.phase{--phase:var(--amber);position:relative;padding:36px 0 34px;scroll-margin-top:78px}.phase[data-theme=cyan]{--phase:var(--cyan)}.phase[data-theme=pink]{--phase:var(--pink)}.phase[data-theme=green]{--phase:var(--green)}.phase[data-theme=purple]{--phase:var(--purple)}.phase-heading{display:flex;align-items:center;gap:20px;margin-bottom:34px}.phase-number{font-family:var(--display);font-size:52px;line-height:1;color:var(--phase);opacity:.65}.phase-heading h3{font-family:var(--display);font-size:30px;line-height:1.2;text-transform:uppercase;letter-spacing:.6px}.phase-heading p{font-size:13px;color:var(--muted);margin-top:5px}.phase-heading .phase-meta{margin-left:auto;text-align:right}.phase-meta b{font-family:var(--display);color:var(--phase);font-size:22px;letter-spacing:1px}.phase-meta span{display:block;font-size:12px;letter-spacing:2px;color:#6f8597;margin-top:3px}.phase-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px;position:relative;padding-top:33px;isolation:isolate}.phase-cards:before{content:'';position:absolute;top:13px;left:0;right:0;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--phase) 40%,transparent),color-mix(in srgb,var(--phase) 16%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--phase) 20%,transparent);z-index:-1}.phase-cards:after{content:'';position:absolute;top:8px;left:0;width:12px;height:12px;border-radius:50%;background:var(--phase);box-shadow:0 0 15px color-mix(in srgb,var(--phase) 40%,transparent);z-index:-1}.phase[data-theme=pink] .phase-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.phase[data-theme=green] .phase-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.phase[data-theme=purple] .phase-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.material-card{position:relative;min-width:0;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.phase.revealed .material-card{opacity:1;transform:translateY(0);transition-delay:calc(var(--index)*55ms)}.card-year{color:var(--phase);font-size:12px;letter-spacing:1.2px;position:absolute;top:-40px;left:0;display:flex;align-items:center;gap:7px;font-weight:500}.card-year:after{content:'';width:5px;height:5px;background:var(--phase);border-radius:50%;opacity:.4}.card-connector{position:absolute;top:-20px;left:18px;height:20px;width:1px;background:color-mix(in srgb,var(--phase) 35%,transparent)}.poster-button{width:100%;padding:0;text-align:left;position:relative;display:block;transform-style:preserve-3d;perspective:1000px;transition:transform .35s ease}.poster-wrap{aspect-ratio:3/4;position:relative;overflow:hidden;background:#1e3444;border-radius:6px;box-shadow:0 12px 28px #0005;transition:box-shadow .3s,transform .3s}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .5s}.poster-button:hover .poster-wrap{box-shadow:0 18px 35px #0008,0 0 22px color-mix(in srgb,var(--phase) 13%,transparent);transform:translateY(-5px)}.poster-button:hover img{transform:scale(1.04)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#06111dc9,transparent 33%)}.poster-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff20 40%,transparent 60%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}.poster-button:hover .poster-shine{transform:translateX(120%)}.poster-type{position:absolute;bottom:12px;left:11px;font-size:12px;font-weight:700;letter-spacing:1.4px;color:#fff}.poster-status{position:absolute;top:10px;right:10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#08121c90;color:white;backdrop-filter:blur(8px);opacity:0;font-size:15px}.material-card.complete .poster-status{opacity:1;background:var(--phase);color:#08121c}.material-card.complete .poster-wrap img{filter:saturate(.55) brightness(.8)}.material-card.next .poster-wrap{box-shadow:0 12px 28px #0005,0 0 25px color-mix(in srgb,var(--phase) 12%,transparent)}.custom-tag{position:absolute;top:10px;left:9px;font-size:12px;letter-spacing:.8px;color:#1b2028;padding:4px 7px;background:var(--phase);border-radius:3px;font-weight:800}.card-meta{margin-top:14px;font-size:12px;letter-spacing:1.1px;color:#8598a9;min-height:14px}.card-meta .next-label{color:var(--phase);margin-left:5px;font-size:12px}.card-title{font-family:var(--display);font-size:23px;line-height:1.08;margin-top:7px;text-transform:uppercase;letter-spacing:.35px;min-height:50px}.card-series{font-size:12px;display:block;letter-spacing:1.5px;color:var(--muted);font-family:var(--font);margin-bottom:4px;font-weight:500}.complete-button{display:flex;gap:8px;align-items:center;font-size:12px;color:#a3b4c1;margin-top:10px;min-height:38px;padding:4px 0;width:100%;text-align:left}.check-box{width:19px;height:19px;border-radius:4px;background:#223745;display:grid;place-items:center;flex-shrink:0;color:transparent;font-size:12px;transition:background .2s}.complete-button:hover{color:var(--paper)}.complete-button:hover .check-box{background:#3c5260}.material-card.complete .check-box{background:var(--phase);color:var(--ink)}.material-card.complete .complete-button{color:var(--phase)}.material-card.extra .card-meta:after{content:' · OPTIONAL';color:var(--phase);opacity:.8}.phase-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:26px;font-size:12px;color:#6d8295}.phase-summary .mini-progress{height:3px;background:#233644;width:72px;border-radius:3px;overflow:hidden}.phase-summary .mini-progress span{height:100%;display:block;background:var(--phase);transition:width .4s}.phase-divider{height:55px;display:flex;align-items:center;gap:16px;opacity:.5;color:#728d9a;font-size:12px;letter-spacing:2.5px}.phase-divider:before,.phase-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#344c59,transparent)}
.journey-end{position:relative;text-align:center;margin:80px -5.55% 0;padding:80px 20px 100px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#50477f22,transparent 65%)}.journey-end .eyebrow{justify-content:center;color:var(--purple);font-size:12px}.journey-end h2{font-family:var(--display);font-size:52px;text-transform:uppercase;line-height:1.04;margin:16px 0}.journey-end p{font-size:13px;color:var(--muted);margin-bottom:24px}.end-rift{width:65px;height:65px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:#b5a0ff09;color:var(--purple);box-shadow:0 0 70px #b8a0ff25;font-size:40px;animation:orbit-turn 50s linear infinite}
footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:35px 5%;background:#060f18;color:#6f8193;font-size:12px}footer p{font-size:12px;line-height:1.8}.footer-brand{font-family:var(--display);font-size:19px;color:#adbac4;white-space:nowrap}.footer-brand>span{color:var(--amber)}.footer-brand small{display:block;font:8px var(--font);letter-spacing:2px;margin-top:6px}footer>div{display:flex;align-items:flex-end;flex-direction:column;gap:6px}footer .text-button{min-height:25px;padding:0;font-size:12px}.mobile-dock{display:none}
dialog{color:var(--paper);background:#10202d;border:0;outline:0;border-radius:12px;box-shadow:0 25px 150px #000c;padding:0;max-height:88dvh;overscroll-behavior:contain}dialog::backdrop{background:#020711d9;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s ease}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.dialog-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border-radius:50%;background:#07111de0;font-size:27px;z-index:2;color:#dce3ea}.dialog-close:hover{background:#334451}.detail-dialog{width:min(790px,calc(100vw - 36px))}.detail-layout{display:grid;grid-template-columns:38% 62%;min-height:420px}.detail-poster{height:100%;background:#0b1925;position:relative}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-body{padding:43px 38px 35px}.detail-body .eyebrow{font-size:12px;margin-right:20px}.detail-body h2{font-family:var(--display);font-size:37px;line-height:1.05;text-transform:uppercase;margin:17px 0}.detail-body .detail-date{font-size:12px;color:var(--muted);margin-bottom:20px}.canon-label{display:inline-flex;padding:5px 9px;background:#ffffff08;border-radius:4px;font-size:12px;color:var(--cyan);margin-bottom:18px}.detail-body p{font-size:14px;line-height:1.8;color:#b6c5d0}.detail-note{background:#08131e80;padding:15px 17px;border-radius:5px;margin-top:20px}.detail-note b{display:block;font-size:12px;letter-spacing:1.5px;color:var(--amber);margin-bottom:7px}.detail-note p{font-size:12px;line-height:1.8}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.detail-actions .button{width:100%}.source-link{font-size:12px;color:#839fb2;display:inline-flex;min-height:38px;align-items:center;gap:7px}.source-link:hover{color:var(--cyan)}.detail-neighbors{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.detail-neighbors button{font-size:12px;color:var(--muted);min-height:35px;padding:5px 0}.utility-dialog{width:min(560px,calc(100vw - 32px))}.utility-body{padding:38px 35px}.utility-body>.eyebrow{font-size:12px;margin-bottom:12px}.utility-body>h2{font-family:var(--display);font-size:37px;line-height:1.1;text-transform:uppercase;margin:0 35px 18px 0}.utility-body>p{font-size:14px;color:#a2b5c3;line-height:1.8;margin-bottom:23px}.flight-rule{display:flex;gap:18px;margin-top:22px;align-items:flex-start}.flight-rule .rule-number{font-family:var(--display);font-size:30px;color:var(--amber);line-height:1.1}.flight-rule b{font-size:14px;display:block;margin-bottom:5px}.flight-rule p{font-size:12px;line-height:1.8;color:#9db0bf}.utility-note{font-size:12px!important;margin:26px 0 0!important;color:#7c95a8!important}.extra-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.extra-row b{font-size:15px;display:block}.extra-row p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.switch{appearance:none;width:45px;height:26px;background:#344957;border-radius:20px;cursor:pointer;position:relative;flex-shrink:0;transition:background .2s;margin:0}.switch:before{content:'';width:18px;height:18px;border-radius:50%;position:absolute;top:4px;left:4px;background:#e5e9eb;transition:transform .2s}.switch:checked{background:var(--amber)}.switch:checked:before{transform:translateX(19px);background:#1c2733}.panel-button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.panel-button-row .button{flex:1;min-width:150px}.log-total{display:flex;gap:20px;align-items:center;margin:25px 0}.log-total>strong{font-family:var(--display);font-size:60px;color:var(--amber);line-height:1}.log-total b{font-size:15px}.log-total p{font-size:12px;color:var(--muted);margin-top:5px}.log-phase{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:13px}.log-phase>span{color:var(--muted)}.storage-info{padding:16px;background:#08131e80;border-radius:5px;margin-top:20px;font-size:12px;color:#91aabc;line-height:1.8}.backup-input{display:none}.source-list{display:flex;flex-direction:column;gap:13px;font-size:13px;color:#bed1dc}.source-list a{padding:7px 0}.source-list a:hover{color:var(--cyan)}.danger-link{font-size:12px;color:#ab8390;margin-top:24px;min-height:35px;display:block}.danger-link:hover{color:#f490b8}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:30;max-width:calc(100vw - 35px);width:max-content;background:#203442;box-shadow:0 10px 40px #0008;padding:15px 22px;font-size:13px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;color:#f3efe4}.toast.visible{opacity:1;transform:translate(-50%,0)}.warp-flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#79e6ee20,transparent 65%);z-index:20;opacity:0}.warp-flash.play{animation:warp .75s ease-out}@keyframes warp{0%{opacity:0;transform:scale(.5)}35%{opacity:1}100%{opacity:0;transform:scale(1.6)}}.highlight .poster-wrap{animation:highlight 1.6s ease 2}@keyframes highlight{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 50px color-mix(in srgb,var(--phase) 45%,transparent)}}.noscript{padding:30px;background:#182b37;text-align:center}.pause-motion *,.pause-motion *:before,.pause-motion *:after{animation:none!important;scroll-behavior:auto!important}.pause-motion .material-card{opacity:1;transform:none}.pause-motion .hero-art{transform:none!important}
@media(min-width:1600px){.hero-content{padding-left:0}.hero{min-height:530px}.hero-art{background-position:70% 38%}.hero-content{padding-top:70px}.topbar{padding-left:calc((100% - 1260px)/2);padding-right:calc((100% - 1260px)/2)}}
@media(max-width:1100px){.brand-sub,.brand-divider{display:none}.dashboard-body{gap:16px}.progress-summary{min-width:280px}.phase-cards{gap:16px}.phase[data-theme=pink] .phase-cards{gap:13px}.card-title{font-size:21px}.hero h1{font-size:67px}.hero-content{padding-bottom:92px}.hero-coordinate{display:none}.phase-heading h3{font-size:27px}.phase-heading p{font-size:12px}.hero-description{max-width:390px}.hero-art{background-position:64% 42%}.hero-shade{background:linear-gradient(90deg,#08121cf2,#08121cba 37%,#08121c15 84%),linear-gradient(0deg,#08121c,transparent 40%)}.next-mission{min-width:195px}.next-mission b{max-width:145px}}
@media(max-width:800px){.desktop-nav{display:none}.topbar{height:75px;padding:0 5%}.brand img{width:139px;height:52px}.header-actions{gap:8px}.progress-pill{font-size:12px;padding:8px 12px}.hero{min-height:485px}.hero h1{font-size:60px}.hero-content{padding-top:58px}.hero-art{background-position:61% 40%}.hero-description{font-size:14px;max-width:350px}.hero-caption{right:5%;bottom:65px;font-size:12px}.hero-caption .orbital-mark{font-size:33px}.hero-shade{background:linear-gradient(90deg,#08121cf2,#08121cab 52%,#08121c44),linear-gradient(0deg,#08121c,transparent 50%)}.dashboard-body{flex-wrap:wrap}.progress-summary{min-width:0;flex:1}.progress-track{flex-basis:25%}.next-mission{width:100%;padding:10px 0 0;gap:12px}.next-mission b{max-width:none}.next-mission small{font-size:12px}.next-icon{width:31px;height:31px;font-size:22px}.journey-dashboard{padding:22px}.dashboard-heading .eyebrow{font-size:12px}.save-status{font-size:12px}.dashboard-heading{margin-bottom:14px}.progress-summary strong{font-size:45px}.progress-summary b{font-size:12px}.progress-summary div>span{font-size:12px}.journey{padding-top:44px}.timeline-header h2{font-size:35px}.timeline-header .eyebrow{font-size:12px;letter-spacing:1.5px}.timeline-header .button{font-size:12px;padding:10px 13px;white-space:nowrap}.timeline-toolbar{align-items:flex-start;flex-direction:column;gap:4px;margin-top:20px}.filter{padding:8px 12px;font-size:12px}.phase-nav{gap:4px}.phase-nav a{font-size:12px;padding:8px}.phase-nav .nav-line{min-width:5px}.phase-heading{gap:15px;flex-wrap:wrap;margin-bottom:32px}.phase-number{font-size:45px}.phase-heading h3{font-size:25px}.phase-heading p{font-size:12px}.phase-meta b{font-size:18px}.phase-meta span{font-size:12px}.phase-cards,.phase[data-theme=pink] .phase-cards,.phase[data-theme=green] .phase-cards,.phase[data-theme=purple] .phase-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 20px}.phase-cards:before{height:1px}.material-card{opacity:1;transform:none}.card-title{font-size:23px}.poster-type{font-size:12px}.card-year{top:-39px}.material-card:nth-child(n+4) .card-year{position:static;margin:0 0 10px}.material-card:nth-child(n+4) .card-connector{display:none}.material-card:nth-child(n+4){padding-top:0}.phase-summary{margin-top:20px}.phase-divider{height:25px}.phase{padding-top:27px;padding-bottom:22px}.journey-end{margin-top:55px;padding-top:55px;padding-bottom:60px}.journey-end h2{font-size:43px}footer{flex-wrap:wrap;gap:24px;padding-bottom:115px}footer>div{align-items:flex-start;width:100%}.mobile-dock{display:flex;justify-content:space-around;position:fixed;z-index:5;bottom:0;left:0;right:0;background:#0e1d2bf5;backdrop-filter:blur(18px);box-shadow:0 -5px 30px #0004;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.dock-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;min-height:49px;min-width:65px;color:#a3b7c8}.dock-button>span{font-size:22px;line-height:1.2;color:var(--amber)}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(max-width:540px){.topbar{height:68px}.brand img{width:124px;height:48px}.header-actions{gap:5px}.progress-pill .desktop-only{display:none}.icon-button{width:34px}.hero{min-height:500px}.hero-art{inset:-18px;background-position:63% 15%;background-size:auto 580px;opacity:.75}.hero-shade{background:linear-gradient(0deg,#08121c 1%,#08121cb5 49%,#08121c2b 100%),linear-gradient(90deg,#08121caa,#08121c25)}.hero-content{padding:169px 6% 65px}.hero-content>.eyebrow{font-size:12px;letter-spacing:1.4px;gap:7px}.hero .tag{font-size:12px}.hero h1{font-size:clamp(45px,11vw,64px);margin:15px 0 14px;line-height:1.04}.hero-description{font-size:12px;line-height:1.7;max-width:310px}.hero-cta{gap:8px;margin-top:22px}.hero-cta .button{font-size:12px;padding:12px 15px;min-height:43px}.hero-caption{top:22px;bottom:auto;right:6%;font-size:12px}.hero-caption small{font-size:12px}.hero-caption .orbital-mark{font-size:25px}.journey-dashboard{width:90%;margin-top:-18px;padding:18px}.save-status{font-size:12px;letter-spacing:0}.dashboard-heading{gap:8px}.dashboard-heading .eyebrow{font-size:12px;letter-spacing:1.4px}.progress-summary{gap:12px}.progress-summary strong{font-size:41px}.progress-summary strong span{font-size:20px}.progress-summary b{font-size:12px}.progress-summary div>span{font-size:12px;max-width:155px}.dashboard-body{gap:12px}.progress-track{min-width:40px;flex-basis:18%}.next-mission{gap:10px;padding-top:8px}.next-mission b{font-size:12px}.next-mission small{font-size:12px;letter-spacing:1.2px;margin-bottom:4px}.journey{padding-top:35px}.timeline-header{align-items:flex-end;gap:12px}.timeline-header h2{font-size:30px}.timeline-header .eyebrow{font-size:12px;letter-spacing:1.3px;max-width:210px}.timeline-header .button{padding:9px 12px;font-size:12px;min-height:39px}.timeline-header .extras-label{display:none}.filter-group{gap:3px;flex-wrap:nowrap;max-width:100%}.filter{padding:7px 9px;min-height:36px;font-size:12px}.filter>span{font-size:12px;margin-left:2px}.timeline-toolbar .text-button{font-size:12px;min-height:30px}.phase-nav{margin-top:8px;padding:13px 0;gap:3px;margin-right:-5.55%}.phase-nav a{font-size:12px;padding:7px 8px}.phase-nav .nav-line{display:none}.phase-heading{gap:12px}.phase-number{font-size:40px}.phase-heading h3{font-size:23px}.phase-heading p{font-size:12px;max-width:235px}.phase-heading .phase-meta{width:100%;text-align:left;margin-left:52px;display:flex;align-items:center;gap:13px;margin-top:-7px}.phase-meta b{font-size:16px}.phase-meta span{font-size:12px;letter-spacing:1.5px;margin-top:0}.phase-cards,.phase[data-theme=pink] .phase-cards,.phase[data-theme=green] .phase-cards,.phase[data-theme=purple] .phase-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding-top:31px}.card-title{font-size:22px;min-height:49px;line-height:1.08}.card-meta{font-size:12px;letter-spacing:1px}.card-meta .next-label{font-size:12px}.card-series{font-size:12px}.complete-button{font-size:12px;gap:7px;min-height:40px}.check-box{width:19px;height:19px}.poster-type{font-size:12px}.custom-tag{font-size:12px}.material-card:nth-child(n+3) .card-year{position:static;margin:0 0 10px;font-size:12px}.material-card:nth-child(n+3) .card-connector{display:none}.phase-cards:after{width:9px;height:9px;top:9px}.phase{padding-top:26px;padding-bottom:24px}.phase-divider{font-size:12px;letter-spacing:1.4px}.detail-layout{grid-template-columns:1fr;min-height:0}.detail-poster{height:190px;overflow:hidden}.detail-poster img{object-fit:contain;position:relative;z-index:1}.detail-poster:before{content:'';position:absolute;inset:-30px;background-image:var(--detail-cover);background-size:cover;background-position:center;filter:blur(14px);opacity:.5}.detail-body{padding:26px}.detail-body h2{font-size:33px}.detail-body p{font-size:13px}.detail-date{font-size:12px!important}.detail-note p{font-size:12px}.utility-body{padding:32px 25px}.utility-body h2{font-size:33px}.utility-body>p{font-size:13px}.dialog-close{width:36px;height:36px;font-size:24px}.journey-end h2{font-size:41px}.journey-end p{font-size:12px;max-width:290px;margin-left:auto;margin-right:auto}.journey-end .eyebrow{font-size:12px;letter-spacing:1.5px}.desktop-only{display:none}.poster-wrap{border-radius:5px}.phase-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.material-card{opacity:1;transform:none}.hero-art{transform:none!important}}

/* Readable labels and generous touch targets throughout the expedition. */
.eyebrow{flex-wrap:wrap}.hero-description{font-size:16px}.detail-body p{font-size:16px}.detail-note p,.flight-rule p,.storage-info{font-size:14px}.utility-body>p{font-size:16px}.save-status{line-height:1.5}.hero-art{left:24%;background-position:46% 42%}.hero-caption{bottom:50px}.card-title{margin-bottom:0}.card-meta{line-height:1.5;min-height:18px}.complete-button,.filter{font-size:14px}.check-box{width:20px;height:20px}.phase-heading p{font-size:14px}.progress-summary b,.next-mission b{font-size:14px}.progress-summary div>span{font-size:12px}.next-mission{min-width:250px}.poster-type{font-size:12px}.custom-tag{font-size:10px}.phase[data-theme=pink] .card-title{font-size:21px}.phase-heading h3{font-size:30px}.timeline-header h2{font-size:44px}.hero-content{padding-bottom:72px}.hero-coordinate{font-size:12px}.hero-coordinate b{font-size:12px}.brand-sub{font-size:12px}.card-series{font-size:12px}.phase-meta span{font-size:12px}.detail-neighbors button{font-size:14px}.source-link{font-size:14px}.utility-note{font-size:12px!important}.hero-content>.eyebrow{font-size:12px}.tag{font-size:12px}.phase-summary{font-size:12px}.timeline-header .eyebrow{font-size:12px}
@media(max-width:1100px){.next-mission{min-width:220px}.dashboard-body{gap:20px}.progress-summary{min-width:270px}.hero-art{left:20%}}
@media(max-width:800px){.hero-art{left:10%}.timeline-header h2{font-size:36px}.next-mission{min-width:0}.progress-summary{min-width:0}.card-meta{font-size:12px}.custom-tag{font-size:10px}.phase-nav a{font-size:12px}.phase-heading .phase-meta{min-width:150px}.phase-heading h3{font-size:27px}.phase-heading p{font-size:14px}.timeline-header .eyebrow{font-size:12px}.card-title{font-size:24px}.phase[data-theme=pink] .card-title{font-size:24px}.hero-description{font-size:16px}}
@media(max-width:540px){.hero-art{left:-18px;opacity:1;background-position:50% -18px;background-size:auto 475px}.hero-content{padding-top:186px;padding-bottom:65px}.hero-shade{background:linear-gradient(0deg,#08121c 0%,#08121cf0 30%,#08121c88 64%,#08121c20 100%)}.hero h1{font-size:clamp(44px,11.1vw,61px)}.hero-description{font-size:16px;max-width:340px}.hero-content>.eyebrow{font-size:12px;letter-spacing:1.2px}.hero .tag{font-size:10px}.hero-caption{top:19px;font-size:12px}.hero-caption small{font-size:12px}.hero-caption .orbital-mark{font-size:24px}.hero-cta .button{font-size:14px;padding:12px 14px}.dashboard-heading{align-items:flex-start}.dashboard-heading .eyebrow{font-size:12px;letter-spacing:1px;max-width:120px}.save-status{font-size:12px;max-width:165px;text-align:right}.progress-summary strong{font-size:45px}.progress-summary div>span{font-size:12px}.progress-summary b{font-size:14px}.progress-track{flex-basis:100%;height:4px;order:2}.next-mission{order:3;padding-top:3px}.next-mission small{font-size:12px}.next-mission b{font-size:14px}.timeline-header{align-items:center}.timeline-header h2{font-size:31px}.timeline-header .eyebrow{font-size:12px;letter-spacing:1.1px}.timeline-header .button{font-size:14px}.filter{font-size:12px;padding:8px 9px}.complete-button{font-size:14px;line-height:1.3}.filter-group{flex-wrap:wrap}.card-title{font-size:24px;min-height:55px}.card-series{font-size:12px}.card-meta{font-size:12px;letter-spacing:.4px}.card-meta .next-label{font-size:12px;display:block;margin-left:0}.phase-nav a{font-size:12px}.phase-nav a span{font-size:12px}.phase-heading .phase-meta{margin-left:52px}.phase-meta span{font-size:12px;letter-spacing:.6px}.phase-heading p{font-size:14px;max-width:260px}.phase-heading h3{font-size:25px}.phase-meta b{font-size:18px}.phase-summary{font-size:12px}.detail-body p{font-size:16px}.detail-note p{font-size:14px}.detail-date{font-size:14px!important}.canon-label{font-size:12px}.utility-body>p{font-size:16px}.poster-type{font-size:12px;letter-spacing:.7px}.dock-button{font-size:12px}.journey-end p{font-size:14px}.journey-end .eyebrow{font-size:12px}.custom-tag{font-size:10px}.hero-coordinate{display:none}.card-year{font-size:12px!important}}

.journey-end:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08121cf5,#08121cb8),url(assets/hero.webp) center 56%/cover;z-index:-1}.journey-end{isolation:isolate}.phase[data-theme=purple]:before{content:"";position:absolute;inset:0 -5.55%;background:linear-gradient(90deg,#08121cf7,#08121cdd),url(assets/hero.webp) 70% 50%/cover;z-index:-1}.phase[data-theme=purple]{isolation:isolate}.material-card h4{margin-block-end:0}.timeline-header>.button{flex-shrink:0}.material-card.next .card-meta{min-height:18px}.card-meta .next-label{white-space:nowrap}.check-box{box-shadow:none}
@media(max-width:540px){.phase[data-theme=purple] .phase-cards{gap:26px 18px}.phase[data-theme=purple]:before{background-position:63% center}.card-meta{min-height:36px}.material-card.next .card-meta{min-height:36px}}
@media(max-width:540px){.hero-caption{top:20px;bottom:auto;max-width:205px;align-items:flex-start}.hero-caption>span:last-child{text-align:right}.hero-caption small{margin-top:2px}.hero-caption .orbital-mark{display:none}}