:root{--neon:#76e1ee;--neon-soft:#b4e7ee;--hud-line:rgba(108,210,222,.24);--hud-dark:#071524;--gold:#8ee4eb}
body{background:#050d19;color:#e8f4f6}.site-header{background:rgba(3,14,26,.84);border-color:var(--hud-line);backdrop-filter:blur(14px)}.brand-mark{color:var(--neon);text-shadow:0 0 20px #53e3f8}.brand strong{font-family:var(--sans);letter-spacing:.13em}.brand small,.eyebrow,.section-kicker,.section-number,.overline,.panel-top,.card-num,.faction-top,.identity-foot{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.site-header nav a{color:#b6cbd4}.site-header nav a:hover,.site-header .nav-current{color:var(--neon)}.header-cta{border-color:rgba(118,225,238,.55);color:#c4f6fa}.header-cta:hover{background:rgba(72,194,216,.16)}
.hero{background:#050d19;min-height:760px}.hero-bg{left:31%;background-image:url('./assets/gallery/universe-art.webp');background-position:center 50%;filter:saturate(.85)}.hero-vignette{background:linear-gradient(90deg,#050e1b 0%,rgba(5,14,27,.97) 27%,rgba(5,14,27,.52) 52%,rgba(4,12,24,.08) 100%),linear-gradient(0deg,#07111e 0%,transparent 30%)}.hero:after,.directory-hero:after,.story-hero:after{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(132,221,228,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(132,221,228,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy{z-index:2}.hero-side{display:none}.hero h1,.section h2,.closing h2,.directory-hero h1,.story-hero h1{font-family:var(--sans);font-weight:700;letter-spacing:.035em}.hero h1{font-size:clamp(68px,7.8vw,110px);text-shadow:0 0 42px rgba(105,213,237,.13)}.hero-subtitle{font-family:var(--sans);font-weight:500;letter-spacing:.06em}.hero-year{color:#8de7f0}.hero-period{color:#70deeb}.hero-hud{z-index:2;position:absolute;right:0;bottom:20px;width:190px;display:grid;grid-template-columns:1fr auto;gap:8px;color:#c3ebeb;font:500 8px/1.4 ui-monospace,monospace;letter-spacing:.14em;border-left:1px solid #7fe0e4;padding-left:16px}.hero-hud i{display:block;background:#8ce6ec;width:5px;height:5px;box-shadow:0 0 12px #8ce6ec}.hero-hud strong{font-size:31px;font-weight:400;color:#c6f2f4;grid-column:1}.hero-hud small{font-size:8px;color:#a8c8cf;grid-column:1}.btn-light{background:#b8eef0;color:#082232;box-shadow:0 0 24px rgba(96,212,226,.12);font-weight:700}.btn-light:hover{background:#e4ffff}.btn-ghost{border-color:#80bdc8}.hero-bottom{border-top:1px solid rgba(163,225,229,.2);padding-top:13px}.section-top{border-color:var(--hud-line);color:#7ca7b3}.section-kicker{color:#8bd9e2}.overline{color:#6ac7d3}.section h2 em,.closing h2 em,.directory-hero h1 em,.story-hero h1 em{font-style:normal;color:#8cdae2}.intro-section{background:#071421}.intro-copy,.section-heading>p{color:#b3c6ce}.world-strip{border-color:var(--hud-line)}.world-strip>div{border-color:var(--hud-line)}.world-strip>div strong{color:#b9f6f8}.text-link{border-color:#6ee4f0}.text-link:hover{color:#89eaf4}
.identity-section,.life-section{background:#0b1b29;color:#e9f4f6}.identity-section .section-top,.life-section .section-top{border-color:var(--hud-line);color:#7ca7b3}.identity-section .section-kicker,.life-section .section-kicker{color:#8bd9e2}.identity-section .overline,.life-section .overline{color:#6ac7d3}.identity-section h2 em,.life-section h2 em{color:#8cdae2}.identity-section .section-heading>p,.life-section .section-heading>p{color:#b3c6ce}.identity-layout{border-color:#2b5260}.identity-tabs{background:#0c2332}.identity-tab{color:#e1eff0;border-color:#254856}.identity-tab:hover,.identity-tab.active{background:#1c3d4b}.identity-tab small{color:#9bbabf}.identity-letter{color:#7bd4de}.identity-panel{background:linear-gradient(135deg,#123c4d,#0f2838)}.small-note{color:#a2bbc0}.factions-section,.characters-section{background:#081522}.factions-layout{border-color:var(--hud-line)}.faction-list{background:#0a1b29}.faction-button{border-color:var(--hud-line)}.faction-button:hover,.faction-button.active{background:#163b4b}.faction-button.active strong,.faction-button.active b{color:#8df2f8}.faction-display{background:#0b2638!important}.faction-backdrop{background-image:linear-gradient(90deg,rgba(3,17,29,.91) 0%,rgba(3,17,29,.78) 48%,rgba(3,17,29,.1) 100%),var(--faction-image);background-size:cover;background-position:center 40%}.faction-orbit{opacity:.55}.faction-inner{min-height:490px}.faction-inner h3{font-family:var(--sans);font-weight:600}.faction-inner p{color:#e2eded;text-shadow:0 1px 8px #000}.faction-more,.faction-gallery-button{display:inline-block;border:0;border-bottom:1px solid #80dce4;background:none;color:#d9fbfc;cursor:pointer;padding:8px 0;font-size:12px}.faction-gallery-button{margin-left:25px}.faction-more span,.faction-gallery-button span{margin-left:14px}
.covenant-section{background:#0b202e}.covenant-intro{border-left:2px solid #73dce4;padding:4px 0 4px 20px;max-width:850px;color:#adc8cd;font-size:14px;margin-bottom:32px}.covenant-intro p{margin:0;line-height:2}.articles{border-top:1px solid #315363;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:start}.article{border-bottom:1px solid #315363}.article summary,.base-grid summary{cursor:pointer;list-style:none}.article summary::-webkit-details-marker,.base-grid summary::-webkit-details-marker{display:none}.article summary{min-height:75px;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center}.article-no{font:500 11px ui-monospace,monospace;color:#75cbd5}.article summary strong{font-size:15px;font-weight:600}.article-plus{color:#86dde4;font-size:21px;font-weight:300}.article[open] .article-plus,.base-grid details[open] summary b{transform:rotate(45deg)}.article-body{padding:0 20px 19px 48px}.article-body p{margin:0;color:#bcd0d3;font-size:13px;line-height:2}.article-note{color:#91b7be;font-size:12px;margin:28px 0}.convention-actions{display:flex;gap:12px;flex-wrap:wrap}.convention-actions button,.character-extra button{border:1px solid #3f7680;color:#d6f3f3;background:#112d3b;padding:10px 15px;cursor:pointer;font-size:12px}.convention-actions button span,.character-extra button span{padding-left:22px}
.visual-life-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.visual-life-card{background:#102b39;border:1px solid #284e5c;color:#dff0ef;padding:0;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s}.visual-life-card:hover,.mecha-card:hover{transform:translateY(-5px);border-color:#7de2e9}.visual-life-image{display:block;height:215px;overflow:hidden}.visual-life-image img{width:100%;height:100%;object-fit:cover}.visual-life-copy{display:flex;flex-direction:column;position:relative;padding:20px;min-height:170px}.visual-life-copy small,.mecha-caption small{color:#7dc9d0;font:500 10px ui-monospace,monospace;letter-spacing:.1em}.visual-life-copy strong,.mecha-caption strong{font-size:19px;margin:10px 0}.visual-life-copy>span,.mecha-caption>span{font-size:12px;color:#aec2c7;line-height:1.8}.visual-life-copy b{position:absolute;right:18px;bottom:14px;font-size:19px;color:#85e1e6}.mecha-section{background:#06121f}.mecha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mecha-card{padding:0;text-align:left;background:#0b2331;color:#ecf8f6;border:1px solid #28505d;cursor:pointer;transition:transform .2s,border-color .2s}.mecha-frame{display:block;position:relative;height:260px;overflow:hidden;background:#d7d9d3}.mecha-frame img{width:100%;height:100%;object-fit:cover}.mecha-frame>span{position:absolute;top:12px;left:12px;padding:4px 8px;background:#0a2029d9;color:#c2f1f1;font:500 10px ui-monospace,monospace}.mecha-caption{display:flex;flex-direction:column;padding:18px 20px 22px}.mecha-caption b{color:#8de1e6;font-size:12px;font-weight:500;margin-top:14px}.image-disclaimer{color:#91adb4;font-size:11px;margin:22px 0 0}.closing{background:linear-gradient(110deg,#123846,#0b202d);border-top:1px solid #2a5967}.closing p:not(.overline){color:#c0d8da}footer{background:#030a13}
dialog{background:#071a27;border-color:#5398a3;color:#e4f5f4}.dialog-shell h2,.gallery-shell h2{font-family:var(--sans)}.dialog-image{height:auto;max-height:420px;object-fit:contain;background:#0b1219}.dialog-body p,.dialog-body li{color:#c8dddc}.dialog-eyebrow{color:#82d9e1}.gallery-shell{padding:45px 45px 40px;position:relative}.gallery-shell h2{font-size:26px;margin:0 0 10px}.gallery-close{position:absolute;right:22px;top:15px;background:none;border:0;color:white;font-size:30px;cursor:pointer}#gallery-dialog{width:min(1020px,calc(100% - 36px));max-height:88vh}.gallery-intro{font-size:12px;color:#a7c4c7}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery-item{display:flex;flex-direction:column;text-align:left;padding:0;color:#e1f6f4;background:#102d3a;border:1px solid #2a5461;cursor:pointer}.gallery-item img{width:100%;height:220px;object-fit:cover}.gallery-item span{display:flex;justify-content:space-between;padding:11px 14px;font-size:12px}.gallery-item b{color:#85e5ec}.gallery-back{background:none;color:#94e7ed;border:0;padding:0 0 15px;cursor:pointer}.gallery-zoom{width:100%;max-height:64vh;object-fit:contain;background:#09131b}
.subpage .site-header{position:absolute}.directory-hero,.story-hero{position:relative;overflow:hidden;background:#071522;padding:170px 0 90px}.directory-hero:before{content:'';position:absolute;right:-5%;top:-45%;width:680px;height:680px;border-radius:50%;border:1px solid rgba(101,228,238,.3);box-shadow:0 0 0 50px rgba(101,228,238,.03),0 0 0 120px rgba(101,228,238,.025),inset 0 0 80px rgba(82,211,223,.1)}.directory-hero>.wrap,.story-hero-content{position:relative;z-index:2}.directory-topline{display:flex;justify-content:space-between;color:#8dced7;font:500 10px ui-monospace,monospace;letter-spacing:.16em;border-bottom:1px solid var(--hud-line);padding-bottom:15px;margin-bottom:50px}.directory-hero h1,.story-hero h1{font-size:clamp(45px,6vw,76px);line-height:1.4;margin:0}.directory-hero p:not(.overline),.directory-copy p{color:#b9cdd3}.directory-section,.story-intro{background:#081522}.directory-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #275461;background:#0b2230}.directory-image{height:460px;position:relative}.directory-image img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.directory-image span{position:absolute;bottom:20px;left:20px;color:#e8f7f6;font:600 10px ui-monospace,monospace;letter-spacing:.15em}.directory-copy{padding:50px;align-self:center}.directory-copy h2{font-size:42px}.directory-copy .directory-lead{font-size:17px;color:#ddecf0;line-height:2}.directory-copy .btn{margin-top:15px}.directory-note{color:#91b1b8;font-size:12px;margin-top:30px}.story-hero{min-height:720px;display:flex;align-items:center}.story-hero-image{position:absolute;inset:0 0 0 28%;background:url('./assets/gallery/federation.webp') center 42%/cover no-repeat;opacity:.6}.story-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071522 2%,transparent 75%),linear-gradient(0deg,#071522,transparent 35%)}.story-hero-lead{font-size:18px;line-height:2;color:#d9ebec}.story-hero .btn{margin-top:22px}.story-page .character-image img{object-position:center top}.story-page .character-image{height:420px}.character-extra{display:flex;align-items:center;gap:20px;margin-top:24px}.character-extra p{font-size:11px;color:#94b1b8}.character-dialog-image{float:right;width:32%;max-height:270px;object-fit:contain;margin:0 0 20px 20px;background:#172831}.base-section{background:#0b202e}.base-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.base-grid details{border:1px solid #315967;background:#0b2634;padding:20px}.base-grid summary{display:flex;flex-direction:column;position:relative;min-height:78px}.base-grid summary span{font:500 10px ui-monospace,monospace;color:#76c7cf;letter-spacing:.1em}.base-grid summary strong{margin-top:9px;font-size:17px}.base-grid summary b{position:absolute;right:0;top:10px;color:#88e5eb;font-weight:400;font-size:20px}.base-grid details p{font-size:13px;color:#bdd1d4;line-height:2;margin:12px 0 0}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:12px}.header-cta{display:none}.visual-life-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero{min-height:720px}.hero-bg{left:0;background-position:56% center;opacity:.72}.hero-vignette{background:linear-gradient(90deg,rgba(5,14,27,.96),rgba(5,14,27,.44)),linear-gradient(0deg,#07111e,transparent 35%)}.hero-hud{display:none}.hero h1{font-size:65px}.section h2,.closing h2{font-size:32px}.faction-backdrop{background-image:linear-gradient(90deg,rgba(3,17,29,.92),rgba(3,17,29,.55)),var(--faction-image)}.faction-gallery-button{margin-left:16px}.articles{grid-template-columns:1fr}.article summary{min-height:70px}.visual-life-grid,.mecha-grid{grid-template-columns:1fr 1fr;gap:10px}.visual-life-image{height:145px}.visual-life-copy{padding:13px;min-height:160px}.visual-life-copy strong{font-size:16px}.mecha-frame{height:155px}.mecha-caption{padding:14px}.mecha-caption strong{font-size:15px}.mecha-caption>span{font-size:11px}.gallery-shell{padding:40px 20px 25px}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-item img{height:135px}.gallery-item span{font-size:10px}.directory-hero{padding:135px 0 65px}.directory-hero h1,.story-hero h1{font-size:43px}.directory-card{grid-template-columns:1fr}.directory-image{height:300px}.directory-copy{padding:25px}.directory-copy h2{font-size:30px}.story-hero{min-height:660px}.story-hero-image{inset:0;opacity:.4}.story-page .character-image{height:225px}.character-extra{display:block}.base-grid{grid-template-columns:1fr 1fr}.base-grid details{padding:16px}.base-grid summary strong{font-size:14px}.character-dialog-image{width:38%}}
@media(max-width:390px){.visual-life-grid{grid-template-columns:1fr 1fr}.visual-life-image{height:120px}.mecha-grid{grid-template-columns:1fr}.mecha-frame{height:220px}.base-grid{grid-template-columns:1fr}}