/* ZINIX / cinematic edition. Composition and motion are separate from account UI. */
:root{--electric:#adff78;--cool:#789bff;--bg:#07090d}
.container{width:min(1440px,calc(100% - 100px))}.section{padding-block:120px}
.site-header{height:80px;background:#07090db8}.header-inner{width:calc(100% - 70px);max-width:1580px;gap:20px}.site-header nav{gap:24px}.site-header nav a{font-size:12px}.site-header nav a[aria-current]:after{bottom:-28px}.brand>span{letter-spacing:.06em}
.button{border-radius:5px;font-size:13px}.button.primary{background:var(--electric);color:#13200e}.button.primary:hover{background:#c4ff9d;box-shadow:0 10px 50px #adff7828}.button.large{padding:18px 25px;min-height:59px}.text-link{font-size:13px}.eyebrow{font-size:11px}.section-heading{gap:40px}.section-heading h2,.lab-intro h2,.features-last h2{font-size:clamp(35px,4.5vw,70px);line-height:1.08}.section-heading p{max-width:390px;font-size:14px}.section-heading>div>p{margin-bottom:20px}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:100;pointer-events:none}.reading-progress i{display:block;width:100%;height:100%;background:var(--electric);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #adff7890}
.intro-sequence{height:185svh;position:relative;background:#07090d}.opening-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate}.opening-atmosphere{position:absolute;inset:-10%;z-index:-3;background:radial-gradient(ellipse at 70% 46%,#21409c50 0,transparent 44%),radial-gradient(ellipse at 90% 80%,#88ba7a17,transparent 37%),radial-gradient(ellipse at 10% 10%,#20336722,transparent 45%)}.opening-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(#8ca1c008 1px,transparent 1px),linear-gradient(90deg,#8ca1c008 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 65% 50%,black,transparent 70%)}
.opening-wordmark{position:absolute;font-weight:700;font-size:33vw;line-height:1;letter-spacing:-.09em;color:#ffffff03;top:20%;left:-2%;pointer-events:none}.opening-content{position:relative;height:100%;display:flex;align-items:center;z-index:3;pointer-events:none}.opening-copy{width:57%;padding-top:40px;pointer-events:auto;will-change:transform,opacity}.opening-kicker{margin:28px 0 17px;color:#adb8cc;font-size:10px;letter-spacing:.22em}.opening-copy h1{font-size:clamp(50px,6.6vw,104px);font-weight:700;line-height:1.02;letter-spacing:-.065em}.opening-copy h1>span{color:#c2ff8a;background:linear-gradient(100deg,#e6ffd6,#adff78 72%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.opening-copy>p{max-width:400px;margin:28px 0 30px;font-size:15px;line-height:1.9;color:#a6afc0}.opening-copy .hero-buttons{gap:12px;margin:0;display:flex;flex-wrap:wrap}.opening-platform{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.02em;color:#738096;margin-top:22px;direction:ltr;width:max-content}.opening-copy .release-pill{font-size:10px;display:inline-flex;gap:15px;min-height:30px;padding:6px 13px;border-color:#ffffff22}
.opening-scene{position:absolute;inset:8% -12% 0 37%;z-index:1;pointer-events:none;min-width:0}.opening-scene #chrome-scene{position:absolute;inset:0}.opening-scene canvas{display:block;width:100%;height:100%}.opening-scene .chrome-fallback{position:absolute;inset:10% 0 0;display:flex;align-items:center;justify-content:center;font-size:30vw;font-weight:700;font-style:italic;color:#a1b4d0;transform:rotate(-14deg);text-shadow:4px 6px #e4f5ff,-4px -4px #142745;opacity:.6}.opening-scene.scene-ready .chrome-fallback{opacity:0}.core-tag{position:absolute;bottom:17%;right:22%;font-size:9px;letter-spacing:.22em;color:#8495b1;display:flex;align-items:center;gap:8px}.core-tag i{height:4px;width:4px;background:var(--electric);border-radius:50%}.opening-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:20px}.opening-index{font-size:9px;color:#7c8aa2;letter-spacing:.1em;display:flex;align-items:center;gap:15px;direction:ltr}.opening-index i{height:1px;width:50px;background:#ffffff25}.opening-bottom .scroll-cue{font-size:9px;letter-spacing:.07em}.opening-after{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;opacity:0;transform:translateY(50px)}.opening-after>span{font-size:12px;letter-spacing:.3em;color:var(--electric);margin-bottom:22px}.opening-after>b{font-size:clamp(44px,7vw,110px);line-height:1;letter-spacing:-.06em;text-shadow:0 5px 35px #020406}
.world-intro{text-align:center;padding:150px 0 130px}.world-intro>.eyebrow{justify-content:center;color:var(--electric)}.world-intro h2{font-size:clamp(39px,6vw,88px);line-height:1.08;margin:30px 0 24px}.world-intro p{font-size:15px}.world-sequence{height:370svh;position:relative;background:#07090d}.world-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.world-chapter{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;--chapter-shift:0px}.world-chapter.is-active{visibility:visible;pointer-events:auto;opacity:1}.world-image{position:absolute;inset:0;overflow:hidden;will-change:clip-path,transform}.world-image>img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.03);will-change:transform;filter:brightness(.77)}.world-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#03070bf0,transparent 85%),linear-gradient(0deg,#05090df0,transparent 35%,#05090d20 70%,#05090d55)}.world-copy{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:110px 160px;align-items:flex-start;transform:translateY(var(--chapter-shift));will-change:transform}.world-copy>.eyebrow{color:var(--world-accent);font-size:10px}.world-copy h2{font-size:clamp(42px,6vw,90px);line-height:1.05;letter-spacing:-.06em;max-width:800px;margin-block:26px 25px;text-shadow:0 2px 24px #02050c55}.world-copy h2>span{display:block;font-weight:700;color:var(--world-accent)}.world-copy>p{max-width:410px;font-size:14px;color:#d0d5dc;line-height:1.9;margin-bottom:30px;text-shadow:0 2px 12px #000}.world-copy .button{min-width:170px}.world-watermark{position:absolute;right:3%;bottom:9%;font-size:23vw;font-weight:700;line-height:1;color:#ffffff09;pointer-events:none}.chapter-controls{position:absolute;z-index:5;bottom:35px;left:0;right:0;display:grid;grid-template-columns:160px 1fr 150px;gap:20px;align-items:end;direction:ltr}.chapter-label,.chapter-scroll{font-size:8px;letter-spacing:.13em;color:#a7afb8}.chapter-scroll{text-align:right}.chapter-buttons{display:flex;gap:20px}.chapter-buttons>button{flex:1;position:relative;padding:15px 0;text-align:left;border-bottom:1px solid #ffffff33;color:#ffffff78;display:flex;align-items:center;gap:10px;min-width:0}.chapter-buttons span{font-size:9px}.chapter-buttons b{font-size:10px;line-height:1.4;font-weight:500}.chapter-buttons i{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--electric);transform:scaleX(0);transform-origin:left}.chapter-buttons button[aria-pressed=true]{color:#fff}.chapter-buttons button[aria-pressed=true] i{transform:scaleX(var(--chapter-progress,0))}
.poster-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;perspective:1400px;margin-top:50px}.shelf-game{min-width:0;transition:transform .6s;display:block}.shelf-game:nth-child(even){padding-top:45px}.shelf-game>div{position:relative;aspect-ratio:2/3;border:1px solid #ffffff20;border-radius:9px;overflow:hidden;box-shadow:0 25px 35px #0006;transform:rotateY(-7deg);transition:transform .6s,border-color .4s}.shelf-game img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.shelf-game>div>span{position:absolute;bottom:16px;right:16px;width:42px;height:42px;background:var(--electric);border-radius:50%;display:grid;place-items:center;color:#0b1805;transform:translateY(65px);transition:transform .35s}.shelf-game:hover>div{transform:rotateY(0) translateY(-10px);border-color:#b9ee8b70}.shelf-game:hover img{transform:scale(1.045)}.shelf-game:hover>div>span{transform:translateY(0)}.shelf-game>.micro{display:block;margin-top:20px;font-size:9px}.shelf-game h3{font-size:17px;line-height:1.4;margin-top:6px;letter-spacing:-.02em}.desktop-story{height:175svh;min-height:1200px;background:radial-gradient(ellipse at 50% 55%,#17374f55,transparent 65%),#0c1118;position:relative}.desktop-story-sticky{position:sticky;top:0;height:100svh;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1600px;padding-top:100px;padding-bottom:65px}.desktop-story-copy{text-align:center}.desktop-story-copy>.eyebrow{justify-content:center;color:#9bc8fa;font-size:10px}.desktop-story-copy h2{font-size:clamp(32px,4vw,60px);line-height:1.04;margin:16px 0}.desktop-story-copy>p{font-size:13px;max-width:480px;margin:auto;color:#9baabd}.desktop-story-copy .text-link{margin-top:13px;font-size:11px}.desktop-device{width:min(800px,77%);margin:25px auto 0;transform:rotateX(17deg) rotateY(-9deg) scale(.88);transform-origin:50% 50%;will-change:transform}.device-screen{background:#080b12;border:8px solid #2b3038;border-bottom-width:13px;border-radius:15px 15px 5px 5px;overflow:hidden;box-shadow:0 0 0 1px #7b8ca4,0 40px 90px #0009}.device-screen img{width:100%;height:auto;max-height:40svh;object-fit:cover;object-position:top}.device-screen .preview-toolbar{height:23px;padding:0 14px;font-size:7px}.device-base{height:13px;background:linear-gradient(#5a6674,#141b25);border-radius:0 0 50% 50%;width:108%;margin-inline:-4%;box-shadow:0 25px 30px #0009}.device-base:before{content:'';display:block;width:16%;height:5px;background:#161d29;margin:auto;border-radius:0 0 9px 9px}.device-caption{display:block;text-align:center;color:#5e728e;font-size:8px;letter-spacing:.15em;margin-top:20px}.desktop-points{display:flex;justify-content:center;gap:55px;margin-top:25px}.desktop-points>span{display:flex;align-items:center;gap:10px;font-size:11px;color:#9bacc3}
.control-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.lab-intro>p{font-size:14px;line-height:1.9;margin:25px 0;max-width:360px}.lab-intro h2{margin-top:22px}.lab-console{background:#10151d;border:1px solid #ffffff20;border-radius:12px;overflow:hidden;box-shadow:0 40px 80px #0005;min-width:0}.lab-top{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.07em;color:#94a1b5;gap:10px}.lab-top>span{display:flex;align-items:center;gap:7px}.lab-top button{font-size:10px;color:#bdc7d8}.lab-scene{aspect-ratio:16/9;position:relative;overflow:hidden;background:#07131a}.lab-scene>img{height:100%;width:100%;object-fit:cover;transform:scale(var(--lab-zoom,1));transition:transform .3s;filter:brightness(.8)}.lab-hud{position:absolute;inset:18px;display:flex;justify-content:space-between;align-items:flex-start;font-size:8px;letter-spacing:.09em;transition:opacity .25s;color:#e8f6ff;text-shadow:0 1px 8px #000}.lab-hud>div{text-align:right}.lab-hud b{display:block;font-size:14px;letter-spacing:.12em;color:#d6f0ff}.lab-coordinates{position:absolute;bottom:4px;font-size:8px}.lab-reticle{position:absolute;left:50%;top:45%;color:#c7f5ff;opacity:.5;font-size:22px}.demo-watermark{position:absolute;bottom:9px;right:12px;font-size:6px;letter-spacing:.06em;background:#080f19bb;padding:5px 8px;color:#b4c6d5;border-radius:4px}.lab-controls{padding:5px 23px 10px}.lab-controls>label{min-height:58px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;gap:16px;font-size:11px;position:relative;cursor:pointer}.lab-controls>label:last-child{border-bottom:0}.lab-controls>label>span{display:flex;align-items:center;gap:9px;min-width:125px}.lab-controls input[type=range]{width:100%;max-width:160px;height:3px;accent-color:var(--electric);margin-inline-start:auto;cursor:pointer}.lab-controls output{font-size:10px;color:var(--electric);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.lab-controls input[type=checkbox]{width:36px;height:24px;margin-inline-start:auto;opacity:0;z-index:2;cursor:pointer}.lab-switch{position:absolute;inset-inline-end:0;width:33px;height:19px;background:#303948;border-radius:20px;pointer-events:none}.lab-switch:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#96a5bb;transition:transform .2s,background .2s}.lab-controls input:checked+.lab-switch{background:#83b85b}.lab-controls input:checked+.lab-switch:after{background:#eaffdb;transform:translateX(14px)}.lab-controls input:focus-visible+.lab-switch{outline:2px solid white;outline-offset:4px}.lab-console.hide-hud .lab-hud,.lab-console.hide-hud .lab-reticle{opacity:0}.motion-enabled .lab-console.is-animated .lab-reticle{animation:lab-pulse 3s ease-in-out infinite}.motion-enabled .lab-console.is-animated .lab-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#b9e4ff0d 50%,transparent 65%);background-size:220% 100%;animation:lab-light 7s linear infinite}@keyframes lab-light{to{background-position:-220% 0}}@keyframes lab-pulse{50%{opacity:.2;transform:scale(1.2)}}
.game-grid{gap:30px}.more-worlds .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art,.home-grid .card-art{aspect-ratio:16/9}.card-art>img{object-position:center}.card-info h3{font-size:19px}.card-info .micro{font-size:10px}.game-card .save-game{opacity:1}.card-art .status-badge{top:12px;left:12px;font-size:9px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-section{padding-bottom:110px}.game-backdrop{object-fit:cover;object-position:center;width:100%;height:100%}.game-hero{min-height:770px;height:92svh;max-height:1050px}.game-hero-shade{background:linear-gradient(90deg,#070a0ef0,#070a0e60 65%,#070a0e30),linear-gradient(0deg,#07090d,transparent 50%)}.game-hero h1{font-size:clamp(45px,6vw,85px);max-width:780px;line-height:1.04}.game-description{font-size:15px;max-width:450px}.feature-list article{min-height:95px}.feature-list h3{font-size:17px}.feature-list p{font-size:12px}
.future-section{background:radial-gradient(ellipse at 72% 50%,#53428444,transparent 55%),#0e0e17;overflow:hidden;border-block:1px solid #ffffff0a}.future-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:110px;min-height:730px}.future-copy h2{font-size:clamp(35px,4.3vw,64px);line-height:1.08;margin-block:23px}.future-copy>p{max-width:360px;font-size:14px;margin-bottom:30px}.future-posters{display:flex;gap:25px;perspective:1000px}.future-posters>a{width:50%;position:relative;border-radius:10px;overflow:hidden;transform:rotate(-9deg) translateY(-15px);box-shadow:0 30px 50px #0007;border:1px solid #ffffff33;transition:transform .5s}.future-posters>a:nth-child(2){transform:rotate(9deg) translateY(30px)}.future-posters>a:hover{transform:rotate(0) translateY(-10px)}.future-posters img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover}.future-posters span{position:absolute;bottom:0;left:0;right:0;padding:55px 16px 17px;background:linear-gradient(transparent,#080911);font-size:16px;font-weight:600}.future-posters b{position:absolute;top:12px;left:12px;background:#121321d9;font-weight:400;color:#d4c7f7;border:1px solid #ffffff22;padding:5px 9px;font-size:8px;border-radius:4px}.onboarding-path{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff19}.onboarding-path>a{padding:40px 35px;border-inline-end:1px solid #ffffff19;position:relative;display:block;transition:background .25s}.onboarding-path>a:hover{background:#c4f68105}.onboarding-path>a:last-child{border:0}.path-number{position:absolute;top:25px;inset-inline-end:25px;font-size:50px;line-height:1;color:#ffffff0e;font-weight:600}.onboarding-path>a>svg:first-of-type{color:var(--electric);margin-bottom:40px}.onboarding-path h3{font-size:23px;margin-bottom:15px}.onboarding-path p{font-size:13px;max-width:260px}.onboarding-path>a>svg:last-child{margin-top:30px;color:#c7d1c0}.final-cta{border-radius:16px;background:radial-gradient(ellipse at 50% 65%,#24472f45,transparent 65%),#0c1414;margin-block:50px 100px;overflow:hidden}.final-cta h2{font-size:clamp(45px,6vw,85px)}.footer-top{padding-top:70px}
.page-intro{padding-top:165px;padding-bottom:60px}.page-intro h1{font-size:clamp(46px,6.5vw,92px);line-height:1.08}.page-intro .intro-copy{font-size:15px;max-width:600px}.page-intro:has(+.download-layout){background:radial-gradient(ellipse at 25% 70%,#2444791a,transparent 70%)}.download-card{background:radial-gradient(ellipse at 85% 0,#273d7028,transparent 65%),#10151d}.download-card .download-icon{border-radius:22px;padding:15px;background:#ffffff05;border:1px solid #ffffff12;display:inline-block}.download-info>h2{font-size:51px}.download-card-top>p{font-size:13px}.download-meta{font-size:11px}.download-info>p,.requirements>div{font-size:13px}.download-layout{gap:65px;padding-block:30px 60px}.comparison-table{overflow-x:auto;contain:inline-size;max-width:100%;direction:inherit}.comparison-table table{width:100%;table-layout:auto}.feature-jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.feature-jump>a{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #ffffff25;border-radius:6px;font-size:11px;transition:background .2s}.feature-jump>a:hover{background:#ffffff09}.feature-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.feature-example-grid>a{background:#10141c;border:1px solid #ffffff14;border-radius:10px;overflow:hidden;transition:border-color .3s,transform .3s}.feature-example-grid>a:hover{border-color:#adff7855;transform:translateY(-5px)}.feature-example-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-example-grid>a>div{padding:26px}.feature-example-grid h3{font-size:21px;margin-top:8px}.feature-example-grid ul{list-style:none;padding:20px 0;margin:0;display:grid;gap:12px;font-size:11px;color:#a8b3c4}.feature-example-grid li{display:flex;gap:9px;align-items:flex-start}.feature-example-grid li svg{flex-shrink:0;color:var(--electric);margin-top:2px}.features-last{display:grid;grid-template-columns:1fr 1fr;gap:100px}.features-last h2{margin-top:20px}.features-last article{padding:23px 0 23px 42px;position:relative;border-bottom:1px solid #ffffff1c}.features-last article>svg{position:absolute;left:0;top:25px;color:var(--electric)}.features-last article h3{font-size:20px;margin-bottom:13px}.features-last article p{font-size:13px}
html[dir=rtl] .opening-scene{inset:8% 37% 0 -12%}html[dir=rtl] .opening-copy h1{font-size:clamp(62px,8vw,116px);line-height:1.13;letter-spacing:-.06em}html[dir=rtl] .opening-copy>p{font-size:16px}html[dir=rtl] .world-vignette{background:linear-gradient(-90deg,#03070bf0,transparent 85%),linear-gradient(0deg,#05090df0,transparent 35%,#05090d20 70%,#05090d55)}html[dir=rtl] .world-copy h2{line-height:1.16;font-size:clamp(50px,6vw,91px)}html[dir=rtl] .world-copy>p{font-size:16px}html[dir=rtl] .section-heading h2,html[dir=rtl] .world-intro h2,html[dir=rtl] .lab-intro h2{line-height:1.23}html[dir=rtl] .features-last article{padding:23px 42px 23px 0}html[dir=rtl] .features-last article>svg{left:auto;right:0}html[dir=rtl] .lab-coordinates{direction:ltr}html[dir=rtl] .demo-watermark{font-size:8px}
/* Reduced motion is a full, readable page rather than a frozen pinned story. */
.motion-off .world-copy{opacity:1!important}
.motion-off .intro-sequence{height:auto}.motion-off .opening-stage{position:relative}.motion-off .opening-after{display:none}.motion-off .world-sequence{height:auto}.motion-off .world-stage{height:auto;position:relative;overflow:visible}.motion-off .world-chapter{position:relative;opacity:1!important;visibility:visible;pointer-events:auto;min-height:650px}.motion-off .world-copy{min-height:650px;transform:none!important}.motion-off .world-image{clip-path:none!important;transform:none!important}.motion-off .world-image img{transform:none!important}.motion-off .chapter-controls{display:none}.motion-off .desktop-story{height:auto;min-height:0}.motion-off .desktop-story-sticky{position:relative;height:auto;min-height:800px}.motion-off .desktop-device{transform:none!important}.motion-off .opening-copy{opacity:1!important;transform:none!important}.motion-off .shelf-game>div{transform:none}.motion-off .world-intro .reveal{opacity:1;transform:none}
@media(min-width:1700px){.opening-copy h1{font-size:116px}.opening-content{max-width:1560px}.opening-copy>p{font-size:17px}.opening-scene{inset:6% -8% -2% 37%}.desktop-device{width:900px}.device-screen img{max-height:44svh}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.site-header nav{gap:16px}.header-actions{gap:10px}.site-header nav a{font-size:11px}.opening-copy{width:60%}.opening-copy h1{font-size:7vw}.opening-copy>p{font-size:14px;max-width:340px}.opening-copy .button{font-size:11px;padding:16px 18px;gap:17px}.opening-scene{inset:10% -20% 0 33%}.chapter-controls{grid-template-columns:1fr}.chapter-label,.chapter-scroll{display:none}.poster-shelf{gap:17px}.control-lab{gap:35px}.lab-top{padding-inline:14px}.future-inner{gap:40px}.future-copy h2{font-size:44px}.features-last{gap:50px}.header-inner{width:calc(100% - 45px)}.download-layout{gap:35px}.download-info>h2{font-size:42px}}
@media(max-width:900px){.site-header nav{display:none}.site-header .mobile-menu{display:inline-flex}.site-header.menu-open nav{display:flex;position:absolute;top:80px;inset-inline:0;flex-direction:column;padding:25px 32px;background:#10151df9;align-items:flex-start;gap:0;border-bottom:1px solid #ffffff20}.site-header.menu-open nav a{font-size:16px;padding:15px 0;width:100%}.site-header nav a[aria-current]:after{display:none}.opening-index{display:none}.opening-copy h1{font-size:7.5vw}.opening-kicker{font-size:8px;letter-spacing:.12em}.opening-copy>p{max-width:300px;font-size:12px}.opening-copy .hero-buttons{max-width:330px}.opening-scene{inset:10% -25% 0 30%}.opening-copy{width:65%}.world-copy h2{font-size:65px}.world-copy>p{max-width:350px}.poster-shelf{grid-template-columns:repeat(5,180px);overflow-x:auto;overscroll-behavior-inline:contain;padding:15px 2px 30px;scroll-snap-type:x mandatory}.shelf-game{scroll-snap-align:start}.shelf-game:nth-child(even){padding-top:25px}.control-lab{grid-template-columns:1fr;gap:35px}.lab-intro>p{max-width:580px}.lab-console{max-width:760px;width:100%}.lab-controls>label>span{min-width:160px}.lab-controls input[type=range]{max-width:250px}.future-inner{grid-template-columns:1fr;gap:55px;padding-block:80px}.future-copy>p{max-width:500px}.future-posters{max-width:500px;margin:auto}.future-posters img{max-height:380px}.onboarding-path>a{padding:30px 20px}.onboarding-path h3{font-size:20px}.onboarding-path p{font-size:12px}.feature-example-grid{grid-template-columns:1fr 1fr}.feature-example-grid>a:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.feature-example-grid>a:last-child>img{height:100%;object-fit:cover}.section{padding-block:85px}.desktop-story-copy h2{font-size:44px}.desktop-device{width:90%}.desktop-points{gap:35px}.opening-bottom{bottom:23px}.library-grid,.more-worlds .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.section{padding-block:65px}.site-header{height:68px}.header-inner{width:calc(100% - 32px);gap:15px}.brand>span{font-size:20px}.brand img{width:30px;height:30px}.header-actions{gap:5px}.header-download,.header-actions>.desktop-only{display:none}.site-header.menu-open nav{top:68px}.icon-button{width:32px;height:36px}.section-heading{align-items:flex-start;gap:24px}.section-heading h2,.lab-intro h2,.features-last h2{font-size:38px}.section-heading p{font-size:12px}.section-heading .text-link{font-size:11px}.section-heading>div>p{margin-bottom:14px}.opening-stage{height:100svh;min-height:770px}.intro-sequence{height:155svh}.opening-content{align-items:flex-start;padding-top:113px}.opening-copy{width:100%;padding-top:0}.opening-kicker{font-size:8px;margin:20px 0 14px}.opening-copy h1{font-size:clamp(40px,11.8vw,76px);line-height:1.02;max-width:100%}.opening-copy>p{max-width:300px;font-size:12px;line-height:1.8;margin:20px 0 22px}.opening-copy .hero-buttons{gap:8px;max-width:none}.opening-copy .button{font-size:11px;gap:11px;padding:14px 16px;min-height:48px}.opening-platform{font-size:8px;margin-top:16px}.opening-scene{inset:38% -10% 3% -10%}.opening-scene .chrome-fallback{font-size:65vw}.opening-wordmark{font-size:38vw;top:56%;left:0}.core-tag{font-size:7px;bottom:18%;right:15%}.opening-bottom{bottom:22px;gap:14px}.opening-bottom .scroll-cue{font-size:7px}.opening-bottom .motion-toggle{font-size:8px;gap:7px}.opening-after>b{font-size:11vw}.opening-after>span{font-size:10px}.world-intro{padding:80px 0}.world-intro>.eyebrow{font-size:9px}.world-intro h2{font-size:39px;margin-block:23px}.world-intro p{font-size:12px}.world-sequence{height:330svh}.world-stage{min-height:640px}.world-copy{padding-block:110px 140px;justify-content:flex-end}.world-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.world-copy h2{font-size:46px;line-height:1.1;margin-block:20px;max-width:350px}.world-copy>p{font-size:12px;max-width:290px;line-height:1.8;margin-bottom:23px}.world-copy .button{font-size:11px;min-height:46px}.world-image>img{object-position:60% 50%}.world-vignette{background:linear-gradient(0deg,#05090df5,transparent 90%),linear-gradient(90deg,#05090d75,transparent)}.chapter-controls{bottom:22px;gap:0}.chapter-buttons{gap:10px}.chapter-buttons>button{display:block;padding:12px 0}.chapter-buttons b{font-size:7px;display:block;margin-top:3px;line-height:1.6}.chapter-buttons span{font-size:8px}.world-watermark{font-size:50vw;bottom:20%;right:5%}.poster-shelf{gap:15px;margin-top:30px;grid-template-columns:repeat(5,165px)}.shelf-game h3{font-size:15px}.shelf-game>.micro{font-size:8px}.desktop-story{height:140svh;min-height:1100px}.desktop-story-sticky{min-height:710px;padding-block:110px 65px;justify-content:flex-start}.desktop-story-copy>.eyebrow{font-size:8px}.desktop-story-copy h2{font-size:37px}.desktop-story-copy>p{font-size:12px;max-width:310px}.desktop-story-copy .text-link{font-size:10px}.desktop-device{margin-top:55px;width:100%;transform:rotateX(10deg) rotateY(-8deg) scale(.9)}.device-screen{border-width:5px;border-bottom-width:8px;border-radius:8px}.device-screen img{max-height:31svh}.device-caption{font-size:6px;margin-top:17px}.desktop-points{gap:17px;flex-wrap:wrap;margin-top:35px}.desktop-points>span{font-size:8px;gap:6px}.desktop-points svg{width:16px}.lab-intro>p{font-size:13px;margin-block:20px}.lab-top{font-size:6px;height:42px;padding-inline:12px;letter-spacing:.02em}.lab-top button{font-size:9px}.lab-hud{inset:13px;font-size:6px}.lab-hud b{font-size:10px}.lab-coordinates{font-size:6px}.demo-watermark{font-size:4.5px;bottom:6px;right:6px;padding:4px}.lab-controls{padding:3px 16px 10px}.lab-controls>label{font-size:10px;gap:8px;min-height:55px}.lab-controls>label>span{min-width:115px;gap:6px}.lab-controls input[type=range]{max-width:130px}.lab-controls output{font-size:9px;min-width:35px}.library-grid,.more-worlds .game-grid{grid-template-columns:1fr 1fr;gap:25px 13px}.card-info{padding-top:11px}.card-info h3{font-size:12px;margin-top:4px}.card-info .micro{font-size:7px}.card-art{border-radius:7px}.card-art .status-badge{font-size:6px;padding:4px 6px;top:7px;left:7px;gap:4px}.save-game{right:4px;top:3px;width:25px;height:25px}.save-game svg{width:13px}.card-index{display:none}.card-open{width:28px;height:28px;right:8px;bottom:8px}.future-copy h2{font-size:39px}.future-copy>p{font-size:13px}.future-inner{padding-block:65px;gap:55px;min-height:0}.future-posters{gap:18px;width:90%;padding-bottom:30px}.future-posters span{font-size:12px;padding:35px 10px 12px}.future-posters b{font-size:6px;top:8px;left:8px}.onboarding-path{grid-template-columns:1fr}.onboarding-path>a{border-inline:0;border-bottom:1px solid #ffffff19;padding:30px 25px;display:grid;grid-template-columns:35px 1fr 20px;gap:10px 18px;align-items:center}.onboarding-path>a>svg:first-of-type{grid-row:1/3;width:25px;margin:0}.onboarding-path h3{font-size:20px}.onboarding-path p{grid-column:2;font-size:11px}.onboarding-path>a>svg:last-child{grid-column:3;grid-row:1/3;margin:0}.path-number{font-size:50px;top:16px;inset-inline-end:45px}.final-cta{margin-block:30px 60px;padding:65px 20px}.final-cta h2{font-size:45px}.page-intro{padding-top:120px;padding-bottom:35px}.page-intro h1{font-size:45px;line-height:1.1}.page-intro .intro-copy{font-size:13px}.game-hero{min-height:740px;height:auto;padding-block:110px 40px}.game-hero h1{font-size:48px}.game-description{font-size:13px}.game-meta{font-size:8px}.game-backdrop{object-position:60% center}.feature-list h3{font-size:14px}.feature-list p{font-size:10px}.download-layout{padding-top:12px;gap:35px}.download-card-top>p{font-size:11px}.download-meta{font-size:8px}.download-info>h2{font-size:37px}.download-info>p,.requirements>div{font-size:12px}.feature-jump{gap:8px;margin-top:25px}.feature-jump>a{font-size:9px;padding:10px 12px;gap:6px}.feature-example-grid{grid-template-columns:1fr;gap:20px}.feature-example-grid>a:last-child{grid-column:auto;display:block}.feature-example-grid>a:last-child>img{height:auto}.feature-example-grid>a>div{padding:23px}.feature-example-grid h3{font-size:23px}.feature-example-grid ul{font-size:12px}.features-last{grid-template-columns:1fr;gap:30px}.features-last h2{font-size:39px}.features-last article h3{font-size:19px}.features-last article p{font-size:12px}.motion-off .world-chapter,.motion-off .world-copy{min-height:650px}.motion-off .desktop-story-sticky{min-height:680px}html[dir=rtl] .opening-scene{inset:40% -10% 2% -10%}html[dir=rtl] .opening-copy h1{font-size:clamp(56px,17vw,84px);line-height:1.1}html[dir=rtl] .opening-copy>p{font-size:13px;max-width:300px}html[dir=rtl] .world-copy h2{font-size:52px}html[dir=rtl] .world-copy>p{font-size:13px}html[dir=rtl] .world-vignette{background:linear-gradient(0deg,#05090df5,transparent 90%),linear-gradient(-90deg,#05090d75,transparent)}html[dir=rtl] .demo-watermark{font-size:6px}html[dir=rtl] .game-hero h1{font-size:43px}.footer-bottom{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.intro-sequence{height:auto}.opening-stage{position:relative}.opening-after{display:none}.world-sequence{height:auto}.world-stage{height:auto;position:relative;overflow:visible}.world-chapter{position:relative;opacity:1!important;visibility:visible;pointer-events:auto;min-height:650px}.world-copy{min-height:650px;transform:none!important}.world-image{clip-path:none!important;transform:none!important}.world-image img{transform:none!important}.chapter-controls{display:none}.desktop-story{height:auto;min-height:0}.desktop-story-sticky{position:relative;height:auto}.desktop-device{transform:none!important}.opening-copy{opacity:1!important;transform:none!important}}
@media(min-width:641px) and (max-width:900px){.opening-content{align-items:flex-start;padding-top:130px}.opening-copy{width:100%;padding-top:0}.opening-copy h1{font-size:65px}.opening-copy>p{max-width:400px}.opening-scene,html[dir=rtl] .opening-scene{inset:48% 5% 0}.opening-kicker{margin:20px 0 14px}.opening-stage{min-height:930px}.opening-copy .hero-buttons{max-width:none}.core-tag{bottom:14%;right:15%}html[dir=rtl] .opening-copy h1{font-size:72px}}
@media(max-width:640px){.opening-scene,html[dir=rtl] .opening-scene{inset:59% -4% 5%}.core-tag{bottom:12%;right:15%}.opening-bottom .motion-toggle>span:last-child{display:inline}.opening-bottom .motion-toggle{font-size:7px}.opening-bottom .scroll-cue{font-size:6px}}
.game-subnav{display:flex;gap:30px;align-items:center;border-bottom:1px solid #ffffff20;padding-block:24px;overflow:auto;scrollbar-width:thin}.game-subnav>a{font-size:12px;white-space:nowrap;color:#b5c0d1}.game-subnav>a:hover{color:var(--electric)}.game-artwork-grid{display:grid;grid-template-columns:1fr 250px;gap:25px;align-items:stretch}.game-artwork-grid>button{position:relative;padding:0;overflow:hidden;border-radius:10px;border:1px solid #ffffff25;background:#0b1119}.game-artwork-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.game-artwork-grid>button:hover img{transform:scale(1.04)}.game-artwork-grid .artwork-landscape{aspect-ratio:16/9}.game-artwork-grid .artwork-poster{max-height:550px}.game-artwork-grid .artwork-poster>img{object-fit:contain}.game-artwork-grid button>span{position:absolute;right:17px;bottom:17px;display:grid;place-items:center;background:#08111a88;backdrop-filter:blur(10px);border:1px solid #ffffff44;width:42px;height:42px;border-radius:50%}.artwork-lightbox{margin:0}.artwork-lightbox img{max-height:70svh;max-width:100%;margin:auto;object-fit:contain;border-radius:7px}.artwork-lightbox figcaption{font-size:12px;color:#9eacc1;text-align:center;margin-top:20px}dialog:has(.artwork-lightbox){max-width:1180px;width:90%;padding:45px 25px 25px}.library-toolbar .search-field{min-width:0}.library-toolbar .select-field{flex-shrink:0}.library-toolbar #status-filter{min-width:140px}
@media(max-width:900px){.library-toolbar{flex-wrap:wrap}.library-toolbar>.search-field{flex-basis:100%}.library-toolbar .select-field{flex:1}.library-toolbar select{width:100%}.game-artwork-grid{grid-template-columns:1fr 200px}.game-artwork-grid .artwork-landscape{aspect-ratio:auto}.game-subnav{gap:24px}}
@media(max-width:640px){.game-artwork-grid{grid-template-columns:1fr 100px;gap:10px}.game-artwork-grid .artwork-landscape{min-height:180px}.game-artwork-grid button>span{width:28px;height:28px;right:8px;bottom:8px}.game-artwork-grid button>span>svg{width:17px}.game-subnav{gap:22px;padding-block:20px}.game-subnav>a{font-size:10px}.library-toolbar .search-field input{font-size:12px}.library-toolbar #status-filter,.library-toolbar #genre-filter{min-width:0;font-size:10px}.library-toolbar .select-field{min-width:95px}.library-toolbar .button{font-size:10px;padding:12px}.artwork-lightbox figcaption{font-size:10px}}

.no-js .intro-sequence{height:auto}.no-js .opening-stage{position:relative}.no-js .world-sequence{height:auto}.no-js .world-stage{height:auto;position:relative;overflow:visible}.no-js .world-chapter{position:relative;opacity:1;visibility:visible;pointer-events:auto;min-height:650px}.no-js .world-copy{min-height:650px}.no-js .chapter-controls{display:none}.no-js .desktop-story{height:auto;min-height:0}.no-js .desktop-story-sticky{position:relative;height:auto}.no-js .opening-after,.no-js .motion-toggle{display:none}
.future-posters{position:relative;height:460px;width:100%;display:block}.future-posters>a{position:absolute;width:90%;height:auto;left:0;top:0;transform:rotate(-7deg)}.future-posters>a:nth-child(2){left:auto;right:0;top:auto;bottom:0;transform:rotate(7deg)}.future-posters img{height:auto;aspect-ratio:16/10;max-height:none;object-fit:cover}.future-posters>a:hover{transform:rotate(0) translateY(-8px);z-index:2}
@media(max-width:900px){.future-posters{height:430px;width:100%;margin-inline:auto}}
@media(max-width:640px){.future-posters{width:90%;height:320px;padding-bottom:0}}

/* Whole-game profiles */
.game-profiles-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;scroll-margin-top:100px}.profiles-intro h2{margin:18px 0}.profiles-intro>p{color:var(--muted,#9ca5b6);line-height:1.8}.profiles-facts{display:flex;flex-wrap:wrap;gap:14px 22px;margin:24px 0}.profiles-facts span{display:flex;align-items:center;gap:8px;font-size:12px}.profiles-preview{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:#11151c}.profiles-preview img{display:block;width:100%;height:auto}.profiles-preview figcaption{padding:14px 18px;color:#9ba5b8;font-size:10px;letter-spacing:.09em}.profiles-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:0;list-style:none}.profiles-steps li{border-top:1px solid rgba(255,255,255,.12);padding-top:20px}.profiles-steps li>span{color:#b0fc79;font-size:12px}.profiles-steps h3{font-size:19px;margin:12px 0}.profiles-steps p,.profiles-footnote{color:#9ba5b8;font-size:13px;line-height:1.8}.profiles-footnote{grid-column:1/-1;margin:0}.release-profile-note,.game-profile-note{margin-top:0;margin-bottom:36px}.release-profile-note .notice-box h2,.game-profile-note .notice-box h2{font-size:22px;line-height:1.3;margin:0 0 12px}.release-profile-note .notice-box p,.game-profile-note .notice-box p{line-height:1.8;margin:0 0 16px}@media(max-width:800px){.game-profiles-story{grid-template-columns:1fr;gap:26px}.profiles-steps{grid-template-columns:1fr;gap:20px}.profiles-intro h2{font-size:clamp(32px,7vw,48px)}}