/* Canonical shared theme; prologue/mission.css is its static-entry copy. */
@font-face{font-family:'Space Grotesk';src:url('./assets/fonts/space-grotesk.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('./assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
:root{color-scheme:dark;--space:#0b1012;--text:#eeeae2;--muted:#a8b6b7;--accent:#a9d8d2;--line:#63747465;--font-display:'Space Grotesk','Noto Sans SC',sans-serif;--font-body:'Noto Sans SC',sans-serif}
*{box-sizing:border-box}::selection{background:#a9d8d2;color:#0b1012}html{scrollbar-color:#657d7c #0b1012}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}
:is(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-underline-offset:5px}
.mission-brand{font-family:var(--font-display);font-size:23px;font-weight:500;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:center;gap:16px;color:var(--text);text-decoration:none;white-space:nowrap}.mission-brand span{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;font-weight:400;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}
.mission-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 24px;font:400 13px/1.5 var(--font-body);text-decoration:none;white-space:nowrap;overflow:hidden}
/* Native material adaptation of the Specular Button reference: one shared skin,
   no extra WebGL contexts, and no replacement of native controls or their labels. */
:is(.mission-button,.flying-button__craft,.header-right .mission-button){--button-top:#39494e;--button-mid:#18272c;--button-low:#22373d;--button-x:26%;--button-y:0%;border:1px solid transparent;border-radius:18px;color:#edf4f1;background:radial-gradient(ellipse at var(--button-x) var(--button-y),#d1eeeb20,transparent 67%) padding-box,linear-gradient(175deg,var(--button-top) 0%,#293b41 18%,var(--button-mid) 54%,var(--button-low) 100%) padding-box,linear-gradient(140deg,#adc5c99c,#607a8066 28%,#203239 60%,#7c999b9c) border-box;box-shadow:inset 0 1px 0 #ebfffc30,inset 0 -2px 3px #01060985,0 5px 12px -5px #000b;text-shadow:0 1px 2px #0008;transition:filter .22s ease-out,box-shadow .22s ease-out,translate .18s ease-out;cursor:pointer}
:is(.mission-button,.flying-button__craft,.header-right .mission-button)::before{content:'';position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--button-x) var(--button-y),#d4f9f02b,transparent 68%);opacity:.35;transition:opacity .25s ease-out}
:is(.mission-button,.flying-button__craft,.header-right .mission-button)::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(ellipse at var(--button-x) var(--button-y),#e5fff4d9,transparent 65%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.55;transition:opacity .25s ease-out}
.mission-button.primary{--button-top:#546d73;--button-mid:#243c42;--button-low:#304c51;color:#f2f8f5}
.mission-button.secondary{--button-top:#303c40;--button-mid:#172125;--button-low:#202d32;color:#c8d6d5}
:is(.mission-button,.flying-button__craft,.header-right .mission-button):is(:hover,:focus-visible):not(:disabled){filter:brightness(1.15);box-shadow:inset 0 1px 0 #ebfffc45,inset 0 -2px 3px #01060985,0 7px 16px -6px #000c}
:is(.mission-button,.flying-button__craft,.header-right .mission-button):is(:hover,:focus-visible):not(:disabled)::before{opacity:1}
:is(.mission-button,.flying-button__craft,.header-right .mission-button):is(:hover,:focus-visible):not(:disabled)::after{opacity:1}
.mission-button:active:not(:disabled){translate:0 1px;filter:brightness(.96);box-shadow:inset 0 2px 5px #0008,0 2px 5px -3px #000b}
:is(.mission-button,.flying-button__craft,.header-right .mission-button):focus-visible{outline:2px solid #c3e4df;outline-offset:4px}
.mission-button:disabled{opacity:.6;cursor:wait;filter:saturate(.45);box-shadow:inset 0 1px 0 #d7e5e51c,inset 0 -1px 2px #0007}
.mission-button:disabled::before,.mission-button:disabled::after{opacity:.15}
.text-link{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;color:var(--muted);font:400 12px/1.5 var(--font-body);text-decoration:none;padding:8px 0;cursor:pointer}.text-link:hover{color:var(--text);text-decoration:underline}
@media(max-width:760px){.mission-brand{font-size:19px;gap:12px}.mission-brand span{font-size:10px;padding-left:12px}.mission-button{font-size:12px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mission-button:active:not(:disabled){translate:none}}