:root{color-scheme:dark;--ink:#04131f;--cyan:#7ce9ff;--muted:#b6cfdd;--line:#74cfe92c;font-family:'Avenir Next',Avenir,system-ui,sans-serif;background:var(--ink);color:#edfaff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b0f5ff;outline-offset:6px}img{max-width:100%;height:auto}p{line-height:1.7;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;z-index:50;background:#fff;color:#031727;padding:12px}.skip:focus{top:12px}.nav{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 5vw;z-index:10;background:linear-gradient(#001024d9,transparent)}.wordmark{width:170px;line-height:0}.wordmark img{width:100%}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:650}.nav a:hover,footer a:hover{color:var(--cyan)}.studio-link{border-left:1px solid #ffffff40;padding-left:30px;color:#c5e1ed}.menu-toggle{display:none;background:#061b2ae8;border:1px solid #80d8ed66;border-radius:8px;color:white;padding:10px 14px}.hero{min-height:800px;height:100svh;max-height:1150px;position:relative;isolation:isolate;background:url('/assets/vista.webp') center/cover;overflow:hidden;display:flex;align-items:center;padding:110px 8vw 100px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#001632bf 0%,#01132b50 45%,transparent 75%),linear-gradient(0deg,#04131f 0%,transparent 16%);z-index:-1}.hero-content{z-index:2;width:55%}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.23em;font-weight:750;color:#a7e6f4;margin:0 0 18px}.hero h1{margin:0 0 8px -22px;line-height:0;width:min(560px,100%)}.hero h2{font-size:clamp(40px,4.2vw,68px);letter-spacing:-.055em;line-height:1.03;margin:8px 0 20px;font-weight:800}.hero .intro{font-size:16px;color:#ebf6ff;text-shadow:0 2px 8px #0008;margin-bottom:28px}.cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:54px;padding:16px 25px;border:1px solid #7fdffa;border-radius:9px;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer}.button.primary{color:#002541;background:linear-gradient(#8aeeff,#17b5df);border-color:#c4f5ff;box-shadow:0 0 34px #13cdff40,inset 0 1px #fff9}.button:hover{filter:brightness(1.15);transform:translateY(-2px)}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:13px;font-weight:700;color:#d4f6ff;border-bottom:1px solid #a0deeb55;padding:10px 0}.small-note{font-size:11px;color:#d0e2ed!important;margin-top:18px}.sprite{position:relative;overflow:hidden;isolation:isolate}.sprite:before{content:'';position:absolute;inset:0;background-image:url('/assets/atlas.webp');background-repeat:no-repeat}.sprite.explorer{aspect-ratio:420/485}.sprite.explorer:before{background-size:365.714% 211.134%;background-position:5.376% 4.638%}.sprite.pod{aspect-ratio:490/512}.sprite.pod:before{background-size:313.469% 200%;background-position:97.992% 0}.sprite.creature{aspect-ratio:480/340}.sprite.creature:before{background-size:320% 301.176%;background-position:49.432% 24.854%}.sprite.node{aspect-ratio:1}.sprite.node:before{background-size:313.469% 208.98%;background-position:1.434% 97.378%}.sprite.relic{aspect-ratio:440/485}.sprite.relic:before{background-size:349.091% 211.134%;background-position:49.726% 96.475%}.hero-characters{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-characters .explorer{position:absolute;bottom:12%;right:19%;width:clamp(210px,25vw,400px);filter:drop-shadow(0 20px 28px #0008)}.hero-characters .pod{position:absolute;bottom:17%;right:1%;width:clamp(245px,29vw,440px);filter:drop-shadow(0 20px 25px #0008)}.hero-crystal{position:absolute;bottom:9%;right:-3%;width:180px;transform:rotate(8deg)}.scroll-cue{position:absolute;bottom:34px;left:8vw;font-size:9px;letter-spacing:.24em;font-weight:700;color:#9fd0e4}.scroll-cue span{padding-left:24px;font-size:20px}.section{padding:100px max(6vw,24px)}.section-heading{text-align:center;max-width:730px;margin:0 auto 52px}.section h2,.final-cta h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px;font-weight:750}.section-heading p{font-size:15px}.section-heading .eyebrow{font-size:10px}.how{background:radial-gradient(ellipse at 50% 70%,#0c3344,#04131f 70%);position:relative}.loop{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.loop article{position:relative}.loop-art{height:155px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.loop-art .explorer{width:118px}.loop-art .creature{width:170px}.loop-art .node{width:132px}.number{font-size:10px;letter-spacing:.16em;color:#66dbf1}.loop h3{font-size:25px;margin:6px 0 10px;letter-spacing:.08em}.loop p{font-size:13px;margin:0;max-width:245px}.bubble-art{border-radius:50%;border:2px solid #c2f3ff;width:145px;height:145px;background:radial-gradient(circle at 35% 25%,#b5edff3a,#1796ed22 55%,#56bbff88 91%,#c7faff);box-shadow:0 0 38px #109af866;margin:10px auto 25px;position:relative}.bubble-art .creature{width:115px}.bubble-art>span{position:absolute;top:-26px;left:60px;font-size:24px;color:#86e8ff}.rescue{background:linear-gradient(110deg,#031522ea,#081321df),url('/assets/soil.webp') center/cover;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rescue-copy{max-width:430px}.rescue h2{font-size:clamp(50px,6vw,85px)}.rescue h2 em{font-style:normal;color:#7ee7fc}.rescue p{font-size:14px}.rescue-sequence{display:grid;gap:25px}.rescue figure{margin:0;border:1px solid #72cce64d;border-radius:13px;overflow:hidden;background:#061c2a;box-shadow:0 15px 35px #0004}.rescue figure img{display:block;width:100%}.rescue figcaption{padding:15px 20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b5cedb}.rescue figcaption b{color:#88e7fa;letter-spacing:.06em}.world{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(90deg,#03172beb,#04142a45),url('/assets/vista.webp') center 70%/cover;overflow:hidden}.world-copy{max-width:440px;z-index:1}.world-art{position:relative;min-height:450px}.world-art .explorer{position:absolute;left:6%;bottom:0;width:min(85%,380px);filter:drop-shadow(0 15px 30px #0008)}.world-art .relic{position:absolute;right:0;bottom:0;width:160px;filter:drop-shadow(0 0 40px #bc3fff88)}.gallery{background:linear-gradient(#041422,#08212c)}.section-heading.compact{max-width:850px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1300px;margin:auto}.gallery figure{margin:0}.gallery img{display:block;border-radius:10px;border:1px solid #71c5d54d;aspect-ratio:1.5;object-fit:cover}.gallery figcaption{font-size:13px;margin-top:15px;color:#d4e5ee}.expeditions{border-bottom:1px solid var(--line)}.stage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;padding:0;margin:0 auto;max-width:1200px}.stage-list li{padding:30px;border-top:1px solid #72bed43a;position:relative}.stage-list span{font-size:38px;font-weight:800;letter-spacing:-.05em;color:#7ebed5;float:left;line-height:1;margin:0 18px 30px 0}.stage-list h3{font-size:16px;margin:0 0 8px}.stage-list p{font-size:12px;margin:0}.final-cta{position:relative;padding:100px 24px;text-align:center;background:linear-gradient(#04131f88,#04131f55),url('/assets/vista.webp') center 55%/cover}.final-cta h2{font-size:clamp(45px,6vw,76px)}.final-cta>p:last-child{font-size:12px;color:#d9ecf8;margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;padding:42px 6vw;background:#02101b;border-top:1px solid var(--line)}.footer-title{font-weight:800;font-size:23px}footer p{margin:5px 0;font-size:12px}footer nav{display:flex;gap:26px;font-size:12px}.copyright{font-size:10px;color:#7899aa}.page-body{max-width:930px;margin:auto;padding:145px 26px 90px;min-height:75vh}.page-body h1{font-size:clamp(38px,6vw,66px);letter-spacing:-.05em;margin:12px 0 35px}.page-body h2{font-size:24px;margin-top:35px}.page-body p,.page-body li{font-size:15px;line-height:1.8;color:#b8d0df}.page-body a{color:#91eaff;text-decoration:underline;text-underline-offset:4px}.page-body details{border-top:1px solid var(--line);padding:20px 0}.page-body summary{font-weight:700;cursor:pointer;line-height:1.6}.page-body .button{text-decoration:none}.control-table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}.control-table th,.control-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.control-table td{color:#c3d9e5}.play-body{margin:0;overflow:hidden;background:#020a13}.play-bar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));gap:10px;border-bottom:1px solid #4fcce44a;background:#041524}.play-bar a{font-size:13px;font-weight:700}.play-bar span{font-size:11px;color:#aac7d8}.play-bar button{background:#12364b;border:1px solid #69d2ee70;border-radius:7px;color:#e1f9ff;min-height:34px;padding:6px 12px;font-size:12px;cursor:pointer}.game-frame{border:0;display:block;width:100%;height:calc(100dvh - 52px);background:#04131f}.play-shell:fullscreen .play-bar{display:none}.play-shell:fullscreen .game-frame{height:100dvh}.play-shell:-webkit-full-screen .game-frame{height:100vh}.play-notice{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#051b31e8;padding:9px 15px;border:1px solid #64cae3;border-radius:8px;font-size:12px;max-width:90%;text-align:center}.play-notice:empty{display:none}
@media(min-width:1600px){.hero-content{max-width:680px}.hero{padding-left:max(8vw,calc((100vw - 1400px)/2))}.hero-characters .explorer{right:23%}.hero-characters .pod{right:9%}}@media(max-width:950px){.nav nav{gap:20px}.studio-link{display:none}.hero{min-height:700px;height:90svh;padding-left:6vw}.hero-content{width:60%}.hero h1{width:100%}.hero-characters .explorer{right:8%;bottom:13%;width:260px}.hero-characters .pod{right:-5%;bottom:29%;width:250px}.hero-crystal{display:none}.hero .intro{font-size:14px}.cta{gap:15px}.loop{gap:20px}.rescue{gap:35px;grid-template-columns:.8fr 1.2fr}.section{padding:75px 5vw}.rescue figcaption{flex-direction:column;gap:6px}.world{min-height:520px}.world-art{min-height:360px}.stage-list li{padding:22px 10px}.stage-list span{font-size:30px;margin-right:10px}.gallery-grid{gap:12px}footer .copyright{width:100%}}@media(max-width:650px){.nav{padding:10px 20px}.wordmark{width:135px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:75px;left:18px;right:18px;padding:22px;background:#031729f7;border:1px solid #65cce861;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px}.nav nav.open{display:flex}.nav nav a{padding:12px}.nav nav .studio-link{display:block;border:0}.hero{height:auto;min-height:860px;max-height:none;padding:125px 26px 340px;align-items:flex-start;background-position:60% center}.hero-shade{background:linear-gradient(180deg,#01112677,#01112688 55%,transparent 80%,#04131f)}.hero-content{width:100%}.hero h1{width:320px;max-width:100%;margin-left:-10px}.hero h2{font-size:46px;margin-top:12px}.hero h2 br{display:none}.hero .intro{font-size:14px;max-width:310px}.hero .eyebrow{font-size:9px}.hero .small-note{font-size:10px;max-width:275px}.cta .button{padding:14px 18px;gap:20px;font-size:12px}.cta .text-link{font-size:12px;gap:10px}.hero-characters .explorer{width:210px;right:34%;bottom:7%}.hero-characters .pod{width:215px;right:0;bottom:11%}.scroll-cue{bottom:23px;left:26px}.section{padding:65px 24px}.section-heading{margin-bottom:35px}.section h2{font-size:36px}.section-heading p{font-size:14px}.loop{grid-template-columns:1fr 1fr;gap:40px 22px}.loop-art{height:130px}.loop-art .explorer{width:95px}.loop-art .creature{width:132px}.loop-art .node{width:110px}.bubble-art{width:120px;height:120px}.bubble-art .creature{width:95px}.bubble-art>span{left:50px}.loop h3{font-size:23px}.loop p{font-size:12px}.rescue{grid-template-columns:1fr;gap:35px}.rescue-copy{max-width:none}.rescue h2{font-size:50px}.rescue h2 br:nth-of-type(1){display:none}.rescue-sequence{gap:20px}.rescue figcaption{flex-direction:row;padding:12px;font-size:10px;gap:8px}.world{grid-template-columns:1fr;background-position:55% center}.world-art{height:330px;min-height:330px;margin-top:15px}.world-art .explorer{width:250px;left:0}.world-art .relic{width:135px}.gallery-grid{grid-template-columns:1fr;gap:30px}.stage-list{grid-template-columns:1fr 1fr}.stage-list li{padding:22px 6px}.stage-list span{float:none;display:block;margin-bottom:12px}.stage-list h3{font-size:14px}.stage-list p{font-size:11px}.final-cta{padding:75px 22px}.final-cta h2{font-size:46px}footer{padding:35px 24px;gap:20px}footer nav{gap:22px}.play-bar span{display:none}.page-body{padding-top:120px}.control-table{font-size:12px}.control-table td,.control-table th{padding:10px 6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}.button:hover{transform:none}}
@media(min-width:651px) and (max-height:750px){.hero{min-height:550px;height:100svh;padding:90px 7vw 45px}.hero-content{width:60%}.hero h1{width:380px;max-width:90%;margin-bottom:0}.hero h2{font-size:36px;margin:4px 0 12px}.hero h2 br{display:none}.hero .eyebrow{margin-bottom:8px}.hero .intro{font-size:14px;margin:0 0 18px}.hero .small-note{margin-top:12px}.hero-characters .explorer{width:245px;right:17%;bottom:9%}.hero-characters .pod{width:300px;bottom:12%;right:1%}.scroll-cue{bottom:17px}}