@font-face{font-family:Oxanium;src:url('assets/Oxanium.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--text:#edf3f6;--muted:#a5b4c2;--line:#c3dcee24;--gold:#dbb988;--blue:#b5dce9;--px:0px;--py:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0px}body{margin:0;background:#06090d;color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#668a9b77}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}
.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 80% 25%,#142633 0,transparent 47%),radial-gradient(ellipse at 5% 95%,#281e2244,transparent 42%),#06090d}.nebula{position:absolute;inset:-10%;background:radial-gradient(ellipse at 63% 35%,#28567532,transparent 36%),radial-gradient(ellipse at 10% 70%,#7255381f,transparent 45%);filter:blur(30px)}.stars{position:absolute;inset:-5%;opacity:.55;background-image:radial-gradient(1px 1px at 22px 31px,#c1dcec 70%,transparent),radial-gradient(1px 1px at 91px 115px,#a2bcca88 70%,transparent),radial-gradient(1.3px 1.3px at 183px 51px,#c4e7ff99 70%,transparent);background-size:257px 233px,311px 347px,487px 461px}[data-depth]{transform:translate3d(var(--dx,0px),var(--dy,0px),0);will-change:transform}
.topbar{position:absolute;z-index:20;left:4%;right:4%;top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:58px;border-bottom:1px solid var(--line)}.wordmark{font:600 14px Oxanium,sans-serif;letter-spacing:.11em}.wordmark span{color:#7f9bab;font-weight:400}.topbar nav{display:flex;gap:5px;padding:4px;border:1px solid #d1e4f21b;border-radius:30px;background:#111b2480;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}nav a{padding:7px 20px;border-radius:22px;font-size:13px;color:#a3b3c1;transition:background .2s,color .2s}nav a:hover,nav a[aria-current]{background:#c0d5e916;color:#f5f8fa}.status{font:10px Oxanium,sans-serif;letter-spacing:.12em;color:#93aebb;display:flex;align-items:center;gap:10px}.status i{width:5px;height:5px;border-radius:50%;background:#b7dcd4;box-shadow:0 0 10px #b7dcd477}
.scene{position:relative;min-height:100svh;padding:100px 6vw 85px;display:grid;place-items:center;overflow:hidden}.central{position:relative;z-index:2;width:min(650px,100%);text-align:center}.brand{display:block;width:clamp(165px,19vw,245px);height:auto;margin:0 auto 22px;filter:drop-shadow(0 10px 20px #0007)}.glass{border:1px solid #d3e9f32b;border-radius:26px;background:linear-gradient(125deg,#c1d7e713,#111b2469 40%,#05090ed1);backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%);box-shadow:inset 0 1px 0 #effaff12,inset 0 -1px 0 #0009,0 24px 100px #0005}.hero-card{padding:36px 35px 22px}.eyebrow{font:11px/1.6 Oxanium,sans-serif;letter-spacing:.2em;color:var(--blue);margin:0 0 20px}h1,h2,p,figure{margin:0}h1,h2{font-family:Oxanium,sans-serif;letter-spacing:-.045em;font-weight:500;line-height:1.04}h1{font-size:clamp(44px,5.4vw,78px);white-space:nowrap}h1 span{color:var(--gold)}.tagline{font:23px Oxanium,sans-serif;margin-top:16px;color:#d6e0e8}.intro{margin-top:18px;line-height:1.85;color:var(--muted);font-size:15px}.actions{display:flex;justify-content:center;gap:12px;margin:26px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;border:1px solid #e1effa24;border-radius:14px;padding:12px 21px;background:linear-gradient(130deg,#e1f2ff10,#0b101c50);box-shadow:inset 0 1px 0 #fff1;transition:background .25s,transform .25s,border-color .25s;font-size:13px}.primary{background:linear-gradient(135deg,#bfdde52b,#7597a318);border-color:#c5e2ee49}.button:hover{transform:translateY(-2px);border-color:#d1e3eb77;background:#bfdae52c}.button span{font-size:20px;color:#bcdfeb}.quiet{color:#b1c0ce}.specs{display:flex;justify-content:center;gap:23px;border-top:1px solid var(--line);padding-top:17px;color:#8d9faa;font:9px/1.5 Oxanium,sans-serif;letter-spacing:.09em}.release-note{color:#92a2b1;font-size:11px;margin-top:18px}.release-note span{margin:0 9px;color:#c4a071}.orbit-art{position:absolute;right:-12%;top:15%;width:65%;opacity:.84;z-index:1;pointer-events:none}.ship-stage{width:100%;aspect-ratio:8/5;position:relative}.ship-stage>img,.ship-stage>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ship-stage>canvas{opacity:0}.ship-stage.is-ready>canvas{opacity:1}.ship-stage.is-ready>img{opacity:0}.ship figcaption{position:absolute;right:24%;bottom:2%;font:10px Oxanium,sans-serif;letter-spacing:.15em;color:#92a7b7;text-align:right}.rotation-control{display:block;margin-top:9px;margin-left:auto;pointer-events:auto;font-size:10px;color:#a4b5c3;border:1px solid var(--line);border-radius:8px;background:#0b121ca1;padding:6px 10px}.rotation-control[hidden]{display:none}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:9px Oxanium,sans-serif;letter-spacing:.2em;color:#9db0be;display:flex;align-items:center;gap:15px}.scroll-cue span{font-size:19px}.scene-number{position:absolute;bottom:30px;left:4%;font:10px Oxanium,sans-serif;letter-spacing:.17em;color:#607685}
.gameplay{background:linear-gradient(#03060800,#101a2350,#03060800);padding-top:70px}.section-inner{width:min(980px,100%);text-align:center}.section-inner>.eyebrow{margin-bottom:12px}h2{font-size:clamp(34px,4vw,56px)}h2 span{color:#9cb9cc}.section-intro{color:var(--muted);font-size:14px;margin:16px 0 28px}.screen{padding:7px;border-radius:18px}.screen>a{display:block;overflow:hidden;border-radius:11px}.screen img{display:block;width:100%;height:auto;aspect-ratio:2.17;object-fit:contain;background:#020305}.screen figcaption{padding:11px 12px 5px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#a2b5c4;text-align:left}.capture-label{font:9px Oxanium,sans-serif;letter-spacing:.12em;white-space:nowrap}.shot-select{display:flex;justify-content:center;gap:8px;margin-top:17px}.shot-select button{color:#869baa;border:1px solid #d2eafa1c;border-radius:12px;background:#0c131b80;padding:10px 15px;font:11px Oxanium,sans-serif;min-height:44px;transition:.2s}.shot-select button span{font:12px -apple-system,BlinkMacSystemFont,sans-serif;margin-left:6px;color:#bdc9d3}.shot-select button:hover,.shot-select button[aria-pressed=true]{border-color:#bad6e75c;background:#b5daec13;color:#e5d0ad}.game-facts{display:flex;gap:20px;justify-content:center;margin-top:25px;color:#8ca0af;font-size:11px;flex-wrap:wrap}.game-facts strong{font-weight:500;color:#ced8df}
.studio{min-height:90svh}.studio-card{position:relative;z-index:2;text-align:center;padding:45px 55px;width:min(650px,100%)}.studio-copy{font-size:15px;color:var(--muted);max-width:455px;line-height:1.9;margin:25px auto}.contact-divider{height:1px;background:linear-gradient(90deg,transparent,#c5dde730,transparent);margin:32px 0}.studio-card .eyebrow{margin-bottom:15px}.contact-email{display:inline-flex;align-items:center;gap:24px;font:clamp(17px,2.3vw,26px) Oxanium,sans-serif;letter-spacing:-.02em}.contact-email span{font-size:24px;color:var(--gold)}.contact-note{margin:12px 0 22px;font-size:12px;color:#8ea4b4}.social{font-size:12px;color:#b8cfdd;border-bottom:1px solid #bed0dc38;padding-bottom:6px}.studio-emblem{position:absolute;width:580px;left:-170px;top:8%;opacity:.13;filter:blur(1px)}footer{position:absolute;bottom:0;left:4%;right:4%;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:#7f95a5;font-size:11px}footer>div{display:flex;gap:25px}footer a:hover{color:#e0edf4}
@media(min-width:1000px) and (max-height:800px){.scene.opening{padding-top:90px;padding-bottom:65px}.brand{width:175px;margin-bottom:12px}.hero-card{padding-top:25px}.hero-card .eyebrow{margin-bottom:12px}.actions{margin:20px 0}.orbit-art{top:10%}.gameplay{padding:60px 6vw}.section-inner{max-width:840px}}
@media(max-width:900px){.topbar{flex-wrap:wrap;justify-content:center;height:auto;padding-bottom:12px;gap:13px;top:20px}.wordmark{margin-right:auto}.status{display:none}.topbar nav a{padding:7px 13px}.orbit-art{right:-24%;top:15%;width:95%;opacity:.55}.ship figcaption{display:none}.scene{padding:115px 5vw 70px}.hero-card{background:linear-gradient(125deg,#b1cdda13,#050b12e8)}.game-facts{gap:8px 20px}.studio-card{padding:38px 30px}.studio{min-height:85svh;padding-bottom:105px}}
@media(max-width:560px){.topbar{left:5%;right:5%;border:0}.wordmark{width:100%;text-align:center;margin:0;font-size:12px}.topbar nav a{font-size:12px;padding:6px 17px}.opening{padding-top:135px}.brand{width:155px;margin-bottom:20px}.hero-card{padding:27px 18px 20px;border-radius:23px}h1{font-size:clamp(35px,9.4vw,52px)}.eyebrow{font-size:9px;letter-spacing:.13em}.tagline{font-size:19px}.intro{font-size:13px}.actions{gap:9px}.button{padding:12px 14px;font-size:12px;gap:12px}.specs{font-size:8px;gap:12px}.release-note{font-size:10px}.orbit-art{top:16%;right:-50%;width:145%;opacity:.4}.scene-number{display:none}.gameplay{padding-top:65px;padding-bottom:65px;min-height:90svh}h2{font-size:35px}.section-intro{font-size:13px}.screen figcaption{font-size:10px;padding:10px 5px 4px}.capture-label{display:none}.shot-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shot-select button{padding:11px}.game-facts{display:grid;gap:8px;font-size:11px}.studio{padding-bottom:135px}.studio-card{padding:35px 23px}.studio-copy{font-size:14px}.studio-emblem{width:450px;left:-270px}.contact-email{font-size:19px;gap:10px}.contact-note{font-size:11px}footer{flex-direction:column;align-items:center;gap:12px;padding:20px 0}footer>div{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-depth]{transform:none!important;will-change:auto}*,*::before,*::after{transition:none!important}.button:hover{transform:none}}
/* Direction 02 — open space, typography and light; no outlined cards. */
.topbar{border-bottom:0}.topbar nav{border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:25px;padding:0}nav a{position:relative;border-radius:0;padding:10px 0;background:none!important}nav a::after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:1px;background:#c7dfea;transition:right .3s}nav a:hover::after,nav a[aria-current]::after{right:0}
.central{width:min(760px,100%)}.brand{width:clamp(150px,17vw,210px);margin-bottom:28px}.glass{border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-card{position:relative;isolation:isolate;padding:30px 32px 20px}.hero-card::before{content:'';position:absolute;z-index:-1;inset:-55px -90px;background:radial-gradient(ellipse,#050a10de 8%,#050a10b3 42%,#060b1055 61%,transparent 75%);pointer-events:none;filter:blur(15px)}.hero-card .eyebrow{color:#8fa9ba;font-size:10px;letter-spacing:.28em;margin-bottom:25px}h1{font-size:clamp(47px,6.8vw,100px);font-weight:500;letter-spacing:-.055em;text-shadow:0 3px 35px #0006}h1 span{background:linear-gradient(135deg,#ead6b4,#b89057);background-clip:text;-webkit-background-clip:text;color:transparent}.tagline{font-size:clamp(20px,2.3vw,29px);margin-top:17px}.intro{color:#99adbe;margin-top:22px}.actions{margin:31px 0 33px;gap:32px}.button{border:0;border-bottom:1px solid #b2cddb42;border-radius:0;box-shadow:none;background:none;min-height:45px;padding:10px 0;color:#dce8ef;position:relative;gap:23px;font-size:13px}.button::after{content:'';position:absolute;height:1px;background:#d9b982;bottom:-1px;left:0;right:100%;transition:right .3s}.button:hover{background:none;transform:none;border-color:#cce5f342}.button:hover::after{right:0}.button.quiet{color:#a0b2c1;border-color:#a8c4d724}.specs{border-top:0;padding-top:0;gap:26px;color:#788f9f;font-size:9px;letter-spacing:.13em}.release-note{font-size:11px;margin-top:25px;color:#7d94a5}.orbit-art{right:-8%;top:13%;width:63%;opacity:.7}.rotation-control{border:0;border-radius:0;padding:6px 0;background:none;border-bottom:1px solid #aac6d333}.scroll-cue{color:#708898}.screen{padding:0;border-radius:0;background:none;box-shadow:0 25px 70px #0005}.screen>a{border-radius:0}.screen figcaption{padding:15px 0 0}.shot-select{gap:30px;margin-top:22px}.shot-select button{border:0;border-bottom:1px solid #a2c6dc24;border-radius:0;background:none;padding:9px 0;color:#607e91}.shot-select button:hover,.shot-select button[aria-pressed=true]{background:none;border-color:#d8b479;color:#d8b479}.game-facts{margin-top:26px}.studio-card{position:relative;isolation:isolate;width:min(710px,100%);padding:45px 55px}.studio-card::before{content:'';position:absolute;z-index:-1;inset:-60px;background:radial-gradient(ellipse,#050a10e6 10%,#050a1080 48%,transparent 73%);pointer-events:none}.studio-card h2{font-size:clamp(43px,4.8vw,70px)}.contact-divider{width:80px;margin:34px auto;background:#abced53b}.social{border-bottom:1px solid #bed0dc38}.studio-emblem{opacity:.2;width:660px;left:-130px}footer{border-color:#c0dae518}
@media(max-width:900px){.hero-card{background:none}.topbar nav{gap:25px}.orbit-art{width:95%;right:-32%;opacity:.55;top:15%}.studio-card{padding:30px}.topbar nav a{padding:8px 0}}
@media(max-width:560px){.topbar nav{gap:30px}.topbar nav a{padding:7px 0}.opening{padding-top:135px}.brand{width:155px;margin-bottom:23px}.hero-card{padding:20px 0}.hero-card::before{inset:-25px -35px}.hero-card .eyebrow{font-size:8px;letter-spacing:.21em;margin-bottom:23px}h1{font-size:clamp(40px,11vw,60px)}.tagline{font-size:20px;margin-top:17px}.intro{font-size:13px;line-height:1.9}.actions{gap:25px;margin:24px 0 29px}.button{font-size:12px;gap:16px}.specs{gap:13px;font-size:8px}.release-note{font-size:10px;margin-top:15px}.orbit-art{right:-55%;width:150%;top:15%;opacity:.48}.shot-select{gap:8px 24px}.shot-select button{border-radius:0;padding:10px 0}.studio-card{padding:35px 8px}.studio-card h2{font-size:43px}.studio-emblem{left:-330px;opacity:.13}.screen figcaption{padding-top:12px}}

/* OBS stays anchored to the viewport; only its model rotates. */
.orbit-art{position:fixed;transform:none;will-change:auto}
.section-inner{position:relative;z-index:2}
.studio footer{z-index:2}

/* Occasional Scout pass uses the game's original transparent artwork. */
.scorpius-flight{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.scorpius-flight img{position:absolute;width:clamp(180px,28vw,430px);height:auto;left:0;top:0;opacity:0;transform-origin:50% 50%;filter:drop-shadow(0 0 7px #dc2e2438)}
.flyby-control{display:block;margin:6px 0 0 auto;padding:6px 0;border:0;border-bottom:1px solid #aac6d333;background:none;color:#a4b5c3;font-size:10px;pointer-events:auto}
.flyby-control[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.scorpius-flight,.flyby-control{display:none!important}}
/* Gameplay occupies the left column, leaving the anchored OBS unobscured. */
.gameplay{justify-items:start;padding-left:0;padding-right:0}
.gameplay .section-inner{width:58%;max-width:980px}
.gameplay .section-intro,.gameplay .eyebrow,.gameplay h2{padding-left:24px;padding-right:24px}
.gameplay .screen{width:100%}
.gameplay .screen figcaption{padding-left:18px;padding-right:12px}
.gameplay .shot-select{gap:20px;padding-left:18px;padding-right:18px;flex-wrap:wrap}
.gameplay .game-facts{padding:0 24px;gap:8px 18px}
@media(max-width:700px){.gameplay .section-inner{width:100%}.gameplay .shot-select{gap:8px 24px}.gameplay h2{font-size:32px}}

@media(min-width:701px){.orbit-art{width:45%;right:-1%}}

/* Shared left inset for the screenshot and its supporting copy. */
.gameplay{--screen-inset:clamp(24px,4.7vw,48px)}
.gameplay .screen{margin-left:var(--screen-inset);width:calc(100% - var(--screen-inset))}
.gameplay .game-facts{padding-left:var(--screen-inset);justify-content:flex-start;text-align:left}

/* A quiet rotating spacecraft and a cinematic, automatically changing gallery. */
.release-note{font-size:clamp(16px,1.4vw,20px);line-height:1.6;color:#c0ced8;margin-top:24px}
.release-note span{color:#d5b988}
#screenshot-full{position:relative;isolation:isolate}
#screenshot-next{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.holo-scan{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 30%,#8ee3ff18 48%,#b7f3ff66 50%,#8be4ff18 52%,transparent 70%),repeating-linear-gradient(0deg,transparent 0 3px,#a2efff18 3px 4px);mix-blend-mode:screen}
.is-transmitting #screenshot-main{animation:holo-out 1s ease-in-out both}
.is-transmitting #screenshot-next{animation:holo-in 1s ease-in-out both}
.is-transmitting .holo-scan{animation:holo-scan 1s ease-in-out both}
@keyframes holo-out{0%{opacity:1;filter:none}45%{opacity:.35;filter:blur(5px) saturate(.65);transform:translateX(-.6%)}100%{opacity:0;filter:blur(7px);transform:translateX(0)}}
@keyframes holo-in{0%{opacity:0;filter:blur(8px) saturate(.4);clip-path:inset(0 0 100% 0);transform:translateX(.7%)}45%{opacity:.7;filter:blur(3px) saturate(.6);clip-path:inset(0 0 35% 0)}100%{opacity:1;filter:none;clip-path:inset(0);transform:translateX(0)}}
@keyframes holo-scan{0%{opacity:0;transform:translateY(-70%)}30%{opacity:.7}75%{opacity:.45}100%{opacity:0;transform:translateY(70%)}}
.gameplay .gallery-navigation{display:flex;align-items:center;gap:12px;margin:20px 0 0 var(--screen-inset);width:calc(100% - var(--screen-inset));min-width:0}
.gameplay .shot-select{position:relative;display:flex;flex:1;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:24px;margin:0;padding:6px 2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.shot-select::-webkit-scrollbar{display:none}
.gameplay .shot-select button{flex:0 0 auto;white-space:nowrap;font-size:12px;color:#95a9b8;padding:10px 0}
.gameplay .shot-select button[aria-pressed=true]{color:#e0c395;border-color:#dbb988}
.scene-scroll{flex:0 0 28px;width:28px;min-height:44px;padding:0;border:0;background:none;color:#c5dbe7;font-size:28px;font-weight:300;line-height:1}
.scene-scroll:disabled{opacity:.2;cursor:default}
.scene-scroll:hover:not(:disabled){color:#e0c395}
@media(max-width:700px){.gameplay .screen,.gameplay .gallery-navigation{width:calc(100% - var(--screen-inset) * 2)}.gameplay .gallery-navigation{gap:8px}.gameplay .shot-select{gap:24px}.release-note{max-width:330px;margin:22px auto 0}}
@media(prefers-reduced-motion:reduce){.is-transmitting #screenshot-main,.is-transmitting #screenshot-next,.is-transmitting .holo-scan{animation:none}}

.gameplay{grid-template-columns:minmax(0,1fr)}
.gameplay .section-inner{min-width:0}

.play-details{margin:25px 0 0 var(--screen-inset);width:calc(100% - var(--screen-inset));display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;padding-top:24px;border-top:1px solid #c3dcee24;text-align:left;color:#98adbc;font-size:12px;line-height:1.8}
.play-details strong{color:#d1dde5;font-weight:500;display:block;margin-bottom:4px}
@media(max-width:900px){.play-details{grid-template-columns:1fr;gap:16px}}
@media(max-width:700px){.play-details{width:calc(100% - var(--screen-inset) * 2);font-size:13px}}