/* Public portal: light through the nebula, glass, and motion. */
:root{--motion-ease:cubic-bezier(.2,.7,.2,1);--motion-spring:cubic-bezier(.22,1,.36,1)}
.header{z-index:80}.header-inner{position:relative;transition:padding .35s var(--motion-ease),background .35s,border-color .35s,box-shadow .35s,width .35s;box-shadow:0 15px 50px #00000012}.header.is-sticky{position:fixed;top:12px;animation:header-arrive .5s var(--motion-spring) both}.header.is-sticky .header-inner{padding:12px 24px;background:linear-gradient(115deg,#122923f5,#0c1b1af0);border-color:#c9a86c52;box-shadow:0 16px 50px #06100d38,0 1px 0 #ffffff08 inset;backdrop-filter:blur(24px) saturate(130%)}.header.is-sticky .brand>img{width:43px;height:43px}.header .brand>img{transition:width .35s,height .35s,rotate .6s var(--motion-spring)}.header .brand:hover>img{rotate:45deg}.header nav>a:not(.button){position:relative}.header nav>a:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:#d2b786;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav>a:not(.button):hover:after,.header nav>a:not(.button)[aria-current=page]:after{transform:scaleX(1)}.header nav>a:not(.button)[aria-current=page]{color:#dfc18c}
.nav-more>.nav-more-trigger{display:flex;align-items:center;gap:9px;padding:13px 0;color:#d2d9ce}.nav-more-trigger svg{fill:none;stroke:currentColor;stroke-width:1.4;transition:rotate .3s}.nav-more.open>.nav-more-trigger svg{rotate:180deg}.nav-more>.nav-panel{display:block;position:absolute;top:calc(100% + 17px);right:-24px;left:auto;width:560px;padding:0;min-width:0;border:1px solid #c9a86c4d;border-radius:14px 0 14px 0;background:linear-gradient(130deg,#172f2afc,#0e1d1cfc);box-shadow:0 30px 70px #030c0b60,0 1px 0 #ffffff0a inset;backdrop-filter:blur(30px);visibility:hidden;opacity:0;translate:0 10px;transform-origin:85% 0;scale:.98;pointer-events:none;transition:opacity .22s,translate .28s var(--motion-ease),scale .28s var(--motion-ease),visibility .28s}.nav-more>.nav-panel:before{content:'';position:absolute;left:0;right:0;top:-22px;height:24px}.nav-more.open>.nav-panel{display:block;visibility:visible;opacity:1;translate:0 0;scale:1;pointer-events:auto}.nav-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #c9a86c20}.nav-panel-heading>span{font-size:13px;letter-spacing:-.01em;color:#e2dac6;font-weight:500}.nav-panel-heading>small{font-size:8px;letter-spacing:.16em;color:#8caa98}.nav-panel-grid{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:2px}.nav-panel-grid>a{display:flex;gap:12px;align-items:center;padding:17px 12px;border:1px solid transparent;min-width:0;border-radius:7px;background:transparent;transition:background .25s,border-color .25s,translate .25s}.nav-panel-grid>a:hover,.nav-panel-grid>a:focus-visible{background:#c9a86c0d;border-color:#c9a86c28;translate:0 -2px;color:inherit}.nav-panel-index{display:grid;place-items:center;flex:0 0 31px;width:31px;height:37px;border:1px solid #c9a86c32;color:#c9a86c;font-size:9px;letter-spacing:.08em;background:#c9a86c06;border-radius:7px 0 7px 0;transition:background .3s,border-color .3s}.nav-panel-grid>a:hover .nav-panel-index{background:#c9a86c18;border-color:#c9a86c80}.nav-panel-copy{display:block;min-width:0}.nav-panel-copy>strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.015em;color:#e5e9dd;line-height:1.4}.nav-panel-copy>small{display:block;white-space:normal;font-size:9px;line-height:1.5;color:#8ca595;letter-spacing:0;margin-top:5px}.nav-panel-arrow{font-size:16px;color:#bba477;margin-left:auto;opacity:.4;transition:translate .25s,opacity .25s}.nav-panel-grid>a:hover .nav-panel-arrow{translate:2px -2px;opacity:1}.nav-panel-footer{padding:13px 24px;border-top:1px solid #c9a86c20;font-size:9px;letter-spacing:.06em;color:#a9b9a7}.nav-panel-footer .status-dot{margin-right:8px;width:4px;height:4px}
/* The artwork is a separate, full-width layer; copy stays still and readable. */
.scene-section{position:relative;isolation:isolate;overflow:clip}.scene-section>.container{position:relative;z-index:2}.scene-background{position:absolute;inset:-130px 0;z-index:0;pointer-events:none;background-position:center;background-size:cover;transform:translate3d(0,var(--parallax-y,0px),0);backface-visibility:hidden}.scene-section.scene-section>.scene-background:after{content:'';position:absolute;inset:0;pointer-events:none}.scene-section.story,.scene-section.council-section,.scene-section.streamers-section,.scene-section.chronicles-section,.scene-section.content-page{background:#f8f9f4}.scene-section.activity-section{background:#f1f3eb}.scene--story{background-image:url('/images/light-bg.webp');filter:saturate(.55)}.scene--story:after{background:linear-gradient(110deg,#fafbf7e0,#fafbf7ba 45%,#f7f9f4d6),linear-gradient(0deg,#f9faf6 2%,transparent 30%,transparent 75%,#f9faf6 99%)}.scene--council{background-image:url('/images/article.webp');background-position:70% 35%;filter:saturate(.35)}.scene--council:after{background:linear-gradient(95deg,#f9faf6ed 0%,#f9faf6c7 55%,#f9faf6d1),linear-gradient(0deg,#f9faf6e8,transparent 60%,#f9faf6d9)}.scene--streamers{background-image:url('/images/pve.webp');filter:saturate(.4)}.scene--streamers:after{background:linear-gradient(100deg,#fafbf6ed,#fafbf6d1 55%,#fafbf6bb),linear-gradient(0deg,#fafbf6ed,transparent 75%)}.scene--chronicles{background-image:url('/images/industry.webp');background-position:70% 45%;filter:saturate(.5)}.scene--chronicles:after{background:linear-gradient(105deg,#fafbf7ec,#fafbf7c9 55%,#fafbf7b8),linear-gradient(0deg,#fafbf7f2,transparent 65%)}.scene--activity{background-image:url('/images/mining.webp');filter:saturate(.35)}.scene--activity:after{background:linear-gradient(100deg,#f0f3eae8,#f0f3eac4 55%,#f0f3eae5)}.scene--content{background-image:url('/images/article.webp');background-position:70% top;background-size:max(1500px,100%) auto;background-repeat:repeat-y;filter:saturate(.25)}.scene--content:after{background:linear-gradient(90deg,#fafbf7f2 0%,#fafbf7ea 30%,#fafbf7c7 70%,#fafbf7d9),linear-gradient(0deg,#fafbf7ed,transparent 85%)}.scene-section.hero{background:#101a19}.scene--hero{background-image:url('/images/hero-bg.webp')}.scene--hero:after{background:linear-gradient(100deg,#101916ed 0%,#141b19c9 50%,#101816a8)}.hero-ship,.hero-orbit{z-index:1}.scene-section.divisions-section{background:#0d191b}.scene--divisions{background-image:url('/images/division-bg.webp')}.scene--divisions:after{background:linear-gradient(#0c171be6,#0e171ae8)}.scene-section.geography{background:#0d181c}.scene--geography{background-image:url('/images/map-bg.webp')}.scene--geography:after{background:linear-gradient(90deg,#0c151aeb,#11191dce)}
/* A soft arrival for headings, paragraphs, controls and dynamically loaded cards. */
.motion-ready{transition:opacity .8s var(--motion-ease),translate .85s var(--motion-spring),filter .8s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready:not(.is-revealed){opacity:0;translate:0 25px;filter:blur(3px)}.motion-ready.is-revealed{opacity:1;translate:0 0;filter:none}.motion-ready:focus-within{opacity:1!important;translate:0 0!important;filter:none!important;transition-delay:0s!important}.motion-ready.is-revealed .button{transition-delay:0s}.hero .eyebrow{animation:intro-arrive .8s .05s both var(--motion-spring)}.hero h1{animation:intro-arrive .95s .12s both var(--motion-spring)}.hero-tagline{animation:intro-arrive .95s .2s both var(--motion-spring)}.hero-copy{animation:intro-arrive .95s .28s both var(--motion-spring)}.hero .actions{animation:intro-arrive .95s .38s both var(--motion-spring)}.hero-bottom{animation:intro-arrive 1s .5s both var(--motion-spring)}.hero-ship{animation:ship-drift 13s ease-in-out infinite;animation-play-state:paused}.hero.is-in-view .hero-ship{animation-play-state:running}.status-dot{animation:beacon-pulse 4s ease-in-out infinite}.geography .ring-two{animation:chart-orbit 100s linear infinite;animation-play-state:paused}.geography.is-in-view .ring-two{animation-play-state:running}.join-banner>.container>img{transition:rotate .8s var(--motion-spring),filter .5s}.join-banner:hover>.container>img{rotate:45deg;filter:drop-shadow(0 0 18px #c9a86c42)}
.button{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,transform .35s var(--motion-spring),box-shadow .35s,border-color .25s}.button:before{content:'';position:absolute;inset:-60% -50%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#ffffff35 50%,transparent 65%);transform:translateX(-110%) skewX(-15deg);transition:transform .6s var(--motion-ease);pointer-events:none}.button:hover:before,.button:focus-visible:before{transform:translateX(110%) skewX(-15deg)}.button:hover{box-shadow:0 10px 28px #ac8b4d27;transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98);box-shadow:none}.button:disabled{transform:none;box-shadow:none;cursor:wait}.round-link{transition:rotate .35s,background .3s,border-color .3s,box-shadow .3s}.round-link:hover{rotate:10deg;border-color:#b39562;box-shadow:0 8px 25px #826c3820}.text-link{transition:color .25s,border-color .25s,letter-spacing .25s}.text-link:hover{border-color:#b39562;letter-spacing:.025em}.hero-link span,.card-arrow,.division-content b{display:inline-block;transition:transform .3s var(--motion-spring),color .3s}.hero-link:hover span{transform:translateX(5px)}.division-card:hover .division-content b,.chronicle-card:hover .card-arrow{transform:translate(3px,-3px);color:#f0d49e}.division-card{border:1px solid #c9a86c1c;transition:border-color .4s,box-shadow .4s,transform .45s var(--motion-spring)}.division-card:hover{border-color:#c9a86c85;box-shadow:0 20px 45px #00000035;transform:translateY(-5px)}.chronicle-card{background:#ffffffd9;backdrop-filter:blur(8px);transition:transform .4s var(--motion-spring),border-color .3s,box-shadow .4s}.chronicle-card:hover{transform:translateY(-7px);border-color:#b9a37966;box-shadow:0 20px 40px #293f3117}.chronicle-card:hover .card-arrow{color:#947044}.catalog-card,.profile-card,.streamer-card,.streamer-static,.join-panel{background:#f7f9f0df;backdrop-filter:blur(14px);transition:border-color .3s,box-shadow .35s,transform .4s var(--motion-spring)}.catalog-card:hover,.streamer-card:hover,.streamer-static:hover{border-color:#b49a6470;box-shadow:0 18px 35px #24392a10;transform:translateY(-4px)}.leader-portrait{border:1px solid #c9a86c10;transition:box-shadow .4s,border-color .4s,transform .4s var(--motion-spring)}.leader:hover .leader-portrait{border-color:#c9a86c70;transform:translateY(-5px);box-shadow:0 16px 30px #16261e1a}.leader-emblem{transition:rotate .8s var(--motion-spring),opacity .4s,filter .4s}.leader:hover .leader-emblem{rotate:45deg;opacity:1;filter:drop-shadow(0 0 10px #c9a86c50)}.timeline a>img{transition:rotate .65s var(--motion-spring),background .35s,box-shadow .35s}.timeline a:hover>img{rotate:45deg;background:#f1e9d7;box-shadow:0 0 0 7px #c9a86c0c,0 6px 20px #9a80491c}.timeline a h3{transition:color .3s}.timeline a:hover h3{color:#8f7040}.stat strong{font-variant-numeric:tabular-nums;transition:color .3s,text-shadow .3s}.stat:hover strong{color:#c9a86c;text-shadow:0 0 25px #c9a86c33}.division-details article>img,.article-hero{box-shadow:0 16px 45px #1e382015;transition:filter .5s,box-shadow .5s}.division-details article:hover>img{box-shadow:0 20px 50px #1e382025;filter:saturate(1.12)}.footer-links a{position:relative;transition:color .25s,translate .25s}.footer-links a:hover{color:#d8bf90;translate:0 -2px}
/* Shared filter controls: equal baselines and a proper column for the action. */
.filter-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:18px;align-items:end;padding:24px;background:#ffffffaa;border:1px solid #c9d2be9c;border-radius:12px 0 12px 0;backdrop-filter:blur(14px);box-shadow:0 6px 25px #213a2505}.filter-form>label{margin:0;min-width:0;font-size:11px;letter-spacing:.015em;color:#54634e}.filter-form input,.filter-form select{height:52px;min-height:52px;background:#ffffffcf;border-color:#c4cdbb;transition:border-color .25s,box-shadow .25s,background .25s}.filter-form>.button{height:52px;min-height:52px;min-width:133px;padding:12px 22px;margin:0;align-self:end;white-space:nowrap}.filter-form input:hover,.filter-form select:hover{border-color:#a6b393}.filter-form input:focus,.filter-form select:focus{border-color:#ad8b4c;box-shadow:0 0 0 3px #c9a86c17;background:#fff}input,textarea,select{transition:border-color .25s,box-shadow .25s,background .25s}.filter-row{padding:6px 0}.filter-row>label{margin-bottom:8px}.empty-state{background:#f9fbf0ad;border-color:#b3c09f;backdrop-filter:blur(10px);border-radius:10px 0 10px 0}.empty-state>img{transition:rotate .7s var(--motion-spring)}.empty-state:hover>img{rotate:45deg}.badge{letter-spacing:.07em}.prose{position:relative}.history-content .caption{font-size:9px;max-width:820px;line-height:1.9}
/* Scroll position appears as a quiet flight ring around the return arrow. */
.scroll-top{position:fixed;right:30px;bottom:28px;width:58px;height:58px;padding:0;display:grid;place-items:center;z-index:60;border:1px solid #c9a86c55;border-radius:50%;color:#e2c38c;background:#102923e8;backdrop-filter:blur(16px);box-shadow:0 8px 28px #071b1b30;opacity:0;visibility:hidden;translate:0 18px;pointer-events:none;transition:opacity .3s,visibility .3s,translate .4s var(--motion-spring),background .3s,box-shadow .3s}.scroll-top.is-visible{visibility:visible;opacity:1;translate:0 0;pointer-events:auto}.scroll-top-ring{position:absolute;inset:0;width:56px;height:56px;rotate:-90deg;fill:none;stroke-width:1.25}.scroll-top-track{stroke:#c9a86c18}.scroll-top-progress{stroke:#d9bc83;stroke-dasharray:150.8;stroke-dashoffset:calc(150.8 * (1 - var(--scroll-progress,0)));stroke-linecap:round}.scroll-top-arrow{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:translate .3s}.scroll-top:hover{background:#164237;box-shadow:0 10px 35px #0a251f45,0 0 0 5px #c9a86c0b}.scroll-top:hover .scroll-top-arrow{translate:0 -3px}.scroll-top-label{position:absolute;right:calc(100% + 12px);padding:6px 12px;pointer-events:none;border:1px solid #c9a86c35;background:#122b25f2;color:#e3d5b6;font-size:10px;border-radius:5px;white-space:nowrap;opacity:0;translate:6px 0;transition:opacity .25s,translate .25s}.scroll-top:hover .scroll-top-label,.scroll-top:focus-visible .scroll-top-label{opacity:1;translate:0 0}
@keyframes header-arrive{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes ship-drift{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes beacon-pulse{0%,100%{opacity:.7;box-shadow:0 0 0 0 #c9a86c00,0 0 12px #c9a86c55}50%{opacity:1;box-shadow:0 0 0 5px #c9a86c08,0 0 18px #c9a86c77}}@keyframes chart-orbit{from{rotate:0deg}to{rotate:360deg}}
@media(min-width:1600px){.header.is-sticky .header-inner{width:min(1500px,calc(100% - 70px));padding:14px 30px}}
@media(max-width:1100px) and (min-width:801px){.header nav{gap:15px}.nav-more>.nav-panel{right:-10px;width:520px}.header.is-sticky .header-inner{padding:11px 20px}}
@media(max-width:800px){.header.is-sticky{top:9px}.header.is-sticky .header-inner{padding:10px 18px}.header nav{border-radius:0 0 12px 12px;background:linear-gradient(130deg,#122b26fc,#0c1d1bfc);box-shadow:0 25px 45px #07181250;max-height:calc(100dvh - 115px);overscroll-behavior:contain}.nav-more>.nav-more-trigger{padding:0;width:100%;justify-content:space-between;font-size:15px}.nav-more>.nav-panel{position:relative;top:auto;right:auto;left:auto;width:100%;max-height:0;overflow:hidden;border:0;border-radius:10px 0 10px 0;box-shadow:none;padding:0;margin-top:0;translate:0 0;scale:1;background:#081c1777;transition:max-height .4s var(--motion-ease),opacity .25s,margin .3s,visibility .3s}.nav-more.open>.nav-panel{max-height:650px;margin-top:18px;border:1px solid #c9a86c30}.nav-panel-heading{padding:16px}.nav-panel-heading>span{font-size:12px}.nav-panel-grid{padding:6px;gap:0}.nav-panel-grid>a{padding:14px 9px;gap:10px}.nav-panel-copy>strong{font-size:12px}.nav-panel-copy>small{font-size:9px}.nav-panel-footer{padding:12px 16px}.scroll-top{right:22px;bottom:22px}.scene-background{inset:-90px 0}.filter-form{padding:20px;gap:14px}}
@media(max-width:540px){.header.is-sticky{top:8px}.header.is-sticky .header-inner{padding:10px 14px;width:calc(100% - 28px)}.header.is-sticky .brand>img{width:36px;height:36px}.nav-panel-grid{grid-template-columns:1fr}.nav-panel-grid>a{padding:13px 10px;gap:12px}.nav-panel-copy>strong{font-size:13px}.nav-panel-copy>small{font-size:10px}.nav-panel-index{width:30px;flex-basis:30px;height:34px}.nav-panel-heading>small{font-size:7px}.nav-panel-footer{font-size:9px}.nav-panel-arrow{margin-right:4px}.nav-more>.nav-panel{border-radius:8px 0 8px 0}.nav-more.open>.nav-panel{max-height:700px}.filter-form{grid-template-columns:1fr;align-items:stretch;padding:20px 16px;gap:18px}.filter-form>.button{width:100%;justify-content:space-between}.filter-form>label{font-size:11px}.filter-form input,.filter-form select{font-size:13px}.scroll-top{right:17px;bottom:18px;width:52px;height:52px}.scroll-top-ring{inset:0;width:50px;height:50px}.scroll-top-label{display:none}.scene--story:after{background:linear-gradient(110deg,#fafbf7db,#fafbf7c4),linear-gradient(0deg,#f9faf6df,transparent 75%)}.scene--content:after{background:linear-gradient(95deg,#fafbf7ee,#fafbf7d8),linear-gradient(0deg,#fafbf7ed,transparent 80%)}.motion-ready:not(.is-revealed){translate:0 18px;filter:blur(2px)}.hero h1{animation-duration:.8s}.hero-copy{animation-delay:.2s}.chronicle-card:hover,.catalog-card:hover,.streamer-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready,.motion-ready:not(.is-revealed){opacity:1;translate:0 0;filter:none;transition:none!important}.scene-background{transform:none!important;will-change:auto!important}.hero-ship,.status-dot,.geography .ring-two{animation:none!important}.scroll-top,.header.is-sticky{animation:none!important;transition:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep reveal transitions when cards also have their own hover treatment. */
@media(prefers-reduced-motion:no-preference){.motion-ready{transition:opacity .75s var(--motion-ease),translate .8s var(--motion-spring),filter .75s var(--motion-ease),transform .4s var(--motion-spring),border-color .3s,box-shadow .35s,background .3s,color .25s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s,0s,0s}.motion-ready:not(.is-revealed){filter:none}}
/* Readable NEOCOM drawer over bright sections. */
.nav-more>.nav-panel{background:linear-gradient(130deg,#172f2a,#0e1d1c)}
@media(max-width:800px){.nav-more>.nav-panel{background:#0c221b}}