@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vardoger Pixel;src:url(/fonts/pixel.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vardoger Serif;src:url(/fonts/story-serif.woff2) format("woff2");font-weight:400;font-display:swap}:root{--brand-bg: #0b1721;--brand-fg: #edf5fa;--brand-muted: #9aadb9;color-scheme:dark;font-family:Inter Variable,Microsoft YaHei,sans-serif;background:var(--brand-bg);color:var(--brand-fg)}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}html[data-intro=true]{background:#000}body{background:var(--brand-bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #91e7ef;outline-offset:6px}button:hover,a:hover{color:#c1f4fa}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:#0b1721}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:20;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none;background:linear-gradient(#07101988,transparent)}.site-header a{pointer-events:auto;text-shadow:0 2px 14px #06111d}.brand-artwork{display:block;width:clamp(170px,16vw,255px);height:auto}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;letter-spacing:.12em;transition:opacity .35s ease}.site-header.is-intro .brand{visibility:hidden}.site-header.is-intro nav{opacity:0}.nav-play{display:flex;gap:18px;align-items:center;border-bottom:1px solid #edf5fa66;padding:10px 0}.scroll-stage{position:relative;height:1055svh}.sticky{position:sticky;top:0;height:100svh;height:100dvh;min-height:100svh;width:100%;overflow:hidden;background:#0b1721;isolation:isolate}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:url(/frames/720/f0017.webp) center/cover}.edge-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#030b1459,transparent 19%,transparent 79%,#030b1477)}.copy-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#030a14b3,#030a1450 35%,transparent 65%)}.sticky[data-composition=top] .copy-shade{background:radial-gradient(ellipse at 14% 26%,#030a14b8,#030a1460 30%,transparent 67%)}.sticky[data-composition=bottom] .copy-shade{background:radial-gradient(ellipse at 10% 82%,#030a14c9,#030a1444 38%,transparent 70%)}.story-copy{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.copy-beat{position:absolute;left:7%;width:44%;max-width:700px;opacity:0;visibility:hidden;will-change:transform,opacity;text-shadow:0 2px 24px #030a1455;pointer-events:none}.copy-beat:first-child{opacity:1;visibility:visible}.copy-beat--middle{top:35%}.copy-beat--top{top:20%}.copy-beat--bottom{bottom:16%}.beat-eyebrow{display:flex;align-items:center;gap:15px;font:10px IBM Plex Mono,monospace;letter-spacing:.2em;color:#d0e6ea;margin-bottom:27px}.beat-eyebrow:before{content:"";width:33px;height:1px;background:linear-gradient(90deg,#77eaf1,#acb0ff,#efc3eb)}.copy-beat h2{font-family:Vardoger Pixel,Microsoft YaHei,sans-serif;font-size:clamp(34px,4.4vw,76px);font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:0 0 25px}.headline-lead,.headline-main{display:block;white-space:nowrap}.headline-lead{font-size:.62em;margin-bottom:10px;letter-spacing:.01em;color:#f3f6f5}.headline-main{position:relative;width:max-content;isolation:isolate}.copy-beat--opening h2{font-size:clamp(60px,6.4vw,112px)}.copy-beat--opening .headline-lead{font-size:.49em;margin-bottom:14px}.copy-beat p{font-size:clamp(13px,1.05vw,16px);line-height:1.95;letter-spacing:.045em;max-width:26em;margin:0;color:#e0e9ed;text-wrap:pretty}.copy-beat--world{top:18%}.copy-beat--world h2{font-size:clamp(34px,3.8vw,64px)}.copy-beat--world .beat-eyebrow{margin-bottom:18px}.copy-beat--world h2{margin-bottom:15px}.copy-beat--world p{max-width:33em}.copy-beat--prediction{width:40%;top:15%}.copy-beat--prediction h2{font-size:clamp(32px,3.5vw,60px)}.copy-beat--prediction p{max-width:22em}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;font-size:14px;letter-spacing:.05em;border:1px solid #edf5fa66;transition:background .2s,color .2s}.button.primary{background:#edf5fa;color:#0b1721;border-color:#edf5fa}.button.primary:hover{background:#c1f4fa}.text-link{font-size:13px;border-bottom:1px solid #edf5fa77;padding:8px 0}.frame-status{position:absolute;bottom:9%;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:16px;padding:10px 16px;background:#0b1721e6;color:#edf5fa;font-size:13px;white-space:nowrap}.frame-status[hidden],.frame-status button[hidden]{display:none}.frame-status button{text-decoration:underline}.scroll-stage[data-media-state=loading] .spatial-type,.scroll-stage[data-media-state=failed] .spatial-type{visibility:hidden}.scroll-stage[data-media-state=loading] .story-copy,.scroll-stage[data-media-state=failed] .story-copy{opacity:0}.journey-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#67e6ef,#b29cfa,#dfafdd);transform:scaleX(var(--journey-progress, 0));transform-origin:left;pointer-events:none}footer{padding:30px 7%;border-top:1px solid #edf5fa22;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#9aadb9}footer button{font-size:12px}.brand-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.intro-logo{position:fixed;top:0;left:0;width:min(76vw,620px);aspect-ratio:935 / 199;transform-origin:0 0;will-change:transform}.brand-mark{display:block;width:100%;height:auto;overflow:visible}.brand-parts,.brand-mark[data-playing] .brand-rest{visibility:hidden}.brand-mark[data-playing] .brand-parts{visibility:visible}@media(prefers-reduced-motion:reduce){.brand-mark[data-playing] .brand-rest{visibility:visible}.brand-mark[data-playing] .brand-parts{display:none}}.brand-intro button{position:absolute;right:4%;bottom:6%;display:flex;align-items:center;gap:12px;font-size:12px;color:#9aadb9;opacity:0}.entering{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b1721;display:grid;place-items:center;letter-spacing:.3em;animation:caption-in .4s ease both}@keyframes caption-in{0%{opacity:0}to{opacity:1}}@media(max-aspect-ratio:1/1){.site-header{padding:23px 6%}.brand-artwork{width:150px}.site-header nav{gap:18px;font-size:12px;letter-spacing:0}.nav-play{gap:6px;padding:8px 0}.site-header nav>a:first-child{display:none}.site-header nav>a:nth-child(2){display:none}.copy-beat,.copy-beat--world,.copy-beat--prediction{left:7%;width:86%;max-width:none;top:auto;bottom:18%}.copy-beat h2,.copy-beat--world h2,.copy-beat--prediction h2{font-size:clamp(29px,7.8vw,56px);margin-bottom:20px}.copy-beat--opening h2{font-size:clamp(43px,12vw,78px)}.copy-beat--opening{bottom:21%}.headline-lead{font-size:.66em;margin-bottom:9px}.copy-beat p{font-size:13px;line-height:1.9;max-width:25em}.beat-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:20px;gap:12px}.beat-eyebrow:before{width:25px}.copy-beat--world .beat-eyebrow{margin-bottom:20px}.copy-beat--choice,.copy-beat--prediction{top:17%;bottom:auto}.copy-beat--demo{bottom:20%}.copy-shade,.sticky[data-composition=bottom] .copy-shade{background:linear-gradient(0deg,#030a14de,#030a1480 32%,transparent 68%)}.sticky[data-composition=top] .copy-shade{background:linear-gradient(180deg,#030a14b0,#030a1466 38%,transparent 70%)}.sticky[data-chapter=world] .copy-shade{background:linear-gradient(0deg,#030a14de,#030a1477 33%,transparent 70%)}}@media(max-height:560px)and (min-aspect-ratio:1/1){.site-header{padding:16px 4%}.brand-artwork{width:170px}.copy-beat{top:27%;bottom:auto}.copy-beat h2,.copy-beat--world h2,.copy-beat--prediction h2{font-size:32px;margin-bottom:12px}.copy-beat--opening h2{font-size:48px}.beat-eyebrow{margin-bottom:12px}.copy-beat p{font-size:12px}.button{padding:10px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.spatial-type{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.spatial-type[data-ready=true]{opacity:1}.spatial-type canvas{display:block;width:100%;height:100%}.spatial-on .copy-shade{opacity:0!important}.spatial-on .copy-beat h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.spatial-on .beat-eyebrow{display:none}.spatial-on .copy-beat{left:14%;width:36%;max-width:660px;bottom:auto;top:64%}.spatial-on .copy-beat p{font-family:Inter Variable,Microsoft YaHei,sans-serif;font-size:clamp(14px,1.17vw,20px);letter-spacing:.06em;line-height:1.7;max-width:28em;text-shadow:0 2px 8px #071421,0 0 20px #071421}.spatial-on .copy-beat--world{left:9%;top:34%;width:34%}.spatial-on .copy-beat--explore{left:7%;top:72%;width:35%}.spatial-on .copy-beat--choice{left:10%;top:42%;width:34%}.spatial-on .copy-beat--prediction{left:10%;top:38%;width:32%}.spatial-on .copy-beat--merge{left:8%;top:76%;width:35%}.spatial-on .copy-beat--demo{left:12%;top:53%;width:43%}@media(max-aspect-ratio:1/1){.spatial-on .copy-beat{left:7%;width:86%;top:auto;bottom:20%}.spatial-on .copy-beat p{font-size:13px;letter-spacing:.045em;max-width:26em;line-height:1.85}.spatial-on .copy-beat--opening{bottom:23%}.spatial-on .copy-beat--world{top:30%;bottom:auto}.spatial-on .copy-beat--choice{top:36%;bottom:auto}.spatial-on .copy-beat--prediction{top:34%;bottom:auto}.spatial-on .copy-beat--demo{top:48%;bottom:auto;width:86%}}@media(max-height:560px)and (min-aspect-ratio:1/1){.spatial-on .copy-beat p{font-size:12px;line-height:1.5}.spatial-on .copy-beat--demo{top:48%}}.waitlist{pointer-events:auto;margin-top:26px;max-width:550px;padding-top:20px;border-top:1px solid #b7e5ef66}.waitlist-heading{display:flex;align-items:center;gap:9px;font:10px IBM Plex Mono,monospace;letter-spacing:.15em;color:#c7e4eb;margin-bottom:18px}.waitlist-dot{width:5px;height:5px;background:#a9f1e8}.waitlist label{display:block;margin-bottom:8px;font-size:12px;color:#e0e9ed}.waitlist-entry{display:flex;border:1px solid #c2e2ee99;background:#081521e8}.waitlist-entry:focus-within{outline:2px solid #a9f1e8;outline-offset:4px}.waitlist input{min-width:0;width:100%;padding:17px 16px;border:0;outline:none;background:transparent;color:#edf5fa;font:14px Inter Variable,sans-serif}.waitlist input::placeholder{color:#9aadb9}.waitlist button{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;padding:15px 20px;color:#0b1721;background:#d8eaed;font-size:13px}.waitlist button:disabled{cursor:not-allowed}.copy-beat .waitlist-note,.spatial-on .copy-beat .waitlist-note{margin-top:12px;color:#bfd0d9;font-size:11px;letter-spacing:.02em;line-height:1.6}.sticky[data-chapter=demo] .copy-shade{opacity:1!important;background:linear-gradient(90deg,#03101dcc,#03101d55 57%,transparent)}.sticky[data-chapter=demo] .spatial-type{z-index:1}.sticky[data-chapter=demo] .story-copy{z-index:2}@media(max-aspect-ratio:1/1){.waitlist{margin-top:18px;padding-top:15px}.waitlist-heading{margin-bottom:12px}.waitlist-entry{flex-direction:column}.waitlist input,.waitlist button{padding:14px}.sticky[data-chapter=demo] .copy-shade{background:linear-gradient(0deg,#03101def,#03101d88 55%,transparent)}}@media(max-height:560px)and (min-aspect-ratio:1/1){.waitlist{margin-top:10px;padding-top:10px}.waitlist-heading,.waitlist label{display:none}.waitlist input,.waitlist button{padding:11px}}:root{--paper: #f6edd7;--ink: #25322d;--muted: #aebcb0;--gold: #edc786;--teal: #83d6c1;--line: #efdfb129;--game-panel: #24312bef;--game-type: Georgia, "Noto Serif SC", "Microsoft YaHei", serif;--brand-bg: #202b29;--brand-fg: var(--paper);--brand-muted: var(--muted)}.site-header{padding:18px 4%;background:transparent;border:0;box-shadow:none}.site-header.is-intro{background:transparent;border-color:transparent;box-shadow:none}.site-header nav{gap:12px;font-family:var(--game-type)}.site-header nav a{padding:11px 15px;color:var(--paper);text-shadow:none;font-size:13px}.site-header nav a:hover{color:#fff1c8}.site-header .nav-play,.waitlist button,.frame-status button{padding:11px 19px;background:var(--gold);color:var(--ink);border:0;border-radius:4px;box-shadow:none;font:13px Microsoft YaHei,sans-serif;text-shadow:none;transition:none}.site-header .nav-play:hover,.waitlist button:not(:disabled):hover,.frame-status button:hover{background:#ffdfa1;color:var(--ink)}.site-header .nav-play:active,.waitlist button:active,.frame-status button:active{transform:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,.waitlist input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.waitlist{max-width:560px;padding:22px;background:#26342ffb;color:var(--paper);border:1px solid #ddcda770;border-radius:7px;box-shadow:0 4px 18px #10171326}.waitlist-heading{color:var(--muted);font:10px/1.5 Arial,sans-serif;letter-spacing:.16em}.waitlist-dot{background:var(--gold)}.waitlist label{color:var(--paper);font:13px var(--game-type);margin-bottom:10px}.waitlist-entry{gap:10px;border:0;background:transparent}.waitlist-entry:focus-within{outline:none}.waitlist input{padding:12px;background:#202b29;color:var(--paper);border:1px solid #e7dcb64d;border-radius:4px;font:14px Microsoft YaHei,sans-serif;caret-color:var(--gold)}.waitlist input::placeholder{color:#99ae9b}.waitlist button:disabled{background:var(--gold);color:var(--ink);cursor:default}.spatial-on .copy-beat .waitlist-note{color:#9fae9d;text-shadow:none;margin-top:14px}.copy-beat p,.spatial-on .copy-beat p{color:#d0d9c9}.frame-status{background:var(--game-panel);border:1px solid var(--line);border-radius:5px;color:var(--paper)}.frame-status button{text-decoration:none}footer{background:#202b29;border-top:1px solid var(--line);align-items:center;color:var(--muted)}footer button,.brand-intro button,.skip-link{padding:10px 16px;background:var(--game-panel);border:1px solid var(--line);border-radius:4px;color:var(--paper);font:12px var(--game-type)}footer button:hover,.brand-intro button:hover{color:#fff1c8}.journey-line{background:var(--gold)}@media(max-aspect-ratio:1/1){.site-header{padding:12px 5%;gap:10px}.site-header nav{gap:0}.site-header nav a{padding:10px 12px;font-size:12px}.site-header .brand-artwork{width:138px}.waitlist{padding:16px;margin-top:16px}.waitlist-entry{gap:12px}.waitlist input{font-size:16px}.waitlist button{padding:13px}}@media(max-height:560px)and (min-aspect-ratio:1/1){.site-header{padding-top:8px;padding-bottom:8px}.waitlist{padding:12px;margin-top:10px}.waitlist input,.waitlist button{padding:9px}}
