@font-face{font-family:Space;src:local('Arial');font-display:swap}
:root{font-family:Space,Arial,'Microsoft YaHei',sans-serif;color:#17171a;background:#eeedf3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #2b929d;outline-offset:6px}button{border:0}#journey{height:620svh}#experience{position:fixed;inset:0;overflow:clip}#backdrop{position:absolute;inset:0;background:#eeedf3}.intro{position:absolute;inset:0;z-index:3;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{position:absolute;top:17.6%;left:6%;right:6%;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#17171a}.edition{margin-left:auto;font-size:10px;letter-spacing:1px}h1{position:absolute;top:20.5%;left:5.5%;margin:0;font-weight:500;font-size:clamp(70px,8.8vw,160px);line-height:1;letter-spacing:-.075em;white-space:nowrap}h1 span{font-style:italic;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.075em}h1 sup{font-size:44%;margin-left:.38em;vertical-align:top;display:inline-block;padding-top:.08em}.intro-copy{position:absolute;left:67%;top:46%;width:27%}.overline{font-size:10px;letter-spacing:2.5px;font-weight:600}.intro-copy p{font-size:clamp(21px,2vw,35px);line-height:1.5;letter-spacing:-1px;margin:23px 0 16px}.body-copy{font-size:13px;line-height:1.9;color:#68686f}.primary{display:inline-flex;gap:35px;align-items:center;margin-top:30px;border-radius:100px;padding:17px 24px;background:#202024;color:#fff;font-size:13px;transition:background .2s,transform .2s}.primary:hover{background:#45454c;transform:translateY(-2px)}.primary span{font-size:20px;line-height:1}.caption{position:absolute;left:6%;bottom:10%;width:54%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#777680}#tablet{position:absolute;z-index:2;background:linear-gradient(120deg,#727476,#111213 3%,#080909 95%,#64666a);border-radius:31px;box-shadow:0 24px 48px #11112428,0 2px 4px #0008,inset 0 0 0 1px #9c9c9c;will-change:transform;pointer-events:none}.camera-dot{position:absolute;left:7px;top:49%;width:6px;height:6px;border-radius:100%;background:#030405;box-shadow:inset 0 0 0 1px #171b21}.tablet-edge{position:absolute;top:-3px;left:12%;width:9%;height:3px;border-radius:3px;background:#525358}#viewport{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:clip-path}#scene{display:block;width:100%;height:100%}header{position:fixed;z-index:10;left:5.5%;right:5.5%;top:36px;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;color:white}#brand{font-size:25px;letter-spacing:-1.5px;font-weight:650;text-decoration:none;color:inherit}#brand span{font-size:10px;vertical-align:top;letter-spacing:0;padding-left:3px}.header-right{display:flex;align-items:center;gap:12px}.prototype{font-size:9px;letter-spacing:1.3px;margin-right:26px}.header-right button{border:1px solid #ffffff70;background:transparent;color:#fff;border-radius:50px;padding:12px 18px;font-size:11px;min-width:69px}#play{min-width:90px;display:flex;justify-content:space-between;gap:22px}#transport{position:fixed;z-index:10;bottom:25px;left:5.5%;right:5.5%;height:30px;display:flex;align-items:center;gap:25px;mix-blend-mode:difference;color:white}.coordinates{display:flex;gap:17px;align-items:center;min-width:196px;font-size:9px;letter-spacing:1.5px}#stage-number{border:1px solid #ffffff70;width:23px;height:23px;display:grid;place-items:center;font-size:9px;letter-spacing:0}.chapters{display:flex;gap:25px;margin-left:auto}.chapters button{padding:8px 0;background:none;color:#fff;opacity:.4;font-size:10px;letter-spacing:1px;transition:opacity .2s}.chapters button.active,.chapters button:hover{opacity:1}.chapters span{margin-left:7px}.progress-track{height:1px;width:110px;background:#ffffff35}#progress-fill{height:1px;background:white;transform-origin:left;transform:scaleX(0)}#progress-text{font-variant-numeric:tabular-nums;font-size:10px;min-width:27px}#crossing{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:4;pointer-events:none;color:#f8faf6;font-size:clamp(45px,11vw,180px);line-height:.9;font-weight:650;letter-spacing:-.075em;opacity:0;mix-blend-mode:screen}#ending{position:absolute;z-index:4;left:8%;top:33%;color:white;opacity:0;pointer-events:none}#ending h2{font-size:clamp(55px,7vw,110px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin:28px 0}#ending p{font-size:14px;color:#a9b8be}#ending .primary{pointer-events:auto;background:#f0f4f1;color:#14191a}#ending .overline{color:#7ae1df}#loading{position:absolute;z-index:8;left:50%;top:62%;transform:translate(-50%,-50%);background:#15191be0;color:#fff;padding:15px 25px;border-radius:40px;font-size:12px;letter-spacing:2px;transition:opacity .4s}#loading span{display:inline-block;width:5px;height:5px;margin-left:14px;border-radius:50%;background:#78ffed;animation:blink 1s infinite}#error{position:absolute;z-index:20;inset:40% 15% auto;padding:30px;background:#fff;border:1px solid #aaa;line-height:1.7}#error[hidden]{display:none}@keyframes blink{50%{opacity:.1}}@media(max-width:750px){header{top:24px;left:6%;right:6%}#brand{font-size:19px}.prototype{display:none}.header-right{gap:7px}.header-right button{font-size:10px;padding:9px 12px;min-width:auto}#play{min-width:62px;gap:10px}.eyebrow{top:16%;font-size:7px;letter-spacing:1px}.edition{font-size:7px}h1{top:20%;left:5.5%;font-size:11.6vw;letter-spacing:-.07em}h1 sup{margin-left:.2em}.intro-copy{left:7%;top:68%;width:86%;display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}.intro-copy .overline{grid-column:1 / -1;font-size:8px}.intro-copy p{font-size:21px;margin:12px 0;line-height:1.4}.body-copy{display:none}.intro-copy .primary{margin:0;padding:15px 18px;gap:20px;font-size:11px}.caption{left:7%;width:86%;bottom:34%;font-size:7px}.coordinates{min-width:auto;font-size:7px;gap:8px;letter-spacing:.6px}.chapters{gap:16px}.chapters span{display:none}.progress-track{width:40px}#transport{gap:13px;bottom:21px;left:6%;right:6%}#stage-number{width:19px;height:19px}.chapters button{font-size:9px}#progress-text{font-size:8px}#ending{left:7%;top:23%}#ending h2{font-size:15vw}#ending p{font-size:12px}#ending .overline{font-size:8px}#tablet{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html{scrollbar-width:none}html::-webkit-scrollbar{width:0}
@media(max-width:750px){.intro-copy p{font-size:18px;letter-spacing:-.5px;white-space:nowrap}.intro-copy .primary{padding:14px;gap:12px;font-size:10px}#ending{top:18%}#ending p{text-shadow:0 2px 12px #000}}
#journey{height:1500svh}#portal{position:absolute;z-index:3;width:95vmax;height:95vmax;left:50%;top:50%;pointer-events:none;opacity:0;background:conic-gradient(#36fdc2,#64a2fb,#f27851,#b7ed8e,#71afff,#f3b88e,#36fdc2);mask-image:radial-gradient(circle,transparent 34%,#0006 42%,#000 44%,transparent 51%);filter:blur(22px);mix-blend-mode:screen;transform:translate(-50%,-50%)}#crossing{font-size:clamp(40px,7.5vw,132px);font-weight:400;letter-spacing:.025em;line-height:1.45;white-space:nowrap}#crossing span:nth-child(2){letter-spacing:.12em}#ending{left:0;right:0;top:29%;text-align:center}#ending h2{font-size:clamp(65px,9.1vw,150px);font-weight:400;letter-spacing:-.05em;line-height:1.08;text-shadow:0 1px 20px #0003}#ending p{margin-top:18px;color:#e2e6e7}#ending .primary{margin-top:16px}#ending .overline{color:#e5e9ed;letter-spacing:1.1px}#outro{position:absolute;z-index:7;inset:0;background:#f4f3f7;color:#17171b;padding:17vh 8vw 10vh;transform:translateY(100%);visibility:hidden}.outro-meta{font-size:10px;letter-spacing:2px}#outro h2{font-weight:400;letter-spacing:-.065em;font-size:clamp(58px,8.5vw,150px);line-height:1.05;margin:7vh 0 28px}#outro h2 em{font-family:Georgia,serif}#outro p{font-size:16px;color:#6b6b73}.outro-foot{position:absolute;bottom:11vh;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#6a6974}#hold-hint{position:fixed;z-index:9;bottom:72px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:white;mix-blend-mode:difference;pointer-events:none;opacity:0;transition:opacity .3s}.chapters{gap:22px}.coordinates{min-width:160px}.progress-track{width:85px}
@media(max-width:900px){.chapters{gap:13px}.chapters span{display:none}.coordinates{min-width:135px}}@media(max-width:750px){.coordinates{min-width:85px;font-size:6px}.coordinates #stage-number{display:none}.chapters{gap:11px}#transport{gap:10px}.progress-track{display:none}#ending{left:5%;right:5%;top:19%}#ending h2{font-size:13.5vw;line-height:1.1;margin:25px 0}#ending .overline{font-size:7px}#ending p{font-size:11px}#ending .primary{padding:14px 20px}#outro{padding:20vh 7vw 8vh}#outro h2{font-size:13vw;line-height:1.13;margin:6vh 0 25px}#outro p{font-size:12px}.outro-meta{font-size:8px}.outro-foot{font-size:7px;gap:30px;line-height:1.7}#hold-hint{bottom:64px;font-size:8px}}
#ending p{width:max-content;max-width:90%;margin:18px auto 0;padding:6px 12px;border-radius:30px;background:#080c1080;text-shadow:0 1px 6px #000}
body[data-chapter="5"] header,body[data-chapter="5"] #transport{mix-blend-mode:normal;color:#f5f5ff}

#playback-settings{position:fixed;z-index:30;top:92px;right:5.5%;width:352px;max-width:calc(100vw - 32px);max-height:calc(100svh - 115px);overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#171c22;color:#f1f5f6;border:1px solid #ffffff24;border-radius:20px;box-shadow:0 20px 70px #0006;font-size:12px;color-scheme:dark;scrollbar-width:thin}
#playback-settings[hidden]{display:none}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.settings-kicker{font-size:8px;letter-spacing:1.8px;color:#89c9c6}.settings-heading h2{font-size:22px;letter-spacing:-.6px;font-weight:500;margin:7px 0 0}#settings-close{width:32px;height:32px;border-radius:50%;font-size:23px;background:#ffffff0c;color:#bec7cb}.setting-row,.slider-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:17px 0 10px}.slider-label output{font-variant-numeric:tabular-nums;color:#97e1d5}#playback-settings input[type=range]{display:block;width:100%;margin:0;accent-color:#8ed9cf;height:20px;cursor:pointer}#playback-settings select{max-width:155px;font:inherit;padding:8px 10px;border:1px solid #ffffff26;border-radius:8px;background:#252c34;color:#fff}#playback-settings input[type=checkbox]{width:17px;height:17px;accent-color:#8ed9cf;cursor:pointer}.setting-note{font-size:10px;color:#99a8b3;line-height:1.7;margin:8px 0 0}#chapter-speeds{border:0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding:10px 0 16px;margin:20px 0 0;min-width:0}#chapter-speeds legend{font-size:10px;color:#b7c4ce;padding:0 12px 0 0}#chapter-speeds:disabled{opacity:.38}#playback-settings #motion{background:#2d373e;color:#dbe8e9;border-radius:20px;padding:8px 12px;font-size:11px}#playback-settings #motion[aria-pressed=true]{background:#8ed9cf;color:#142326}.playback-stats{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:20px;padding:13px 0;border-top:1px solid #ffffff16;color:#aab8c2;font-size:10px;font-variant-numeric:tabular-nums}.playback-stats strong{color:#eff8f6;font-weight:500}.settings-actions{display:flex;gap:10px;margin-top:8px}.settings-actions button{border-radius:9px;padding:11px 12px;background:#2d373e;color:#c3d2db;font-size:11px}#steady-preset{background:#a3ddd4;color:#112a29;flex:1}.settings-foot{margin-top:14px}#playback-settings :is(input,select,button):focus-visible{outline:2px solid #a3ddd4;outline-offset:3px}
@media(max-width:750px){#playback-settings{top:72px;right:16px;max-height:calc(100svh - 90px);padding:20px}.settings-heading{margin-bottom:15px}.header-right{gap:6px}.header-right button{padding:9px 10px}}
#playback-settings{padding:20px}.settings-heading{margin-bottom:14px}.settings-heading h2{font-size:20px;margin-top:5px}.setting-row{margin:11px 0 7px}.slider-label{margin:10px 0 4px}#playback-settings input[type=range]{height:16px}#chapter-speeds{margin-top:14px;padding:3px 0 10px}.setting-note{margin-top:6px;font-size:10px;line-height:1.55}.playback-stats{margin-top:12px;padding:10px 0}.settings-foot{margin-top:10px}.settings-actions button{padding:10px}.setting-row select{padding:6px 9px}#chapter-speeds:disabled{display:none}


.outro-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
/* Keep the return display and raised hand visible beneath the heading. */
.robot-visor #ending{inset:0;text-align:center}
.robot-visor #ending .overline{position:absolute;top:15%;left:5%;right:5%;font-size:9px}
.robot-visor #ending h2{position:absolute;top:19%;left:5%;right:5%;font-size:clamp(28px,4vw,64px);line-height:1.08;margin:0}
.robot-visor #ending h2 br{display:none}
.robot-visor #ending p{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);margin:0}
.robot-visor #ending .primary{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);margin:0}
@media(max-width:750px){.robot-visor #ending .overline{top:13%;font-size:7px}.robot-visor #ending h2{top:17%;font-size:8vw}.robot-visor #ending h2 br{display:block}.robot-visor #ending p{bottom:19%;font-size:10px}.robot-visor #ending .primary{bottom:10%;padding:12px 18px}}