:root{--void:   #0b1013;--basalt: #15191f;--fog:    #9ba5b3;--glare:  #c5cdd9;--bloom:  #7acb70;--lumen:  #3fe0e6;--border: rgba(155,165,179,0.16);--panel-veil: rgba(11,16,19,0.78);--trace: rgba(63,224,230,0.4);--font-display: "Syne", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, "Segoe UI", sans-serif;--text-base: 1.0625rem;--text-small: 0.875rem;--text-h1: clamp(1.9rem, calc(0.9rem + 5vw), 4.2rem);--text-h2: clamp(1.55rem, calc(1.1rem + 1.8vw), 2.3rem);--text-h3: 1.2rem;--leading-body: 1.6;--leading-tight: 1.12;--space-section: clamp(4.5rem, calc(3rem + 6vw), 8rem);--space-gap: clamp(1rem, calc(0.75rem + 1vw), 1.75rem);--container: 72rem;--gutter: clamp(1rem, 4vw, 2rem);--radius: 6px}@font-face{font-family:"Syne";src:url("/fonts/syne-latin-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212}@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans-latin-var.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212}*,*::before,*::after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--void);color:var(--glare);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-0.01em;margin:0 0 0.6em;text-wrap:balance}h1{font-size:var(--text-h1);font-weight:800}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0 0 1em}a{color:var(--glare);text-decoration:underline;text-decoration-color:var(--fog);text-underline-offset:0.2em}a:hover:not(.btn){color:var(--lumen);text-decoration-color:var(--lumen)}img,svg,video{display:block;max-width:100%;height:auto}ul,ol{margin:0 0 1em;padding-left:1.2em}:focus-visible{outline:2px solid var(--lumen);outline-offset:3px;border-radius:2px}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space-section)}.section>.container>h2:first-child{margin-bottom:clamp(1.5rem, 4vw, 2.5rem)}.muted{color:var(--fog)}.skip-link{position:absolute;top:0.5rem;left:0.5rem;z-index:100;padding:0.6em 1em;background:var(--basalt);color:var(--glare);border:1px solid var(--border);border-radius:var(--radius);transform:translateY(-300%)}.skip-link:focus{transform:none}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity 0.6s ease, transform 0.6s ease}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.js .reveal{opacity:1;transform:none;transition:none}}.btn{display:inline-block;padding:0.8rem 1.6rem;font-family:var(--font-body);font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;border:0;border-radius:var(--radius);cursor:pointer}.btn-wishlist{background:var(--lumen);color:var(--void);white-space:nowrap}.btn-wishlist:hover{background:#79e9ee;color:var(--void)}.btn-wishlist:active{background:#1dd5dc;color:var(--void)}.btn-quiet{background:transparent;color:var(--glare);border:1px solid var(--border)}.btn-quiet:hover{border-color:var(--lumen)}.site-header{position:absolute;inset:0 0 auto 0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.site-header.is-stuck{position:fixed;background:rgba(11,16,19,0.92);border-bottom:1px solid var(--trace)}.site-header.is-stuck .container{padding-block:0.6rem}@media (prefers-reduced-motion: no-preference){.site-header.is-stuck{animation:header-in 0.25s ease}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:none}}.brand{display:inline-flex;align-items:center;gap:0.65rem;min-width:0;text-decoration:none;color:var(--glare);text-shadow:0 1px 10px rgba(11,16,19,0.8)}.brand img{width:16rem;max-width:100%;height:auto;filter:drop-shadow(0 1px 6px rgba(11,16,19,0.8))}.brand svg{width:2rem;height:2rem;flex:none;filter:drop-shadow(0 1px 4px rgba(11,16,19,0.8))}.brand-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:0.01em}@media (max-width: 25em){.brand-name{display:none}}.header-actions{display:flex;align-items:center;flex:none;gap:clamp(0.5rem, 2vw, 1.25rem)}.lang-switch{display:flex;align-items:center;font-size:0.78rem;font-weight:600;letter-spacing:0.08em}.lang-switch a{padding:0.3rem 0.45rem;color:var(--fog);text-decoration:none;text-shadow:0 1px 10px rgba(11,16,19,0.8)}.lang-switch a:hover{color:var(--lumen)}.lang-switch a[aria-current]{color:var(--glare);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--trace);text-underline-offset:0.4em}.lang-switch a+a{border-left:1px solid var(--border)}@media (max-width: 26em){.lang-switch a[aria-current]{display:none}.lang-switch a+a{border-left:0}}.site-footer{background:var(--basalt);border-top:1px solid var(--border);padding-block:var(--space-section)}.site-footer .footer-cta{margin-bottom:clamp(2rem, 5vw, 3.5rem)}.site-footer .footer-cta h2{margin:0}.site-footer .footer-cta p{margin:0.4em 0 0}.site-footer .footer-cta .btn{margin-top:1.4rem}.site-footer .footer-meta{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;border-top:1px solid var(--border);padding-top:1.5rem;font-size:var(--text-small);color:var(--fog)}.site-footer .footer-meta a{color:var(--fog)}.site-footer .footer-meta a:hover{color:var(--lumen)}.site-footer .footer-meta ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.newsletter{max-width:30rem}.newsletter form{display:flex;flex-wrap:wrap;gap:0.6rem}.newsletter label{width:100%;font-size:var(--text-small);color:var(--fog);margin-bottom:0.15rem}.newsletter input[type="email"]{flex:1 1 14rem;padding:0.75rem 0.9rem;font:inherit;color:var(--glare);background:var(--void);border:1px solid var(--border);border-radius:var(--radius)}.newsletter input[type="email"]::placeholder{color:var(--fog)}.newsletter .newsletter-note{width:100%;font-size:var(--text-small);color:var(--fog);margin:0.35rem 0 0}.newsletter .newsletter-success{border:1px solid var(--border);border-radius:var(--radius);background:var(--void);padding:0.9rem 1rem;margin:0}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end}.hero .hero-art{position:absolute;inset:0;overflow:hidden}.hero .hero-art img{width:100%;height:100%;object-fit:cover}.hero .container{position:relative;width:100%;padding-block:clamp(2.5rem, 6vh, 5rem)}.hero-panel{padding:clamp(1.4rem, 3vw, 2.2rem);background:var(--panel-veil);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:minmax(0, 16rem) 1fr;align-items:center;gap:clamp(1.5rem, 4vw, 2.75rem)}@media (max-width: 43.75em){.hero-panel{grid-template-columns:1fr;gap:1.25rem}}.hero-panel h1{margin:0}.hero-panel .hero-logo img{display:block;width:min(100%, 20rem);height:auto}.hero-panel .hero-tagline{font-size:clamp(1.15rem, 1rem + 0.5vw, 1.3rem);color:var(--glare);max-width:32rem}.hero-panel .hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.4rem}.hero-panel .hero-note{font-size:var(--text-small);color:var(--fog);margin:0}#teaser{position:relative;overflow-x:clip}#teaser .teaser-circuits{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(calc(-42% + 50px)) scale(0.7);transform-origin:50% 39%;z-index:-1;opacity:0.6;pointer-events:none;-webkit-mask-image:linear-gradient(180deg, transparent, #000 7%, #000 90%, transparent);mask-image:linear-gradient(180deg, transparent, #000 7%, #000 90%, transparent)}@media (max-width: 43.75em){#teaser .teaser-circuits{transform:translateY(calc(-42% + 50px)) scale(1)}}.teaser-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:14px solid var(--void);border-radius:var(--radius);box-shadow:0 0 0 1px var(--trace);background:var(--basalt)}.teaser-frame img,.teaser-frame iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}html:not(.js) .teaser-play{display:none}.teaser-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.teaser-play .teaser-play-badge{display:inline-flex;align-items:center;gap:0.6rem;padding:0.8rem 1.4rem;background:rgba(11,16,19,0.85);border:1px solid var(--fog);border-radius:var(--radius);color:var(--glare);font:inherit;font-weight:700}.teaser-play:hover .teaser-play-badge{border-color:var(--lumen)}.teaser-caption{margin-top:0.75rem;font-size:var(--text-small);color:var(--fog)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:var(--space-gap)}.features-grid article{padding:1.6rem;background:var(--basalt);border:1px solid var(--border);border-radius:var(--radius)}.features-grid article h3{margin-bottom:0.4em}.features-grid article p{margin:0;color:var(--fog)}.features-grid .features-story{padding:clamp(1.6rem, 4vw, 2.4rem);display:grid;grid-template-columns:minmax(0, 20rem) 1fr;column-gap:clamp(1.5rem, 4vw, 3.5rem);align-items:start}@media (max-width: 43.75em){.features-grid .features-story{grid-template-columns:1fr}}.features-grid .features-story p{margin:0 0 1em;max-width:65ch}.features-grid .features-story .story-lead{font-family:var(--font-display);font-size:clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:-0.01em;color:var(--glare)}.features-grid .features-story .story-body p:last-child{margin-bottom:0}.features-grid .features-story .story-closing{color:var(--glare);font-weight:600}.features-grid article,.asset-card,.devlog-split>div{position:relative}.features-grid article::before,.features-grid article::after,.asset-card::before,.asset-card::after,.devlog-split>div::before,.devlog-split>div::after{content:"";position:absolute;z-index:1;pointer-events:none}.features-grid article::after,.asset-card::after,.devlog-split>div::after{top:0.5rem;right:0.5rem;width:1rem;height:1rem;border-top:1px solid var(--trace);border-right:1px solid var(--trace)}.features-grid article::before,.asset-card::before,.devlog-split>div::before{top:1.65rem;right:0.38rem;width:0.3rem;height:0.3rem;border-radius:50%;background:var(--trace)}.features-grid article:hover::after,.features-grid article:focus-within::after,.asset-card:hover::after,.asset-card:focus-within::after,.devlog-split>div:hover::after,.devlog-split>div:focus-within::after{border-color:var(--lumen)}.features-grid article:hover::before,.features-grid article:focus-within::before,.asset-card:hover::before,.asset-card:focus-within::before,.devlog-split>div:hover::before,.devlog-split>div:focus-within::before{background:var(--lumen)}.factions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));gap:var(--space-gap)}.factions-grid article{border-top:1px solid var(--border);padding-top:1.2rem}.factions-grid article h3{margin-bottom:0.4em}.factions-grid article p{margin:0;color:var(--fog)}.assets-featured{margin-bottom:var(--space-gap)}.asset-card{position:relative;background:var(--basalt);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;--aura: rgba(155,165,179,0.08);--aura-floor: rgba(155,165,179,0.1)}.asset-card[data-faction="singularians"]{--aura: rgba(63,224,230,0.16);--aura-floor: rgba(63,224,230,0.18)}.asset-card[data-faction="xenocrypta"]{--aura: rgba(122,203,112,0.2);--aura-floor: rgba(122,203,112,0.22)}.asset-card .asset-media{position:relative;background:radial-gradient(62% 56% at 50% 42%, var(--aura), transparent 74%),radial-gradient(48% 10% at 50% 91%, var(--aura-floor), transparent 76%),var(--basalt)}.asset-card .asset-media::before{content:"";position:absolute;left:22%;right:22%;bottom:5.5%;height:6%;background:radial-gradient(50% 50% at 50% 50%, rgba(1,7,10,0.6), transparent 70%)}.asset-card[data-no-shadow] .asset-media::before{content:none}.asset-card .asset-media img{width:100%;height:auto}.asset-card.is-featured .asset-media{aspect-ratio:16 / 9}.asset-card.is-featured .asset-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2.5%}.asset-card .asset-text{padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--border)}.asset-card .asset-text h3{margin-bottom:0.15em}.asset-card .asset-text .asset-faction{font-size:var(--text-small);color:var(--fog);margin-bottom:0.5em}.asset-card .asset-text p{margin:0;color:var(--fog);font-size:var(--text-small);line-height:1.5}.asset-card .asset-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}@media (prefers-reduced-motion: no-preference){.asset-card .asset-media img{transition:opacity 0.35s ease, transform 0.35s ease}.asset-card:hover .asset-hover,.asset-card:focus-within .asset-hover{opacity:1}.asset-card:hover[data-hover] .asset-base,.asset-card:focus-within[data-hover] .asset-base{opacity:0}.asset-card:hover:not([data-hover]) .asset-base,.asset-card:focus-within:not([data-hover]) .asset-base{transform:scale(1.035)}}.assets-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-gap)}.assets-grid .asset-media{aspect-ratio:1 / 1}.assets-grid .asset-media img{position:absolute;inset:0;height:100%;object-fit:contain;padding:6%}@media (max-width: 60em){.assets-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 34em){.assets-grid{grid-template-columns:1fr}}.shots-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-gap);list-style:none;margin:0;padding:0}@media (max-width: 60em){.shots-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 34em){.shots-grid{grid-template-columns:1fr}}.shots-grid a{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.shots-grid a img{width:100%;height:auto}.shots-grid a:hover,.shots-grid a:focus-visible{border-color:var(--trace)}@media (prefers-reduced-motion: no-preference){.shots-grid a img{transition:transform 0.3s ease}.shots-grid a:hover img{transform:scale(1.03)}}.lightbox{padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--void);max-width:min(92vw, 90rem)}.lightbox::backdrop{background:rgba(4,6,9,0.85)}.lightbox img{max-width:100%;max-height:82vh;width:auto;height:auto;margin-inline:auto}.lightbox .lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0.5rem 0.75rem}.lightbox .lightbox-bar button{font:inherit;color:var(--glare);background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:0.35rem 0.8rem;cursor:pointer}.lightbox .lightbox-bar button:hover{border-color:var(--fog)}#main{position:relative}#main .main-circuits{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:clamp(43rem, 94%, 80rem);height:auto;z-index:-1;opacity:0.5;pointer-events:none}.devlog-split{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-gap)}@media (max-width: 50em){.devlog-split{grid-template-columns:1fr}}.devlog-split>div{padding:1.6rem;background:var(--basalt);border:1px solid var(--border);border-radius:var(--radius)}.devlog-list{list-style:none;margin:0;padding:0}.devlog-list li{border-top:1px solid var(--border);padding-block:1.1rem}.devlog-list time{display:block;font-size:var(--text-small);color:var(--fog);margin-bottom:0.2rem}.devlog-list h3{margin:0 0 0.25em;font-size:1.1rem}.devlog-list p{margin:0;color:var(--fog);font-size:var(--text-small)}.devlog-more{margin-top:1rem;font-size:var(--text-small)}.roadmap-list{list-style:none;margin:0;padding:0}.roadmap-list li{display:flex;align-items:baseline;gap:0.75rem;border-top:1px solid var(--border);padding-block:0.8rem}.roadmap-list .roadmap-status{flex:none;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--fog);border:1px solid var(--border);border-radius:999px;padding:0.15rem 0.6rem}.roadmap-list .roadmap-status.is-done{color:var(--void);background:var(--fog);border-color:var(--fog)}.roadmap-list .roadmap-status.is-active{color:var(--lumen);border-color:rgba(63,224,230,0.55)}.page{padding-block:calc(var(--space-section) + 3rem) var(--space-section)}.page .page-body{max-width:44rem}.page .page-body h2{font-size:1.35rem;margin-top:2em}.page .page-body h3{font-size:1.05rem;margin-top:1.6em}.page .page-meta{color:var(--fog);font-size:var(--text-small);margin-bottom:2rem}.todo-flag{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;color:var(--void);background:var(--fog);border-radius:3px;padding:0.1rem 0.45rem;vertical-align:middle}
