:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#193651,#081522 65%);color:#f2f8ff;font-family:system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button,.upload{cursor:pointer}.hangar-shell{max-width:1190px;margin:auto;padding:18px clamp(14px,4vw,46px)}footer{color:#bcdfeb;font-size:.8rem;letter-spacing:.08em;text-decoration:none}h1{font-size:clamp(2.6rem,7vw,5.4rem);margin:.1em 0}h1 em{color:#91e3db}h2{margin:0 0 10px}p{line-height:1.55}.eyebrow{font-size:.72rem;letter-spacing:.2em;color:#a7e1db;font-weight:800}.intro{max-width:650px;color:#c4d4e3}.pilot-deck{margin:32px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:25px;border:1px solid #43677b;border-radius:20px;background:#102b3b;padding:25px}.pilot-deck p{color:#c6d8e3}.pilot-tools{display:grid;gap:12px}.pilot-tools label{display:block;font-size:.74rem;font-weight:750;letter-spacing:.06em}.pilot-tools input,.pilot-tools select,.pilot-tools button,.upload{background:#183e51;border:1px solid #608294;border-radius:10px;color:#fff;padding:11px}.pilot-tools input{width:100%;min-width:0}.pilot-tools select{width:100%}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline input{flex:1}.upload input{display:none}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px}.mode-tabs,.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mode-tabs button,.filters button{background:#123143;border:1px solid #577082;border-radius:12px;padding:12px 14px;color:#e7f6ff;font-weight:700}.mode-tabs [aria-selected=true],.filters [aria-pressed=true]{background:#b7f0da;color:#102531;border-color:#b7f0da}.filters span{margin:auto 0 auto auto;color:#c8e0e7}.award-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px}.award-card{border:1px solid #466679;background:#122b3d;color:inherit;text-align:left;border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:8px;min-height:247px}.award-card:hover,.award-card:focus-visible{border-color:#b7f0da;outline-offset:3px}.award-card.earned{background:#1b3d42}.award-top{display:flex;justify-content:space-between;align-items:center}.tier{font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.tier.hard{color:#ffd27b}.tier.moderate{color:#b1d8ff}.reward-preview{width:100%;height:106px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.reward-preview svg{max-height:105px}.award-card.locked .reward-preview svg{filter:grayscale(1);opacity:.4}.award-card strong{font-size:1.15rem}.award-card p{margin:0;color:#cbdce7;font-size:.83rem}.badge-state{color:#aee9df;font-size:.75rem;font-weight:800}.progress-meter{height:6px;background:#385163;border-radius:9px;overflow:hidden}.progress-meter span{display:block;background:#b7f0da;height:100%}dialog{max-width:440px;width:calc(100% - 30px);border:1px solid #a9d7dd;border-radius:18px;background:#103044;color:#fff}dialog::backdrop{background:#030a13c9}.detail{position:relative;padding:16px}.detail .close{position:absolute;right:0;top:0}.detail a{display:inline-block;margin-top:15px;color:#b7f0da}.detail svg{max-height:220px;width:100%}footer{padding:35px 0;margin-top:20px}@media(max-width:700px){.pilot-deck{grid-template-columns:1fr;padding:16px}.award-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.award-card{min-height:225px}.mode-tabs button{flex:1 1 42%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Pass E: lock-state previews really are silhouettes (they are IMG, not inline SVG). */
.reward-preview img{display:block;max-width:100%;max-height:104px;object-fit:contain}
.award-card.locked .reward-preview img,
.award-card.locked .reward-preview svg,
.award-card.locked .reward-preview>div{filter:grayscale(1) brightness(.65);opacity:.44}
.award-card.earned .reward-preview img{filter:none;opacity:1}
.award-card:focus-visible,.mode-tabs button:focus-visible,.filters button:focus-visible,
.pilot-tools button:focus-visible,.pilot-tools select:focus-visible,
.pilot-tools input:focus-visible,.upload:focus-within,.detail .close:focus-visible{
 outline:3px solid #f3df99;outline-offset:3px
}
.award-card{min-width:0;overflow-wrap:anywhere}
.reward-preview img{min-width:0}
.pilot-tools,.pilot-deck>div{min-width:0}
.pilot-tools .inline>*{max-width:100%}
#pilot-status{min-height:1.4em}
@media(max-width:370px){
 .hangar-shell{padding:12px}
 .award-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .award-card{padding:9px;min-height:230px}
 .award-card strong{font-size:.95rem}
 .mode-tabs button,.filters button{font-size:.78rem;padding:10px}
 .hangar-nav a{font-size:.7rem}
}

/* Shared Mission Control identity, clear destination labels and keyboard access. */
.skip-link{position:fixed;left:16px;top:0;z-index:100;transform:translateY(-130%);
 padding:11px 15px;border:2px solid #fff3da;border-radius:0 0 9px 9px;
 background:#f4d49b;color:#102b3b;font-size:13px;font-weight:850;text-decoration:none}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}
.hangar-header{display:flex;justify-content:space-between;align-items:center;gap:22px;
 min-height:90px;padding:13px 0 17px;margin-bottom:18px;border-bottom:1px solid #577a86}
.hangar-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff3df;
 text-decoration:none;border-radius:9px}
.hangar-brand-mark{height:46px;width:46px;display:grid;place-items:center;flex:none;
 filter:drop-shadow(0 0 11px #5cebd265)}
.hangar-brand-mark img{width:100%;height:100%;display:block}
.hangar-brand-text{display:grid;gap:4px;min-width:0}
.hangar-brand-text strong{font-size:clamp(20px,2.25vw,27px);line-height:1;
 font-weight:900;letter-spacing:.07em;white-space:nowrap}
.hangar-brand-text strong span{color:#8de6db}
.hangar-brand-text small{color:#9fc8cf;font-size:9px;letter-spacing:.19em;
 font-weight:850;white-space:nowrap}
.hangar-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hangar-nav a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;
 padding:9px 13px;border-radius:10px;border:1px solid #618996;text-decoration:none;
 box-shadow:inset 0 1px 0 #c7ffff16;
 transition:background .16s,border-color .16s,transform .16s}
.hangar-nav a:hover{transform:translateY(-2px)}
.hangar-nav-home{color:#132c39;background:#f4d49b;border-color:#f4d49b!important}
.hangar-nav-home:hover{background:#ffebc2}
.hangar-nav-lab{color:#e9faf8;background:#1b3f51}
.hangar-nav-lab:hover{background:#285467;border-color:#9de6d8}
.hangar-nav-label{display:grid;gap:3px;line-height:1.15}
.hangar-nav-label strong{font-weight:900;font-size:12px;letter-spacing:.06em}
.hangar-nav-label small{font-weight:750;font-size:9px;letter-spacing:.09em;white-space:nowrap}
.hangar-nav-home .hangar-nav-label small{color:#354d55}
.hangar-nav-lab .hangar-nav-label small{color:#b0d6d8}
.hangar-nav-icon{font-size:22px;line-height:1;flex:none}
.hangar-nav a:focus-visible,.hangar-brand:focus-visible{outline:3px solid #ffe3a5;outline-offset:4px}
@media(max-width:720px){
 .hangar-header{align-items:stretch;flex-direction:column;gap:15px;
  padding:12px 0 15px;margin-bottom:15px}
 .hangar-brand-mark{height:41px;width:41px}
 .hangar-brand-text strong{font-size:21px}
 .hangar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .hangar-nav a{min-width:0;min-height:48px;padding:8px 9px;gap:9px}
 .hangar-nav-label strong{font-size:11px}
 .hangar-nav-label small{font-size:8px}
 .hangar-nav-icon{font-size:19px}
}
@media(max-width:370px){
 .hangar-nav a{gap:7px;padding:8px 7px}
 .hangar-nav-label small{font-size:7px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){
 .hangar-nav a{transition:none}
 .hangar-nav a:hover{transform:none}
}


/* Collectible Alien Radio transmissions appear beside the 40 alien-part badges. */
.callout-reward-glyph{font-size:clamp(46px,6vw,72px);line-height:1.3;filter:drop-shadow(0 5px 9px #091523a0)}
.award-card.locked .callout-reward-glyph{opacity:.4;filter:grayscale(1)}
