/* Mobile stability release: native document layers, original art always visible. */
:root{--header-height:120px}html{scroll-padding-top:calc(var(--header-height) + 16px);-webkit-text-size-adjust:100%}body{width:100%;min-width:0}main,section,header,footer{min-width:0}img{overflow:hidden;color:transparent}.site-header{height:var(--header-height);background:#030a16;backdrop-filter:none;-webkit-backdrop-filter:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:8px 5vw}.site-header nav{justify-self:center;min-width:0;gap:24px;grid-column:auto;grid-row:auto;height:auto}.site-header .brand{display:flex;flex-direction:column;gap:0;align-items:center;justify-self:start;grid-row:auto;grid-column:auto;width:210px;max-width:100%}.site-header .brand>img.brand-emblem{width:58px;height:58px}.site-header .brand .wordmark-window{width:210px;max-width:100%}.site-header .motion-toggle{grid-column:auto;grid-row:auto;justify-self:end}.brand-wordmark{filter:none!important}.library-section{min-height:calc(100svh - var(--header-height))}
footer{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:65px 20px 40px}.footer-wordmark{display:flex;flex-direction:column;align-items:center;gap:9px;width:320px;max-width:88vw}.footer-wordmark .wordmark-window{order:0;width:100%;max-width:100%}.footer-wordmark>img.brand-emblem{order:1;width:130px;height:130px}.release-note{font-size:12px;color:#7b9aaf;letter-spacing:.05em}
.crew-section{overflow:hidden;max-width:100%;padding-left:5vw;padding-right:5vw}.crew-heading>*,.crew-controls>*,.crew-world-label>*{min-width:0}.crew-carousel{display:flex;position:relative;align-items:stretch;gap:24px;width:100%;max-width:none;height:auto;min-height:0;margin:28px auto 0;padding:8px 3px 26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:3px;scrollbar-width:thin;scrollbar-color:#597f94 #0b1722;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;perspective:none;transform-style:flat;touch-action:pan-x pan-y}.crew-carousel #crewPlanetMount{display:none!important}.crew-carousel>.crew-card,.crew-carousel>.crew-card.chosen,.crew-carousel>.crew-card:hover{position:relative;display:block;flex:0 0 330px;width:330px;min-width:0;height:480px;left:auto;right:auto;top:auto;bottom:auto;padding:0;isolation:isolate;border:1px solid #314b60;border-radius:10px;background:radial-gradient(ellipse at 50% 28%,#173249,#061321 76%);overflow:hidden;opacity:1;visibility:visible;transform:none;transform-style:flat;box-shadow:0 10px 28px #0004;scroll-snap-align:center;transition:border-color .25s,background-color .25s;touch-action:pan-x pan-y}.crew-carousel>.crew-card.chosen{border-color:#94cfe4;background:radial-gradient(ellipse at 50% 28%,#20425b,#081825 76%)}.crew-card:before,.crew-card:after{display:none!important}.crew-card>.portrait{position:absolute;z-index:2;left:22%;right:22%;top:auto;bottom:78px;height:205px;padding:0;width:56%;overflow:visible;isolation:auto;background:none;transform:none}.crew-card>.portrait img,.crew-card.chosen>.portrait img{display:block;width:100%;height:100%;max-width:100%;padding:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 5px #0006);transform:none;animation:none}.crew-card>.portrait:before,.crew-card>.portrait:after{display:none}.crew-card>.crew-card-label{position:absolute;top:auto;bottom:20px;left:12px;right:12px;width:auto;z-index:3;font-size:30px;line-height:1.15;text-align:center;transform:none;white-space:normal;overflow-wrap:anywhere}.crew-card-label small{font-size:14px;line-height:1.5;margin-top:8px}.crew-world-label{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;max-width:100%;margin:20px auto 15px;text-align:center}.crew-world-label>span{font-size:14px;overflow-wrap:anywhere}.crew-controls{max-width:100%;gap:20px}.crew-controls #crewName{min-width:0;width:210px;max-width:65%;text-align:center}.crew-controls #crewName strong{font-size:32px}.crew-controls #crewName span{font-size:14px}.crew-note{font-size:13px;line-height:1.8;max-width:100%}
.crew-orbit-art{display:block;position:absolute;z-index:1;left:6%;right:6%;top:15px;width:88%;max-width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%;pointer-events:none;isolation:isolate}.crew-orbit-art>.planet-original{position:absolute;display:block;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;visibility:visible;opacity:1!important;animation:atlas-disc-drift 22s ease-in-out infinite;transform-origin:center;filter:none}.crew-orbit-art.atlas-arc{border-radius:50%;background:#102b3b}.crew-orbit-art.atlas-arc>.planet-original{height:143%;width:100%;inset:-18% 0 auto;object-fit:cover;object-position:center;animation:atlas-arc-drift 24s ease-in-out infinite}.planet-orbit-line{position:absolute;display:block;inset:6%;border:1px solid #9fe0f540;border-top-color:#c9effb9c;border-radius:50%;animation:instrument-orbit 22s linear infinite;pointer-events:none}.planet-sun{display:block;position:absolute;z-index:2;object-fit:contain;pointer-events:none}.planet-sun.sun-gold{width:21%;height:21%;left:4%;top:8%;animation:star-drift 18s ease-in-out infinite}.planet-sun.sun-white{width:14%;height:14%;left:23%;top:2%;animation:star-drift 18s ease-in-out infinite reverse}.mechanical-origin{background:radial-gradient(circle at 38% 30%,#5b879d,#132e43 45%,#06111c 70%);border:1px solid #6d9bab55}.mechanical-core{position:absolute;inset:10%;border-radius:50%;border:1px solid #8cb5c880;background:repeating-linear-gradient(0deg,transparent 0 27px,#8eb3c029 28px 29px);animation:instrument-orbit 30s linear infinite}.mechanical-core:before,.mechanical-core:after{content:'';position:absolute;inset:0 20%;border:1px solid #98c7d960;border-radius:50%}.mechanical-core:after{inset:20% 0}.crew-planet{display:none!important}
@keyframes atlas-disc-drift{0%,100%{transform:rotate(-4deg) scale(1.01)}50%{transform:rotate(4deg) scale(1.035)}}@keyframes atlas-arc-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(4%) rotate(3deg)}}@keyframes instrument-orbit{to{transform:rotate(360deg)}}@keyframes star-drift{50%{transform:translate(5px,-3px)}}
/* Native dialog width and grid tracks must never use intrinsic portrait widths. */
#characterInfo{position:fixed;inset:16px;width:calc(100% - 32px);max-width:830px;min-width:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:#071827;transform:none;overscroll-behavior:contain}#characterInfo::backdrop{background:#01050ded}#closeCharacter{position:sticky;display:block;top:10px;margin:10px 10px -50px auto;z-index:8;background:#0b2234;width:44px;height:44px}.character-info-body{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:20px;width:100%;max-width:100%;min-width:0;padding:54px 24px 26px;box-sizing:border-box}.character-info-body>*{min-width:0;max-width:100%}.character-info-avatar{display:block;position:relative;width:100%;height:360px;min-width:0;max-width:100%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#17394e,#081725 74%)!important;border-radius:8px}.character-info-avatar>.crew-orbit-art{left:2%;right:2%;top:8px;width:96%}.character-info-avatar>#characterImage{position:absolute;left:22%;right:22%;top:auto;bottom:15px;width:56%;height:51%;max-width:100%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(0 7px 6px #0006);transform:none}.character-info-copy{padding:0;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.character-info-copy h2{font-size:clamp(32px,6vw,48px);max-width:100%;line-height:1.12;letter-spacing:.06em}.character-info-copy>p{font-size:16px;line-height:1.85;max-width:100%;white-space:normal}.character-info-copy>.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.12em}.character-info-copy dl{display:grid;grid-template-columns:minmax(0,85px) minmax(0,1fr);gap:12px 14px;font-size:15px;line-height:1.8}.character-info-copy dt,.character-info-copy dd{margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere}.character-form{max-width:100%;white-space:normal;font-size:14px}
.asset-failed{visibility:hidden!important}.image-failure{position:absolute;inset:auto 5% 5%;font-size:13px;line-height:1.6;text-align:center;color:#d3e8f4;background:#091927ed;border:1px solid #59748b;padding:9px;max-width:90%;overflow-wrap:anywhere;z-index:6;pointer-events:none}.plain-reader-page{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:none}.plain-reader-page>img{width:100%;height:100%;max-height:100%;object-fit:contain}.plain-reader-page .page-image-error{position:absolute;inset:0}.plain-reader-page:not(.failed) .page-image-error{display:none}
@media(max-width:980px){:root{--header-height:147px}.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:91px 46px;gap:0 16px;padding:5px 5vw}.site-header .brand{grid-row:1;grid-column:1;width:190px;justify-self:start}.site-header .brand>img.brand-emblem{width:50px;height:50px}.site-header .brand .wordmark-window{width:190px}.site-header .motion-toggle{grid-row:1;grid-column:2;justify-self:end}.site-header nav{grid-row:2;grid-column:1/-1;justify-self:stretch;width:100%;height:46px;justify-content:space-between;gap:12px}.site-header nav a{font-size:14px;white-space:nowrap;padding:12px 0}.site-header .motion-toggle span:last-child{display:none}.site-header .motion-toggle{width:44px;height:44px;padding:0;justify-content:center}.crew-section{padding-left:20px;padding-right:20px}.crew-carousel{gap:18px}.crew-carousel>.crew-card,.crew-carousel>.crew-card.chosen,.crew-carousel>.crew-card:hover{flex-basis:300px;width:300px;height:445px}.crew-card>.portrait{bottom:77px;height:190px}.crew-controls .round-button{flex:none}}
@media(max-width:600px){.crew-heading{display:block}.crew-heading>p{margin-top:22px;font-size:15px}.crew-carousel>.crew-card,.crew-carousel>.crew-card.chosen,.crew-carousel>.crew-card:hover{flex-basis:calc(100vw - 62px);width:calc(100vw - 62px);max-width:330px;height:438px}.crew-card>.portrait{height:183px;bottom:77px}.crew-card>.crew-card-label{font-size:29px}.crew-orbit-art{top:13px}.crew-world-label{margin-top:13px}.crew-controls #crewName strong{font-size:28px}.crew-controls #crewName span{font-size:12px}.crew-note{margin-top:20px}#characterInfo{inset:12px;width:calc(100% - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);height:fit-content;margin:auto}.character-info-body{grid-template-columns:minmax(0,1fr);gap:18px;padding:52px 17px 24px}.character-info-avatar{height:305px}.character-info-avatar>.crew-orbit-art{left:7%;right:7%;width:86%;top:0}.character-info-avatar>#characterImage{height:48%;bottom:8px}.character-info-copy h2{font-size:36px;line-height:1.12;margin:12px 0 16px}.character-info-copy>p{font-size:16px}.character-info-copy dl{grid-template-columns:minmax(0,74px) minmax(0,1fr);font-size:14px}.footer-wordmark{width:300px}.footer-wordmark>img.brand-emblem{width:140px;height:140px}}
@media(max-width:360px){.crew-carousel>.crew-card,.crew-carousel>.crew-card.chosen,.crew-carousel>.crew-card:hover{height:414px}.crew-card>.portrait{height:171px}.character-info-avatar{height:267px}.site-header nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.crew-orbit-art *{animation:none!important}.crew-carousel{scroll-behavior:auto}}body.reduced-motion .crew-orbit-art *{animation:none!important}

.crew-card>.crew-card-label,.crew-card.chosen>.crew-card-label{opacity:1!important}
#characterInfo>#closeCharacter{position:sticky;top:10px;right:auto;z-index:8}