:root{--navy:#061327;--deep:#030b19;--ink:#fff2dc;--white:#fff8ef;--muted:#b3bfd2;--lime:#b9ed2b;--orange:#ffa74c;--blue:#5acbff;--line:#97b6ec30;--scroll-ratio:0;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--deep);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}main,footer{position:relative;z-index:1}#space,#stardust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#space{z-index:0}#stardust{z-index:120}.skip{position:fixed;top:-80px;left:15px;z-index:300;background:var(--lime);color:#0b1420;padding:20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}header{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 4%;background:linear-gradient(#031022e8,#041127b8,#04112700);transition:background .4s,box-shadow .4s,backdrop-filter .4s}header.scrolled{background:#07172de8;backdrop-filter:blur(20px);box-shadow:0 1px 0 #759ac931,0 12px 30px #0003}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid #4fa4ff6b;box-shadow:0 0 18px #1f7fff3d}.brand>span{font-weight:900;font-size:17px;letter-spacing:-.5px}.brand>span>span{color:var(--lime)}.brand small{display:block;font:7px monospace;letter-spacing:2px;margin-top:5px;color:#b8c3d7}nav{display:flex;gap:32px;font-size:12px;font-weight:700}nav a{position:relative;padding:15px 0}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--orange);transition:width .3s}nav a:hover:after{width:100%}nav a span{color:var(--orange)}.controls{display:flex;gap:16px;align-items:center}.controls button{background:none;display:flex;gap:5px;align-items:center;padding:8px 0;font:9px monospace;white-space:nowrap;color:var(--muted)}.controls b{font-weight:400;color:var(--white)}.control-icon{font-size:18px;color:var(--orange);margin-right:3px}.volume-control{display:flex;align-items:center;width:38px}#volume{width:100%;height:3px;appearance:none;background:#4d627e;border-radius:4px;cursor:pointer}#volume::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:var(--orange)}#volume::-moz-range-thumb{border:0;width:7px;height:7px;background:var(--orange)}#sound.is-playing .control-icon{color:var(--lime)}#menu{display:none}.rail{position:fixed;z-index:40;left:18px;top:43%;display:flex;flex-direction:column;gap:18px}.rail a{display:flex;gap:9px;align-items:center;font:9px monospace;color:#94acc2;opacity:.7;transition:color .4s,opacity .4s}.rail b{font-weight:400;border-left:1px solid #7c9bbb50;padding:4px 0 4px 8px}.rail span{position:absolute;left:32px;white-space:nowrap;opacity:0;transform:translateX(-4px);transition:.3s;background:#06152ddc;padding:6px 9px;border-radius:5px;pointer-events:none}.rail a:hover span{opacity:1;transform:none}.rail a.active{color:var(--orange);opacity:1}.rail a.active b{border-color:var(--orange);border-width:2px}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:80;pointer-events:none}.scroll-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange),var(--lime));transform:scaleX(var(--scroll-ratio));transform-origin:left;box-shadow:0 0 15px #6ad0ff80}.hero{position:relative;min-height:900px;height:100svh;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:-3%;background:url('assets/moon-colony.png') center center/cover no-repeat;z-index:-3;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020c23d6 0%,#0312287a 45%,#04122920 70%),linear-gradient(0deg,#030b19 0%,#030b1900 28%);z-index:-2}.hero-inner{width:100%;padding:150px 8% 150px;display:grid;grid-template-columns:1.05fr 1fr;gap:25px;height:100%;align-items:center}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--orange);display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow i{width:6px;height:6px;background:var(--lime);box-shadow:0 0 14px var(--lime);border-radius:50%;display:inline-block}.hero-copy{position:relative;z-index:3;will-change:transform,opacity}h1,h2,h3,.fx-copy h2,.footer-main p{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-weight:900}h1{font-size:clamp(62px,5.9vw,104px);line-height:1.03;letter-spacing:-4px;margin:0 0 29px;color:#fff0d4;text-shadow:0 3px 0 #6e5035,0 7px 0 #1d2538,0 10px 24px #000b}.title-line{display:block;animation:hero-title 1.1s cubic-bezier(.2,.8,.2,1) both}.title-line:nth-child(2){animation-delay:.12s}.title-line:nth-child(3){animation-delay:.25s}.title-line em{white-space:nowrap}em{font-style:normal;color:var(--lime)}h1 em{color:#b6ed25;text-shadow:0 3px 0 #516909,0 7px 0 #1a2937,0 10px 24px #000b}@keyframes hero-title{from{opacity:0;transform:translateY(40px) rotate(-2deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.intro{font-size:16px;line-height:1.85;max-width:480px;color:#e0e5ec;text-shadow:0 2px 10px #000}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:19px 23px;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:1px;min-height:53px;transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .25s,box-shadow .3s,background .3s;position:relative;overflow:hidden}.button span{font-size:20px;line-height:.6;transition:transform .3s}.button:hover span{transform:translate(3px,-2px)}.button:active{translate:0 3px}.primary{background:linear-gradient(#d5fc55,#afe521);color:#233509;border:1px solid #e1ff80;box-shadow:0 5px 0 #557410,0 9px 28px #071a0360}.primary:hover{box-shadow:0 5px 0 #557410,0 0 35px #b4f52c44;background:#dcff7d}.ghost{background:#08172c9c;border:1px solid #adbcd064;color:var(--white);box-shadow:0 4px 0 #040b19}.ghost:hover{background:#162d4e}.hero-tags{display:flex;gap:17px;font:8px monospace;letter-spacing:1px;color:#bdcadd;margin-top:27px}.hero-tags span+span:before{content:'·';color:var(--orange);margin-right:17px}.hero-emblem{position:relative;align-self:center;z-index:2;isolation:isolate;transform:translateY(-35px);animation:emblem-enter 1.7s ease both}.hero-emblem>img{display:block;width:110%;max-width:640px;height:auto;border-radius:50%;filter:drop-shadow(0 12px 50px #1374ce66);animation:emblem-float 7s ease-in-out infinite;transform:rotate(-3deg)}.emblem-orbit{position:absolute;inset:12% -9% 8% -4%;border:1px solid #6cb5ff55;border-radius:50%;transform:rotate(-25deg) scaleY(.45);box-shadow:0 0 40px #229bff30;z-index:2;pointer-events:none}.emblem-orbit:after{content:'';position:absolute;top:12%;left:12%;width:9px;height:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 20px #ffb254}.logo-spark{position:absolute;color:#fff3bf;text-shadow:0 0 25px #ffad3a;font-size:32px;animation:sparkle 4s ease-in-out infinite}.spark-one{top:15%;right:-4%}.spark-two{left:6%;bottom:19%;font-size:19px;animation-delay:2s}@keyframes emblem-float{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes emblem-enter{from{opacity:0;scale:.85;filter:blur(10px)}to{opacity:1;scale:1;filter:none}}@keyframes sparkle{50%{opacity:.3;scale:.6;rotate:15deg}}.hero-bottom{position:absolute;left:8%;right:7%;bottom:36px;display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1px;color:#aabed6}.hero-bottom>a{display:flex;gap:12px;align-items:center;color:var(--white)}.hero-bottom b{display:block;margin-top:8px;color:var(--orange);font-size:12px;letter-spacing:2px}.hero-bottom p{font:30px 'Trebuchet MS',sans-serif;font-weight:800;color:var(--white);margin:0}.hero-bottom p span{display:block;font:8px monospace;color:#a9b8cd;margin-top:5px}.scroll-wheel{display:block;width:19px;height:28px;border:1px solid #96b3d6;border-radius:12px;position:relative}.scroll-wheel:before{content:'';width:3px;height:6px;position:absolute;left:7px;top:5px;background:var(--orange);border-radius:2px;animation:scroll-cue 1.8s infinite}@keyframes scroll-cue{to{transform:translateY(9px);opacity:0}}
.section{position:relative;padding:105px 9% 100px;isolation:isolate;scroll-margin-top:10px}.section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#17345d33,transparent 70%),linear-gradient(#030b1940,#041125bb,#030b1940);pointer-events:none}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:65px;font:9px monospace;letter-spacing:1.5px;color:#b8c7dc}.section-top>span:first-child{display:flex;gap:15px;align-items:center;color:var(--white)}.section-top b{font-size:12px;border:1px solid #4873a052;border-radius:6px;padding:8px 9px;color:var(--orange);background:#102541}h2{font-size:clamp(40px,4.5vw,72px);line-height:1.12;letter-spacing:-2.4px;margin:0;color:var(--ink)}h2 em{color:var(--orange)}p{font-size:15px;line-height:1.85;margin:0 0 22px}.muted{color:var(--muted)}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start;margin-bottom:60px}.story-copy p:first-child{font-size:17px;color:#eef2fb}.story-copy p{color:#c1cbda}.art{display:block;width:100%;padding:0;position:relative;background:#071b33;border:1px solid #6997bc5c;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0006;isolation:isolate}.art img{width:100%;height:auto;display:block;transform:scale(1.04) translateY(var(--image-shift,0px));transition:scale .7s}.art:hover img{scale:1.025}.art:before{content:'';position:absolute;inset:0;z-index:1;border:7px solid #0a23413d;border-radius:18px;pointer-events:none}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#a2daff25,transparent 60%);transform:translateX(-100%);pointer-events:none}.art:hover:after{animation:sheen 1.2s ease}@keyframes sheen{to{transform:translateX(100%)}}.art-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:45px 30px 25px;background:linear-gradient(transparent,#020b1edb);font:10px monospace;letter-spacing:2px;color:#fff5dd}.art-label b{display:grid;place-items:center;width:42px;height:42px;background:var(--orange);border-radius:50%;color:#3f2105;font:25px Arial}.caption{font:10px/1.8 monospace;color:#91a4bf;margin:15px 0 0;letter-spacing:.2px}.worlds-heading,.game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.worlds-heading>p,.game-head>p{color:var(--muted);max-width:280px;margin:0 0 5px}.worlds-heading h2 em{color:var(--lime)}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:25px}.world-visual{height:480px;position:relative;display:grid;place-items:center;perspective:900px}.world-visual canvas{width:90%;max-width:400px;height:auto;position:relative;z-index:1;filter:drop-shadow(0 0 60px #468add28);transition:transform .8s,opacity .4s;animation:planet-breathe 10s ease-in-out infinite}@keyframes planet-breathe{50%{transform:translateY(-8px) rotate(2deg)}}.planet-orbit{position:absolute;width:95%;height:35%;border:1px solid #81bfff55;border-radius:50%;transform:rotate(-22deg)}.orbit-a{animation:orbit-sway 20s ease-in-out infinite alternate}.orbit-b{height:65%;width:75%;transform:rotate(35deg);border-style:dashed;border-color:#81bfff19}.orbit-a:after{content:'';position:absolute;left:10%;top:8%;height:7px;width:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 18px var(--orange)}@keyframes orbit-sway{to{transform:rotate(10deg)}}.planet-cross{position:absolute;right:10%;top:14%;color:var(--orange);font-size:24px}.world-visual small{position:absolute;bottom:14px;left:4%;font:9px monospace;color:#8fa7c5;letter-spacing:2px}.world-number{position:absolute;top:2%;left:0;font-size:130px;font-weight:900;color:#ffffff04;-webkit-text-stroke:1px #7aabe325}.world-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:35px}.world-tabs button{position:relative;padding:14px 8px 14px 13px;text-align:left;color:#c0d0e6;background:#0e233f;border:1px solid #557aa844;border-radius:10px;font-size:13px;font-weight:700;transition:background .3s,transform .3s,border-color .3s}.world-tabs small{font:9px monospace;display:block;opacity:.6;margin-bottom:8px}.world-tabs button[aria-selected=true]{background:#c6ef46;color:#243609;border-color:#e1ff8a;box-shadow:0 4px 0 #536c10}.world-tabs button:hover{transform:translateY(-3px);border-color:#73bff5}.world-info .eyebrow{margin-bottom:15px;font-size:9px}h3{font-size:45px;letter-spacing:-1px;margin:0 0 22px}.world-info p:not(.eyebrow):not(.caption){color:#c4d1e2}.world-facts{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font:8px monospace;letter-spacing:1px;color:#83b9ed}.world-facts span:last-child{color:var(--orange)}#world-panel{min-height:225px;transition:opacity .3s,transform .4s,filter .3s}.is-switching #world-panel{opacity:0;transform:translateY(15px);filter:blur(5px)}.is-switching canvas{opacity:0;transform:scale(.8) rotate(10deg)}.game-head{margin-bottom:55px}.features{display:grid;gap:12px}.features details{position:relative;background:linear-gradient(120deg,#122b49dd,#07162ddd);border:1px solid #44658b6b;border-radius:14px;overflow:hidden;transition:border-color .4s,background .4s}.features details:hover,.features details[open]{border-color:#eca64b6b;background:linear-gradient(120deg,#183556dd,#0b1c33dd)}summary{display:flex;gap:22px;align-items:center;padding:25px 28px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.feature-icon{font:30px Arial;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;color:var(--orange);background:linear-gradient(#244767,#132b43);border:1px solid #5688b54d;box-shadow:inset 0 1px 0 #fff2}.features details:nth-child(2) .feature-icon{color:var(--lime)}.features details:nth-child(3) .feature-icon{color:var(--blue)}summary small{font:8px monospace;letter-spacing:2px;color:#9eb8d3}summary h3{font-size:27px;letter-spacing:-.7px;margin:7px 0 0}summary>b{margin-left:auto;font:28px Arial;color:var(--orange);transition:rotate .4s}details[open] summary>b{rotate:45deg}.feature-body{margin:0 60px 28px 105px;max-width:700px;animation:detail-in .5s ease both}.feature-body p{color:#bdcfe3;margin-bottom:18px}.feature-body>span{font:8px monospace;letter-spacing:2px;color:var(--orange)}@keyframes detail-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.development{overflow:hidden;padding-bottom:100px}.development-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(#030b19 0%,#061326c7 35%,#071222a6 65%,#030b19 100%),url('assets/moon-colony.png') 70% bottom/cover no-repeat;opacity:.7}.development>h2{font-size:clamp(45px,5.5vw,88px);margin-bottom:60px}.development>h2 em{color:var(--lime)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.alpha-title>span{font:10px monospace;letter-spacing:4px;color:var(--orange)}.alpha-title h3{font-size:80px;line-height:.98;margin-top:18px;letter-spacing:-3px}.dev-grid>div>p{max-width:500px}.steps{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:30px;margin-top:65px;font:9px monospace;letter-spacing:1px;color:#c9d8ed}.steps b{color:var(--orange);font-weight:400;margin-right:10px}.steps i{font-style:normal;color:var(--lime)}footer{padding:50px 9% 30px;background:radial-gradient(ellipse at 20% 50%,#10428a44,transparent 65%),#041024;border-top:1px solid #5686ba2e}.footer-main{display:flex;align-items:center;gap:70px;justify-content:center;padding:20px 0 55px}.footer-main>img{width:240px;height:240px;object-fit:contain;border-radius:50%}.footer-main p{font-size:48px;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line);font:8px monospace;letter-spacing:1px;color:#8da6c4}.telemetry{position:fixed;z-index:49;bottom:11px;right:18px;font:7px monospace;letter-spacing:1px;display:flex;gap:10px;align-items:center;color:#92afcf;pointer-events:none;text-shadow:0 1px 8px #000}.telemetry i{width:4px;height:4px;background:var(--orange);border-radius:50%}.telemetry #distance{color:#cfdaea}.reveal{transition:opacity .8s ease,translate 1.1s cubic-bezier(.16,1,.3,1),filter .8s;transition-delay:var(--stagger,0ms)}.effects-on .reveal:not(.revealed){opacity:0;translate:0 40px;filter:blur(7px)}
/* Four self-contained transitions, also replayed for navigation. */
.transition{height:165svh;position:relative;isolation:isolate}.fx-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#030d20}.fx-stars{position:absolute;inset:-15%;z-index:-4;background:linear-gradient(#07132d88,#03132f55),url('assets/moon-colony.png') center top/cover no-repeat;transform:scale(1.25);filter:saturate(1.2)}.fx-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#030b19 0%,transparent 18%,transparent 82%,#030b19 100%);z-index:8}.fx-wash{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#83d8ff55,transparent 68%)}.fx-copy{position:absolute;z-index:2;top:34%;left:10%;right:10%;text-align:center;pointer-events:none;will-change:transform,opacity}.fx-copy>p{font:10px monospace;letter-spacing:4px;color:var(--orange);margin-bottom:24px}.fx-copy h2{font-size:clamp(48px,6.5vw,106px);line-height:1.05;letter-spacing:-3px;text-shadow:0 5px 1px #07213b,0 12px 35px #000a}.fx-copy h2 em{color:#c6ef43}.fx-copy>span{display:block;font:9px monospace;letter-spacing:3px;margin-top:26px;color:#c5dbf5}.fx-topline{position:absolute;z-index:10;top:115px;left:8%;right:8%;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:2px;color:#99bbdf}.fx-bottom{position:absolute;z-index:10;bottom:45px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:20px}.fx-scroll{font:8px monospace;letter-spacing:2px;color:#adc5df}.replay{background:#0b233cc2;border:1px solid #77b6e65c;padding:13px 16px;border-radius:8px;font:9px monospace;color:#e6f3ff;transition:background .3s}.replay:hover{background:#1d4b70}.fx-colony{position:absolute;inset:0;z-index:-2;background:linear-gradient(#03102640,#030c19aa),url('assets/moon-colony.png') center bottom/cover no-repeat;opacity:0;transform:scale(1.4)}.shuttle-fly{position:absolute;width:min(78vw,1250px);top:32%;left:0;z-index:5;will-change:transform;filter:drop-shadow(0 30px 30px #0006)}.shuttle-fly>img{width:100%;height:auto;display:block}.engine-trail{position:absolute;left:-50%;top:47%;width:80%;height:14%;background:linear-gradient(90deg,transparent,#1c80f01f,#4ecaff95,#e6feffe0);filter:blur(12px);border-radius:50%;transform:rotate(-7deg);mix-blend-mode:screen;z-index:-1;animation:thruster 1.2s ease-in-out infinite alternate}@keyframes thruster{to{opacity:.55;scale:1.1 .65}}.flight-path{position:absolute;left:-10%;top:50%;width:120%;height:1px;background:linear-gradient(90deg,transparent,#72d0ff85,transparent);rotate:-8deg;box-shadow:0 0 30px #39aeff;opacity:.4}.portal{position:absolute;left:50%;top:50%;width:min(55vw,650px);aspect-ratio:1;z-index:3;will-change:transform;pointer-events:none}.portal-rim{position:absolute;inset:0;border:6px solid #65d9ff;border-radius:50%;box-shadow:0 0 15px #c7f6ff,0 0 50px #26a3ff,inset 0 0 40px #2791ff;background:radial-gradient(transparent 68%,#2a7eff30 72%,transparent 75%)}.rim-one:after{content:'';position:absolute;inset:15px;border:13px dashed #adf0ff72;border-radius:50%;animation:portal-spin 20s linear infinite}.rim-two{inset:-8%;border:1px solid #ffa83f66;box-shadow:0 0 35px #ff882733;transform:rotateX(25deg) rotateY(-15deg)}.rim-three{inset:10%;border:2px dashed #76c9ff50;box-shadow:inset 0 0 40px #1471ea;animation:portal-spin 30s linear reverse infinite}.portal-core{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(#030c25 10%,#102a6b33 55%,#55c5ff55 85%,transparent);box-shadow:inset 0 0 60px #094dbd33}@keyframes portal-spin{to{rotate:360deg}}[data-effect=portal] .fx-copy{z-index:4;top:36%}[data-effect=portal] .fx-copy h2{font-size:clamp(40px,5vw,75px)}.portal-streaks{position:absolute;inset:-100%;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 11.7deg,#7fc6ff2e 11.8deg 12deg,transparent 12.2deg 23.9deg);mask-image:radial-gradient(transparent 15%,#000 70%);opacity:0;z-index:1}.asteroid-field{position:absolute;inset:0;z-index:5;pointer-events:none}.asteroid{position:absolute;display:block;width:140px;height:130px;will-change:transform;clip-path:polygon(23% 0,67% 5%,91% 24%,100% 62%,72% 96%,29% 100%,0 73%,3% 30%);background:radial-gradient(ellipse at 27% 22%,#d3c4b2 0 5%,#948979 27%,#665c52 49%,#302c2b 70%,#1a2232 90%);box-shadow:inset 18px 10px 25px #e6d5b94d}.asteroid:before{content:'';position:absolute;inset:0;background:conic-gradient(from 30deg at 34% 36%,transparent 0 45deg,#0004 47deg 110deg,transparent 114deg 200deg,#ebd1b333 203deg 280deg,transparent 285deg);clip-path:polygon(2% 25%,65% 10%,95% 62%,46% 99%,10% 71%)}.asteroid:after{content:'';position:absolute;width:28%;height:26%;top:32%;left:34%;border-radius:45%;background:radial-gradient(ellipse,#332e2f 25%,#756557 60%,#d6b78e 80%,transparent 90%);box-shadow:30px 20px 7px #12172599}.rock-2,.rock-6{background:linear-gradient(135deg,#76ddff,#206ca6 35%,#122f48 55%,#92e3ed 58%,#0a2740 65%);filter:drop-shadow(0 0 15px #5acfff66)}.rock-2:after,.rock-6:after{display:none}.construction-grid{position:absolute;inset:30% -30% -50%;z-index:1;background:repeating-linear-gradient(90deg,#63baff24 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,#63baff24 0 1px,transparent 1px 70px);transform:perspective(700px) rotateX(65deg);mask-image:linear-gradient(transparent,#000 50%,transparent)}.mineral-orbit{position:absolute;left:50%;top:48%;width:38vw;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(55deg);border:1px dashed #ffa94d66;border-radius:50%;box-shadow:0 0 80px #ed8e271a}[data-effect=asteroids] .fx-stars{filter:sepia(.1) saturate(.6);opacity:.4}[data-effect=asteroids] .fx-copy h2 em{color:var(--orange)}.hangar-horizon{position:absolute;inset:0;background:linear-gradient(0deg,#071329aa,#07132900 50%),url('assets/moon-colony.png') center/cover;transform:scale(1.2);z-index:-1}.hangar-door{position:absolute;z-index:6;top:0;bottom:0;width:51%;background:linear-gradient(90deg,#233143,#808992 10%,#c8c6bc 13%,#d6d5ca 48%,#a3a8ad 51%,#79818a 85%,#283847 100%);box-shadow:inset 0 0 80px #101f35,inset 0 -50px 0 #0d1b2b;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;will-change:transform}.door-left{left:0;border-right:8px solid #263749}.door-right{right:0;border-left:8px solid #263749}.hangar-door:before{content:'';position:absolute;inset:14% 13%;border:4px solid #303e4f;box-shadow:inset 0 0 35px #1c273b77,0 2px 3px #f2efdd77;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);background:repeating-linear-gradient(0deg,transparent 0 120px,#253c512d 121px 123px);border-radius:12px}.hangar-door:after{content:'';position:absolute;bottom:17%;width:54%;height:12px;border:2px solid #182a3d;border-radius:10px;background:#ffb452;box-shadow:0 0 22px #ffa42b80}.hangar-door b{position:relative;font:900 clamp(35px,6vw,95px) 'Trebuchet MS',sans-serif;color:#203446;text-shadow:0 2px 1px #fff9;letter-spacing:-3px}.hangar-door small{position:relative;font:8px monospace;letter-spacing:3px;color:#263949;margin-top:17px}.door-warning{position:absolute;width:100%;height:17px;top:25%;background:repeating-linear-gradient(130deg,#ff9f38 0 22px,#26374a 22px 44px);border-top:3px solid #26374a;border-bottom:3px solid #26374a}.hangar-door i{height:40%;width:6px;background:#8cdaff;position:absolute;right:14px;top:30%;box-shadow:0 0 20px #3fb7ff}.door-right i{right:auto;left:14px}[data-effect=hangar] .fx-copy{top:36%;z-index:2;text-shadow:0 3px 25px #000}[data-effect=hangar] .fx-topline{color:#ffefcf;background:#0b203b;padding:13px 20px;border-radius:7px;border:1px solid #82b3d252;left:36%;right:36%;justify-content:center}[data-effect=hangar] .fx-topline .flight-count{display:none}#travel-overlay{position:fixed;inset:0;z-index:90;pointer-events:none;display:none;opacity:0}#travel-overlay.active{display:block;pointer-events:auto}#travel-overlay .fx-stage{position:absolute;inset:0;height:100%;min-height:0}#travel-overlay .fx-topline{top:40px}#travel-overlay .fx-bottom{display:none}#travel-overlay .fx-stage:after{background:linear-gradient(#0004,transparent 20%,transparent 80%,#0004)}
#space-cursor{position:fixed;top:0;left:0;width:40px;height:40px;z-index:150;pointer-events:none;opacity:0;transition:opacity .2s;filter:drop-shadow(0 0 7px #69d7ff80)}#space-cursor.visible{opacity:1}#space-cursor svg{position:absolute;inset:5px;width:30px;height:30px;stroke:#11294b;stroke-width:1.2;transition:scale .25s,rotate .3s}#space-cursor>span{position:absolute;inset:-5px;border:1px solid #6dcaff90;transform:rotate(-25deg) scaleY(.7);border-radius:50%;transition:inset .35s,rotate .5s}#space-cursor>span:after{content:'';position:absolute;left:7px;top:0;width:4px;height:4px;background:var(--orange);border-radius:50%}#space-cursor.hover>span{inset:-12px;rotate:100deg;border-color:var(--orange)}#space-cursor.hover svg{scale:.85;rotate:-10deg}#space-cursor.pressed svg{scale:.65;rotate:-25deg}dialog{background:linear-gradient(135deg,#15385b,#07182e);color:var(--white);border:1px solid #6fb3eb77;border-radius:18px;padding:55px;max-width:650px;width:calc(100% - 32px);max-height:90svh;overflow:auto;box-shadow:0 25px 100px #000b;animation:dialog-in .45s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#020b20da;backdrop-filter:blur(15px)}dialog h2{margin-bottom:25px}dialog>p:not(.eyebrow){color:#c1d1e4}.close{position:absolute;right:12px;top:9px;width:35px;height:35px;background:#0c203b;color:var(--white);border-radius:50%;font:27px Arial;display:grid;place-items:center}#art-dialog{max-width:1250px;padding:45px 15px 10px}#art-dialog img{width:100%;border-radius:8px}#art-dialog p{margin:15px;font:10px monospace}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:none}}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important}body.motion-paused .reveal{opacity:1!important;translate:none!important;filter:none!important}body.motion-paused .transition{height:75svh}body.motion-paused .fx-stage{height:75svh;min-height:450px;position:relative}body.motion-paused .hero-copy{transform:none!important;opacity:1!important}body.motion-paused .hero-art{transform:none!important}body.motion-paused .art img{transform:none!important}body.motion-paused .hero-emblem>img{transform:none!important}@media(hover:hover) and (pointer:fine){body.custom-cursor,body.custom-cursor a,body.custom-cursor button,body.custom-cursor summary,body.custom-cursor input{cursor:none}dialog,dialog *{cursor:auto!important}dialog button{cursor:pointer!important}}@media(hover:none),(pointer:coarse){#space-cursor,#stardust{display:none}.button:hover{transform:none}}
@media(min-width:1700px){.hero-inner{padding-left:10%;padding-right:10%}h1{font-size:100px}.section{padding-left:12%;padding-right:12%}.hero-emblem{max-width:640px}.fx-copy h2{font-size:110px}}
@media(max-width:1100px){header{gap:15px;padding:12px 3%}nav{gap:19px}.controls{gap:12px}.brand>span{font-size:14px}.brand>img{width:45px;height:45px}.brand small{font-size:6px}.control-name{display:none}.hero{min-height:820px}.hero-inner{padding-left:8%;padding-right:6%;grid-template-columns:1.2fr 1fr;gap:0}h1{font-size:65px;letter-spacing:-3.5px}.hero-emblem{transform:translate(-12px,-75px)}.hero-emblem>img{width:120%}.hero-actions{gap:10px}.button{gap:18px;padding:17px 19px;font-size:9px}.story-grid{gap:35px}.world-layout{gap:30px}.world-visual{height:400px}.section{padding-left:8%;padding-right:7%}h2{font-size:47px}.alpha-title h3{font-size:68px}.rail{left:12px}.footer-main p{font-size:40px}.fx-stage{min-height:600px}}
@media(max-width:760px){html{scroll-padding-top:100px}header{padding:9px 5%;gap:10px;background:#06152ee6;backdrop-filter:blur(12px);flex-wrap:wrap;min-height:74px}.brand{gap:8px}.brand>img{width:43px;height:43px}.brand>span{font-size:13px}.brand small{font-size:5.5px;letter-spacing:1.3px}.controls{gap:14px;margin-left:auto}.controls button{font-size:8px;gap:3px;min-height:44px}.control-icon{font-size:17px;margin:0}.volume-control{display:none}#menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:44px;background:none;padding:6px}#menu i{display:block;height:2px;background:var(--white);width:22px;transition:rotate .3s,translate .3s}#menu[aria-expanded=true] i:first-child{rotate:45deg;translate:0 3.5px}#menu[aria-expanded=true] i:last-child{rotate:-45deg;translate:0 -3.5px}nav{display:none;position:absolute;top:72px;left:4%;right:4%;padding:13px 22px;flex-direction:column;gap:0;background:#0b2244fa;border:1px solid #4b7db566;border-radius:13px;box-shadow:0 20px 40px #0008}nav.open{display:flex}nav a{padding:17px 5px;border-bottom:1px solid #ffffff12;font-size:14px}nav a:last-child{border:0}.rail{display:none}.hero{height:auto;min-height:950px;min-height:105svh}.hero-art{background-position:61% center;inset:0 -40%;transform:none!important;opacity:.85}.hero-shade{background:linear-gradient(0deg,#030b19 0%,#041329be 14%,#04132975 65%,#04132921 100%)}.hero-inner{padding:93px 7% 135px;display:flex;flex-direction:column;gap:0;height:auto;align-items:stretch}.hero-emblem{order:-1;transform:none;max-width:310px;width:78%;align-self:center;margin-bottom:4px}.hero-emblem>img{width:100%;filter:drop-shadow(0 0 28px #0d7fff4f)}.emblem-orbit{inset:15% -8% 12%;}.logo-spark{font-size:23px}.spark-one{right:-3%;top:25%}.spark-two{left:-5%;bottom:20%}.hero-copy{text-align:center;transform:none!important;opacity:1!important}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px;margin:10px 0 20px}h1{font-size:clamp(42px,9.7vw,66px);letter-spacing:-2.5px;line-height:1.08;margin-bottom:23px}.intro{font-size:14px;line-height:1.7;max-width:420px;margin:0 auto}.hero-actions{justify-content:center;gap:10px;margin-top:25px}.button{padding:17px 18px;min-height:51px;font-size:9px;border-radius:9px;gap:17px}.hero-tags{justify-content:center;font-size:7px;gap:13px;margin-top:24px}.hero-tags span+span:before{margin-right:13px}.hero-bottom{bottom:35px;left:7%;right:7%;font-size:7px}.hero-bottom>div{display:none}.hero-bottom p{font-size:23px}.hero-bottom p span{font-size:6px}.section{padding:65px 7% 70px}.section-top{font-size:8px;letter-spacing:.6px;margin-bottom:38px;gap:15px;padding-top:20px}.section-top>span:first-child{gap:10px}.section-top>span:last-child{text-align:right;max-width:45%;line-height:1.6}.section-top b{font-size:10px;padding:6px}.story-grid,.world-layout,.dev-grid{grid-template-columns:1fr;gap:28px}.story-grid{margin-bottom:35px}h2{font-size:clamp(33px,8.6vw,48px);letter-spacing:-1.7px;line-height:1.12}.story-copy p:first-child{font-size:15px}p{font-size:14px;line-height:1.8}.art{border-radius:12px}.art img{transform:none!important;scale:1}.art-label{padding:25px 15px 12px;font-size:8px;letter-spacing:1px}.art-label b{width:29px;height:29px;font-size:20px}.caption{font-size:8px}.worlds-heading,.game-head{display:block}.worlds-heading>p,.game-head>p{font-size:13px;margin-top:23px}.world-layout{margin-top:8px;gap:10px}.world-visual{height:320px;max-width:450px;width:100%;margin:auto}.world-visual canvas{max-width:285px;width:78%}.world-visual small{font-size:7px;bottom:5px}.world-number{font-size:95px}.world-tabs{gap:8px;margin-bottom:32px}.world-tabs button{font-size:12px;padding:12px 9px;min-height:66px}.world-tabs small{font-size:8px;margin-bottom:7px}h3{font-size:37px}.world-info #world-panel{min-height:230px}.world-facts{font-size:7px;gap:12px}.game-head{margin-bottom:35px}summary{gap:15px;padding:20px 17px}.feature-icon{width:40px;height:44px;min-width:40px;font-size:23px;border-radius:9px}summary small{font-size:6px;letter-spacing:1.3px}summary h3{font-size:19px;letter-spacing:-.5px;margin-top:7px}summary>b{font-size:25px}.feature-body{margin:0 22px 24px 23px}.feature-body p{font-size:13px}.feature-body>span{font-size:7px;letter-spacing:1px}.development>h2{font-size:44px;margin-bottom:40px}.alpha-title>span{font-size:9px}.alpha-title h3{font-size:58px;letter-spacing:-2px}.dev-grid{gap:25px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:23px 15px;margin-top:45px;font-size:8px}.steps i{display:none}.steps b{margin-right:7px}footer{padding:35px 7% 30px}.footer-main{gap:15px;flex-direction:column;text-align:center;padding:0 0 35px}.footer-main>img{width:185px;height:185px}.footer-main p{font-size:32px;letter-spacing:-1px}.footer-bottom{font-size:7px;line-height:1.8;flex-wrap:wrap;justify-content:center;text-align:center}.footer-bottom span:last-child{max-width:230px}.telemetry{font-size:6px;bottom:8px;right:10px;gap:7px}.transition{height:140svh}.fx-stage{height:100svh;min-height:560px}.fx-copy{left:6%;right:6%;top:37%}.fx-copy h2{font-size:clamp(36px,9vw,60px);letter-spacing:-1.7px;line-height:1.1}.fx-copy>p{font-size:8px;letter-spacing:2px;margin-bottom:22px}.fx-copy>span{font-size:7px;letter-spacing:1.5px;margin-top:22px}.fx-topline{left:7%;right:7%;top:110px;font-size:7px;letter-spacing:1px}.fx-bottom{left:7%;right:7%;bottom:35px;gap:12px}.fx-scroll{font-size:6px;letter-spacing:1px;max-width:130px;line-height:1.8}.replay{font-size:8px;padding:13px 10px;min-height:44px}.fx-stars{background-position:center top;background-size:auto 110%;opacity:.8}.shuttle-fly{width:110vw;top:39%}.engine-trail{height:12%;filter:blur(8px)}.fx-colony{background-position:65% center}.portal{width:78vw}.portal-rim{border-width:4px;box-shadow:0 0 15px #c7f6ff,0 0 35px #26a3ff,inset 0 0 22px #2791ff}.rim-one:after{border-width:9px}.rim-two{border-width:1px}.rim-three{border-width:2px}[data-effect=portal] .fx-copy{top:39%}[data-effect=portal] .fx-copy h2{font-size:37px}.asteroid{width:85px;height:80px}.construction-grid{inset:20% -100% -35%}.mineral-orbit{width:80vw}.hangar-door b{font-size:34px;letter-spacing:-1px}.hangar-door small{font-size:5px;letter-spacing:1px}.hangar-door:before{inset:18% 9%}.hangar-door i{width:4px;right:7px}.door-right i{left:7px}.door-warning{height:14px}[data-effect=hangar] .fx-topline{left:15%;right:15%;padding:12px 8px;top:115px}.hangar-horizon{background-position:60% center}#travel-overlay .fx-topline{top:35px}dialog{padding:45px 25px;border-radius:14px}dialog h2{font-size:38px}.close{right:8px;top:7px}body.motion-paused .transition,body.motion-paused .fx-stage{height:70svh;min-height:450px}}
@media(max-width:380px){.brand>span{font-size:11px}.brand>img{width:36px;height:36px}.brand small{font-size:5px}.controls{gap:8px}.controls button{font-size:7px}.control-icon{font-size:15px}#menu{width:28px}.hero-inner{padding-top:85px}.hero-emblem{max-width:250px}.hero-actions .button{padding:16px 13px;font-size:8px;gap:10px}.hero-copy .eyebrow{font-size:7px}summary h3{font-size:17px}.section-top>span:last-child{font-size:7px}.world-tabs{gap:5px}.world-tabs button{font-size:11px}.fx-copy h2{font-size:34px}.fx-copy>p{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:none!important;filter:none!important}#space-cursor,#stardust{display:none}.hero-art,.hero-copy,.art img{transform:none!important}.hero-copy{opacity:1!important}}

/* Touch targets and a stable two-button mobile layout. */
@media(max-width:760px){header{gap:8px}.controls{gap:3px}.controls button{min-width:44px;justify-content:center}#menu{width:44px;align-items:center;flex-shrink:0}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .button{padding:17px 8px;gap:8px;font-size:8px;letter-spacing:.65px}.telemetry{display:none}.close{width:44px;height:44px}}