:root{--ink:#f2f3ee;--muted:#d0dfdc;--gold:#edce9f;--aqua:#a0e7f4;--move-x:0px;--move-y:0px;--sky-scale:1;--sky-tilt:0deg;--sky-opacity:1;--sea-opacity:0;--sea-scale:1.17;--sea-y:0px;--sea-tilt:0deg;--door-angle:0deg;--door-x:0px;--cabin-opacity:1;--cabin-scale:1;--hands-opacity:0;--hands-y:180px;--veil:0;--light:.1;--object-opacity:0;--object-scale:.8;--object-y:0px;--holo-opacity:0;--holo-scale:.86;--portal-opacity:0;--portal-scale:.7;--readout-opacity:1;--hud-visibility:1}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#061a2a}body{font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft Yahei,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.sr{position:absolute!important;clip:rect(0 0 0 0);overflow:hidden;width:1px;height:1px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.film,.scene,.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0}.film{overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none}.scene{z-index:0;overflow:hidden;perspective:1500px;background:#0b2739}.scene-layer{top:-5%;right:-5%;bottom:-5%;left:-5%;background-position:center center;background-size:cover;will-change:transform,opacity}.sky{background-image:url(./sky-zc8RQARw.webp);filter:saturate(.98) contrast(1.09) brightness(.91);transform:translate3d(calc(var(--move-x)*.19),calc(var(--move-y)*.18),0) scale(var(--sky-scale)) rotate(var(--sky-tilt));opacity:var(--sky-opacity)}.underwater{background-image:url(./seabed-D0X4eqFv.webp);filter:contrast(1.07) saturate(.91) brightness(.8);transform:translate3d(calc(var(--move-x)*-.21),calc(var(--sea-y) + var(--move-y)*-.18),0) scale(var(--sea-scale)) rotate(var(--sea-tilt));opacity:var(--sea-opacity)}.bluewash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02142614,#021e2e5c 45%,#020c1edb);opacity:var(--veil);pointer-events:none}.sunshafts{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:repeating-conic-gradient(from 252deg at 61% 0%,transparent 0deg 5deg,rgba(151,237,255,.047) 7deg,transparent 10deg 16deg);transform-origin:62% 0%;transform:rotate(calc(sin(0)*1deg));mix-blend-mode:screen;opacity:var(--light);animation:light-swing 18s ease-in-out infinite alternate;pointer-events:none}.horizon-flash{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(ellipse at 51% 54%,#fff 0%,#f1f9fc 18%,rgba(159,238,248,.8) 37%,transparent 65%);opacity:0;mix-blend-mode:screen;pointer-events:none;will-change:opacity,transform}.vignette{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(ellipse at 50% 42%,transparent 17%,rgba(0,6,14,.18) 55%,rgba(0,6,14,.76) 110%);pointer-events:none}.grain{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");background-size:176px;mix-blend-mode:soft-light;opacity:.12;animation:grain 1.2s steps(5) infinite;pointer-events:none;z-index:11}.motion-lines{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 1deg at 51% 52%,transparent 0 12deg,rgba(234,248,255,.08) 13deg,transparent 14deg 25deg);-webkit-mask-image:radial-gradient(circle at center,transparent 15%,black 85%);mask-image:radial-gradient(circle at center,transparent 15%,black 85%);will-change:opacity}#particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.cabin{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(./cabin-D3ZjJoXf.webp) center center/100% 100% no-repeat;z-index:6;transform:translate3d(calc(var(--move-x)*.26),calc(var(--move-y)*.2),0) scale(var(--cabin-scale));opacity:var(--cabin-opacity);filter:brightness(.69) saturate(.78) contrast(1.22) drop-shadow(0 0 18px #000);pointer-events:none;will-change:transform,opacity}.hatch-anchor{position:absolute;left:50%;top:50%;height:min(102vh,900px);width:min(67vw,575px);transform:translate(-50%,-50%);z-index:8;perspective:1600px;pointer-events:none;will-change:transform,opacity}.hatch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;overflow:hidden;transform-origin:3% 51%;transform:translate3d(var(--door-x),0,0) rotateY(var(--door-angle));will-change:transform,opacity;backface-visibility:hidden;background:#3e4c52 url(./hatch-xvuc-sZl.webp) center center/100% 100% no-repeat;box-shadow:inset 0 0 45px 19px #0a1319d9,inset 0 0 2px 8px #c5c9bc,0 20px 80px #000b;pointer-events:auto;border-radius:16px 16px 6px 6px}.hatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,rgba(255,255,255,.21),transparent 32%,rgba(0,0,0,.42) 95%);pointer-events:none}.metal-light{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(255,250,228,.1) 20%,transparent 55%,rgba(0,0,0,.46));pointer-events:none}.hatch-inner{position:absolute;top:5%;right:8%;bottom:5%;left:8%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-shadow:0 1px 8px #121d26}.hatch-overline,.hatch-tagline,.hatch-bottom{font-size:9px;letter-spacing:.3em;font-weight:600;color:#e9e5d7}.hatch-overline{margin-top:clamp(30px,7vh,83px)}.hatch-logo{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.05em;font-size:clamp(38px,6vw,76px);line-height:1;margin-top:clamp(35px,9vh,100px)}.hatch-logo span{color:#e8b17b}.hatch-rule{width:58px;height:1px;background:var(--gold);margin:22px auto 20px}.hatch-title{font-size:clamp(20px,3.3vw,43px);font-weight:700;letter-spacing:.18em;line-height:1.05;text-align:center}.hatch-tagline{margin-top:20px;text-align:center;font-size:9px;line-height:2.1;opacity:.8}.hatch-grip{width:min(74%,275px);margin:auto 0 1vh;border:1px solid #e7d9be79;padding:18px;display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,#172731e6,#45505abb);box-shadow:0 10px 30px #0008;transition:background .25s,transform .25s;cursor:grab}.hatch-grip:hover{background:linear-gradient(130deg,#324e58,#62727c);transform:translateY(-5px)}.hatch-grip:active{cursor:grabbing;transform:translateY(1px)}.grip-ring{width:35px;height:35px;border:5px solid #d4d9d5;border-radius:50%;box-shadow:inset 0 0 0 3px #2d3840,0 0 14px #b1c6c363;flex:none}.hatch-grip b{font-size:12px;letter-spacing:.2em}.hatch-grip small{font-size:10px;opacity:.65}.hatch-grip i{font-size:20px;font-style:normal;margin-left:auto}.hatch-bottom{margin-top:8px;display:flex;justify-content:space-between;width:100%;font-size:8px;opacity:.78}.pov-hands{position:absolute;inset:auto -6% -8%;height:69vh;z-index:7;opacity:var(--hands-opacity);transform:translateY(var(--hands-y)) scale(1.1);transform-origin:center bottom;pointer-events:none;filter:drop-shadow(3px 10px 20px rgba(0,0,0,.8));will-change:transform,opacity}.pov-hands svg{width:100%;height:100%}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:8;opacity:0;pointer-events:none}.splash div{position:absolute;border:16px solid rgba(216,250,255,.7);box-shadow:0 0 80px 22px #b6faff65,inset 0 0 50px #b1f5ff77;transform:scale(.1);border-radius:50%;width:80vw;height:80vw;max-width:1100px;max-height:1100px}.splash div:nth-child(2){border-width:8px;filter:blur(10px)}.splash div:nth-child(3){border-width:4px;filter:blur(27px)}.world-object{position:absolute;left:57%;top:49%;width:min(30vw,380px);aspect-ratio:1;z-index:5;opacity:var(--object-opacity);transform:translate(-50%,-50%) translate3d(calc(var(--move-x)*-.45),calc(var(--object-y) + var(--move-y)*-.36),0) scale(var(--object-scale));pointer-events:none;filter:drop-shadow(0 15px 20px #051621bb);will-change:transform,opacity}.world-object img{width:100%;height:100%;position:relative;z-index:2;animation:shell-drift 9s ease-in-out infinite alternate}.object-glow{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,rgba(254,222,156,.3),rgba(46,212,247,.12) 49%,transparent 76%);filter:blur(20px);animation:pulse 5s ease-in-out infinite alternate}.object-orbit{position:absolute;border-radius:50%;top:15%;right:15%;bottom:15%;left:15%;border:1px solid rgba(211,250,250,.2);transform:rotateX(69deg);animation:orbit 14s linear infinite}.ring-two{top:4%;right:4%;bottom:4%;left:4%;transform:rotateX(80deg) rotate(45deg);animation-direction:reverse;animation-duration:22s;opacity:.6}.holo-cluster{position:absolute;z-index:4;top:49%;left:66%;width:min(41vw,590px);height:min(51vh,440px);opacity:var(--holo-opacity);transform:translate(-50%,-50%) translate3d(calc(var(--move-x)*-.55),calc(var(--move-y)*-.3),0) scale(var(--holo-scale));will-change:transform,opacity;pointer-events:none}.holo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse,rgba(72,203,231,.18),transparent 69%);filter:blur(18px)}.holo-border{position:absolute;top:8%;right:5%;bottom:8%;left:5%;border:1px solid rgba(175,236,239,.22);clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,8% 100%,0 90%);background:linear-gradient(118deg,#154a5f9e,#02182bad);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 80px #143d5270,0 0 75px #1b8ba32b}#holo-contents{position:absolute;top:13%;right:11%;bottom:13%;left:11%;display:flex;flex-direction:column;justify-content:center;gap:14px;font-family:SFMono-Regular,Consolas,monospace}.holo-head{color:#a1e7f5;font-size:10px;letter-spacing:.23em}.holo-title{font-size:clamp(19px,2.2vw,32px);color:#f4f3e8;font-family:inherit;font-weight:400;letter-spacing:.03em}.holo-row{display:flex;gap:12px;justify-content:space-between;padding:8px 0;border-bottom:1px solid #a1edf42a;color:#d4f4f2;font-size:clamp(10px,1.05vw,14px)}.holo-row span:last-child{color:#b2d3ce}.holo-graph{height:78px;display:flex;align-items:flex-end;gap:8px}.holo-graph i{flex:1;height:var(--h);background:linear-gradient(to top,#147e99,#80edee);opacity:.7;box-shadow:0 0 12px #1eb9c865}.holo-foot{font-size:10px;color:#b8d8d4;letter-spacing:.14em}.holo-pulse{animation:holo-enter .75s ease-out both}.floor-portal{position:absolute;top:52%;left:56%;width:min(45vw,540px);aspect-ratio:1;z-index:4;opacity:var(--portal-opacity);transform:translate(-50%,-50%) translate3d(calc(var(--move-x)*-.22),calc(var(--move-y)*-.22),0) scale(var(--portal-scale));display:grid;place-items:center;pointer-events:none}.floor-portal i{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid #a2efed84;border-radius:50%;box-shadow:0 0 45px #69dae65c,inset 0 0 45px #3e9dab4b;animation:orbit 15s linear infinite}.floor-portal i:nth-child(2){top:20%;right:20%;bottom:20%;left:20%;border-style:dotted;animation-direction:reverse}.floor-portal i:nth-child(3){top:32%;right:32%;bottom:32%;left:32%;border-width:3px;animation-duration:7s}.floor-portal span{font-family:Georgia,serif;font-size:clamp(28px,4vw,52px);letter-spacing:.22em;color:#f2d5b4;text-shadow:0 0 30px #c2ad8a}.top{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,4.5vw,80px);pointer-events:none}.top>*{pointer-events:auto}.logo{display:flex;align-items:center;gap:9px;letter-spacing:.09em}.logo-dot{display:grid;place-items:center;border:1px solid #e8d4b59e;border-radius:50%;width:26px;height:26px;font-size:14px;color:var(--gold)}.logo b{font-family:Georgia,serif;font-size:21px;font-weight:600;letter-spacing:.025em}.logo b span{color:#f0be87}.logo small{font-size:9px;letter-spacing:.3em;padding-top:4px;opacity:.8}.top-chapter{font-size:10px;letter-spacing:.2em;font-weight:600;opacity:.8}.top-chapter i{font-style:normal;margin:0 8px;color:#e5bfa2}.toolbar{display:flex;gap:17px}.toolbar button{background:none;border:0;color:var(--ink);font-size:13px;letter-spacing:.06em;padding:8px;opacity:.84}.toolbar button:hover{opacity:1}.toolbar button span{font-size:9px;letter-spacing:.11em;margin-left:6px}.title-screen{position:absolute;z-index:9;left:clamp(20px,6vw,108px);top:50%;max-width:36vw;transform:translateY(-39%);pointer-events:none;transition:opacity 1.2s}.title-overline,.title-cn{display:block;font-size:clamp(9px,1.1vw,12px);letter-spacing:.25em;color:#f0d1ab;font-weight:600}.title-screen h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(42px,5.9vw,100px);letter-spacing:-.045em;line-height:.97;margin:18px 0}.title-screen h1 em{font-style:italic;color:#f4dec0}.title-cn{letter-spacing:.38em;color:#f3f6ec;font-size:clamp(11px,1.3vw,16px)}.title-screen p{line-height:2.2;font-size:clamp(10px,1vw,13px);color:#d5e0e1;margin-top:27px}.flight-caption{position:absolute;top:47%;left:50%;width:min(85vw,760px);transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;pointer-events:none;text-shadow:0 4px 35px #001822}.flight-caption span{display:block;color:#dff0ec;letter-spacing:.23em;font-size:clamp(10px,1vw,13px)}.flight-caption strong{display:block;font-family:Georgia,serif;font-size:clamp(34px,5.3vw,85px);line-height:1.12;font-weight:400;letter-spacing:-.02em;margin:22px 0}.flight-caption span:last-child{font-size:clamp(11px,1.05vw,14px);letter-spacing:.1em}.chapter-copy{position:absolute;z-index:8;top:48%;left:clamp(25px,7vw,110px);width:min(36vw,530px);transform:translate3d(0,-43%,0);opacity:0;pointer-events:none;transition:opacity .6s}.chapter-copy #chapter-kicker{display:block;color:#a4e6ed;font-size:11px;letter-spacing:.29em;margin-bottom:23px}.chapter-copy h2{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.05;font-size:clamp(42px,5.2vw,84px);letter-spacing:-.025em;margin:0 0 22px;text-shadow:0 4px 35px #00121dcc;white-space:pre-line}.chapter-copy #chapter-cn{font-size:clamp(16px,1.4vw,22px);letter-spacing:.08em;color:#ffebd6}.chapter-line{height:1px;width:64px;background:#d5cab19e;margin:25px 0}.chapter-copy #chapter-desc{font-size:clamp(12px,1.1vw,16px);max-width:350px;line-height:2.05;color:#e2eded}.data-caption{position:absolute;z-index:9;right:clamp(26px,5vw,90px);bottom:17vh;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;color:#e4f9f7;pointer-events:none}.data-caption .data-symbol{width:37px;height:37px;border:1px solid #b7f5f369;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#9be3eb}.data-caption div{display:flex;flex-direction:column;gap:5px}.data-caption div span{font-size:9px;letter-spacing:.18em;color:#b7e3e3}.data-caption div b{font-size:11px;letter-spacing:.09em;font-weight:600}.data-caption>span:last-child{opacity:.5;font-size:12px}.hud{position:absolute;top:21%;z-index:14;opacity:var(--hud-visibility);transition:opacity .7s;text-shadow:0 2px 15px #09202b}.hud-left{left:clamp(25px,4.5vw,85px)}.hud-right{right:clamp(25px,4.5vw,85px);text-align:right}.hud-eyebrow,.hud-right>span{display:block;color:#d7e9e4;font-size:9px;letter-spacing:.24em;font-weight:600}.readout{display:flex;align-items:baseline;gap:9px;margin:10px 0}.readout strong{font-size:clamp(24px,3.2vw,46px);font-weight:400;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.readout small{font-size:10px;letter-spacing:.18em}.hud-rule{height:1px;width:82px;background:#f5ffff57;margin-bottom:13px}.hud-eyebrow b{font-size:11px;letter-spacing:0;margin-left:6px;font-weight:500}.hud-right b{display:block;letter-spacing:.08em;font-size:12px;font-weight:500;margin:13px 0}.mission-indicator{display:flex;justify-content:flex-end;gap:9px}.mission-indicator:before{content:"";width:90px;height:1px;background:#eee9dd55;margin-top:6px}.mission-indicator span{width:10px;height:10px;display:block;border-radius:50%;background:#e6bd8d;box-shadow:0 0 15px #e6bd8d}.footer{position:absolute;z-index:15;left:clamp(22px,4.5vw,80px);right:clamp(22px,4.5vw,80px);bottom:clamp(19px,4vh,42px);display:flex;justify-content:space-between;align-items:end;pointer-events:none}.footer>*{pointer-events:auto}.guide{display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.13em;line-height:1.8;min-width:200px}.guide small{font-size:11px;letter-spacing:.08em;opacity:.85}.mouse-symbol{width:22px;height:33px;border:1px solid #f7f7eaab;border-radius:15px;display:grid;place-items:start center;padding-top:7px}.mouse-symbol i{display:block;height:7px;width:2px;background:#edcea6;border-radius:3px;animation:mouse 1.7s infinite}.footer-center{font-size:9px;letter-spacing:.24em;opacity:.56}.progress{width:min(16vw,220px);min-width:130px}.progress-head{font-size:9px;letter-spacing:.15em;display:flex;justify-content:space-between;margin-bottom:13px}.track{height:2px;background:#e9eef45c;overflow:hidden}.track span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#81dce7,#f1d1a1);transition:width .25s}.touch-continue{display:none;position:absolute;z-index:19;bottom:100px;left:50%;transform:translate(-50%);border:1px solid #f5ffff4d;border-radius:40px;background:#08223c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;letter-spacing:.08em;padding:12px 20px;white-space:nowrap}.credits{position:absolute;z-index:16;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#07243766,#030a15b3);transition:opacity 1.5s}.credits>span{font-size:10px;letter-spacing:.3em;color:var(--aqua)}.credits img{height:min(18vh,140px);margin-top:2.3vh;filter:drop-shadow(0 0 20px #79e5ff85)}.credits h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,70px);font-weight:400;letter-spacing:.01em;margin:4px 0 14px}.credits p{font-size:14px;letter-spacing:.1em;color:#deeaec}.credits-line{width:125px;height:1px;background:#bcd9de70;margin:25px 0}.credits small{font-size:10px;letter-spacing:.27em;color:#d7c6b0}.credits h3{font-weight:500;font-size:22px;letter-spacing:.27em;margin:9px 0}.credits p.credits-names{font-size:12px;letter-spacing:.15em;color:#a4c4cc}.credits button{pointer-events:auto;border:1px solid #e0ded28a;padding:13px 22px;background:transparent;letter-spacing:.15em;font-size:10px;margin-top:22px}.credits button:hover{background:#c5ecf321}.film[data-phase=waiting] .title-screen{opacity:1}.film:not([data-phase=waiting]) .title-screen{opacity:0}.film:not([data-phase=waiting]) .hatch{pointer-events:none}.film[data-phase=underwater] .chapter-copy,.film[data-phase=underwater] .data-caption,.film[data-phase=underwater] .credits{pointer-events:none}.film[data-phase=underwater] .touch-continue{pointer-events:auto}.film[data-phase=credits] .credits{opacity:1;pointer-events:auto}.film[data-phase=credits] .hud,.film[data-phase=credits] .chapter-copy,.film[data-phase=credits] .data-caption{opacity:0!important}.film[data-phase=credits] .footer{opacity:.32}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(1%,1%)}50%{transform:translate(-1%,.5%)}75%{transform:translate(1%,-1%)}}@keyframes light-swing{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes shell-drift{0%{transform:translateY(-8px) rotate(-6deg)}to{transform:translateY(11px) rotate(7deg)}}@keyframes orbit{0%{rotate:0deg}to{rotate:360deg}}@keyframes pulse{0%{opacity:.43;transform:scale(.8)}to{opacity:.85;transform:scale(1.28)}}@keyframes mouse{0%{transform:translateY(0);opacity:1}75%{transform:translateY(9px);opacity:0}to{opacity:0}}@keyframes holo-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:880px){.title-screen{max-width:44vw;left:5vw}.title-screen h1{font-size:clamp(35px,6vw,60px)}.hatch-anchor{width:53vw}.hatch-logo{font-size:52px}.hatch-title{font-size:24px}.hud{top:17%}.top-chapter{display:none}.chapter-copy{top:38%;width:42vw}.chapter-copy h2{font-size:clamp(35px,6vw,65px)}.holo-cluster{left:70%;width:49vw;height:39vh}.world-object{left:68%;width:34vw}.footer-center{display:none}.data-caption{bottom:18vh}.hud-right{top:16%}}@media(max-width:620px){.top{padding:20px}.logo b{font-size:18px}.logo small{font-size:8px}.toolbar{gap:4px}.toolbar button{font-size:12px}.toolbar button span{font-size:8px}.title-screen{top:auto;bottom:14%;left:7%;max-width:90vw;transform:none}.title-screen h1{font-size:clamp(42px,11vw,68px)}.title-screen p{margin-top:13px;font-size:10px;line-height:1.8}.title-cn{font-size:11px}.title-overline{font-size:9px}.hatch-anchor{height:63vh;width:75vw;top:40%}.hatch-overline{margin-top:25px;font-size:7px}.hatch-logo{font-size:40px;margin-top:35px}.hatch-rule{margin:10px}.hatch-title{font-size:22px}.hatch-tagline{font-size:8px;line-height:1.5;margin-top:9px}.hatch-grip{padding:8px;width:90%;gap:8px}.hatch-grip b{font-size:9px}.hatch-grip small{font-size:8px}.grip-ring{width:25px;height:25px;border-width:3px}.hatch-bottom{font-size:6px}.hatch-anchor{top:39%}.hud{top:95px}.hud-left{left:20px}.hud-right{right:20px}.hud-right>span,.hud-eyebrow{font-size:7px}.hud-right b{font-size:9px}.readout{margin:4px 0}.readout strong{font-size:25px}.readout small{font-size:8px}.hud-rule{margin:7px 0}.footer{bottom:24px;left:20px;right:20px;align-items:end}.guide{font-size:8px;min-width:0;gap:9px}.guide small{font-size:9px}.progress{width:100px;min-width:100px}.progress-head{font-size:7px}.chapter-copy{top:auto;bottom:15%;transform:none;left:24px;width:85vw}.chapter-copy h2{font-size:clamp(39px,10.4vw,58px);margin-bottom:13px;max-width:83vw}.chapter-copy #chapter-kicker{font-size:9px;margin-bottom:15px}.chapter-copy #chapter-cn{font-size:14px}.chapter-line{margin:12px 0}.chapter-copy #chapter-desc{font-size:12px;line-height:1.7;max-width:78vw}.world-object{left:59%;top:42%;width:63vw}.holo-cluster{top:42%;left:54%;width:90vw;height:32vh}.holo-head{font-size:8px}.holo-title{font-size:20px}.holo-row{font-size:9px;padding:4px 0}.holo-graph{height:40px}.holo-foot{font-size:8px}.data-caption{right:24px;bottom:35%;gap:7px}.data-caption .data-symbol{width:28px;height:28px;font-size:16px}.data-caption div span{font-size:8px}.data-caption div b{font-size:9px}.flight-caption{width:85vw;top:46%}.flight-caption strong{font-size:clamp(35px,10vw,52px)}.cabin{background-size:125% 110%;background-position:center}.pov-hands{height:47vh}.floor-portal{width:83vw;left:50%;top:40%}.credits img{height:12vh}.credits h2{font-size:35px}.credits p{font-size:12px}.credits>span{font-size:9px}.credits-line{margin:13px}.credits h3{font-size:18px}.credits button{margin-top:9px}.touch-continue{display:block;bottom:92px}}@media(prefers-reduced-motion:reduce){.grain,.sunshafts,.world-object img,.object-orbit,.object-glow,.floor-portal i,.mouse-symbol i{animation:none!important}.title-screen,.chapter-copy,.credits{transition-duration:.01s!important}}[hidden]{display:none!important}@media(min-width:621px){.title-screen h1{font-size:clamp(42px,4.65vw,82px)}}@media(max-width:620px){.film[data-phase=waiting] .title-screen{display:none}.film[data-phase=waiting] .hud{opacity:0!important}.data-caption,.touch-continue{display:none!important}.holo-cluster{top:40%}.chapter-copy{bottom:15%}.hatch-anchor{top:44%;height:73vh;width:74vw}.hatch-logo{margin-top:5.5vh}}@media(min-width:621px){.hud{top:14%}}.pov-hands{display:flex;align-items:end;justify-content:center;filter:drop-shadow(0 15px 45px #02101899)}.pov-hands>img{width:100%;height:100%;object-fit:fill;filter:contrast(1.18) brightness(.84) saturate(.68)}.film[data-phase=credits] .floor-portal,.film[data-phase=credits] .world-object,.film[data-phase=credits] .holo-cluster{opacity:0!important}#cinematic-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.webgl-ready .sky,.webgl-ready .underwater,.webgl-ready .cabin,.webgl-ready .bluewash,.webgl-ready .sunshafts,.webgl-ready .motion-lines,.webgl-ready #particles,.webgl-ready .horizon-flash,.webgl-ready .splash{display:none}.pov-hands,.world-object{display:none!important}.webgl-ready .hatch-anchor{top:0;right:0;bottom:0;left:0;transform:none;width:100%;height:100%;perspective:none;z-index:12}.webgl-ready .hatch{position:absolute;inset:auto;transform:none;border:0;border-radius:2px;background:none;box-shadow:none;overflow:visible;touch-action:none}.webgl-ready .hatch:after,.webgl-ready .hatch-inner,.webgl-ready .metal-light{display:none}.door-action{display:none}.webgl-ready .door-action{display:block;position:absolute;left:50%;bottom:4%;transform:translate(-50%);width:90%;font-size:11px;letter-spacing:.14em;color:#fff1d2;text-align:center;text-shadow:0 1px 8px #00121a}.door-action b{display:block;font-size:10px;font-weight:400;margin-top:9px;opacity:.75}.webgl-ready .hatch:hover .door-action{color:#fff}.webgl-ready .hatch:focus-visible{outline:2px solid #e5cbaa;outline-offset:-3px}.title-screen{display:none!important}.flight-caption{top:auto;bottom:17%;transform:translate(-50%);width:80%;text-align:center}.flight-caption strong{font-family:inherit;font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:.22em;margin:16px 0}.flight-caption span{font-family:monospace;font-size:10px;letter-spacing:.25em;color:#d8eeee}.vignette{z-index:2;background:radial-gradient(ellipse at 50% 48%,transparent 38%,#000c1540 100%)}.grain{z-index:2;opacity:.055}.hud{font-family:SFMono-Regular,Consolas,monospace;top:15%}.readout strong{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.hud-eyebrow{font-size:9px;letter-spacing:.12em}.top{padding-top:max(22px,env(safe-area-inset-top));z-index:22}.toolbar button{min-height:44px;min-width:44px}.footer{bottom:max(25px,env(safe-area-inset-bottom));z-index:20}#skip-intro{position:absolute;right:4.5vw;bottom:12%;z-index:24;font-size:10px;letter-spacing:.13em;padding:12px;border:0;background:transparent;color:#d1dfdd;opacity:.75;min-height:44px}#scene-status{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 26px;background:#0a1e2eee;font-size:13px;line-height:1.8;max-width:80vw;text-align:center}.film:not([data-phase=waiting]) .hatch-anchor{pointer-events:none}.film[data-phase=underwater] .chapter-copy{transition:opacity .7s}#qa-panel{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:50;padding:10px;background:#081c27ed;border:1px solid #c5d7d755;width:min(760px,96vw);font:11px monospace;color:#daebe5}#qa-panel label{display:inline-flex;align-items:center;gap:12px;width:83%}#qa-panel input{width:80%}#qa-panel button{background:#243c43;border:1px solid #778e9155;margin:5px 3px 0 0;padding:6px 10px;font-size:10px;min-height:32px}#qa-panel output{font-size:10px}@media(max-width:620px){.top{padding-left:16px;padding-right:12px}.logo small{display:none}.toolbar button span{font-size:7px}.hud{top:96px!important}.hud-left{left:18px}.hud-right{right:18px;max-width:155px}.hud-right b{font-size:8px;line-height:1.5}.film[data-phase=waiting] .hud{opacity:1!important}.readout strong{font-size:27px}.hud-eyebrow{font-size:7px;letter-spacing:.07em}.hud-eyebrow b{font-size:9px}.webgl-ready .door-action{font-size:10px;letter-spacing:.06em;bottom:5%}.door-action b{font-size:8px}.footer{bottom:max(22px,env(safe-area-inset-bottom));left:18px;right:18px}.guide small{font-size:8px}.progress{width:87px;min-width:87px}.flight-caption{bottom:22%;width:94%}.flight-caption strong{font-size:17px;letter-spacing:.1em}.flight-caption span{font-size:8px}#skip-intro{right:12px;bottom:11%}.chapter-copy{bottom:14%}.chapter-copy h2{font-size:40px}#qa-panel{bottom:6px;font-size:9px}#qa-panel button{padding:4px 7px}}@media(prefers-reduced-motion:reduce){.grain{animation:none}.film *{scroll-behavior:auto!important}}.film[data-paused=true] *{animation-play-state:paused!important}.film:not([data-phase=underwater]) .chapter-copy,.film:not([data-phase=underwater]) .data-caption{visibility:hidden}.film:not([data-phase=credits]) .credits{visibility:hidden}.scene-unavailable #cinematic-canvas{display:none}.film[data-phase=credits] .hud{visibility:hidden}#qa-coordinates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}#qa-coordinates i{position:absolute;border:1px solid #ffd39d;border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%);font:10px monospace;color:#fff4cc;white-space:nowrap;text-indent:23px;font-style:normal}#qa-coordinates output{position:absolute;top:26%;left:12px;max-width:45vw;font:9px/1.4 monospace;white-space:pre-wrap;background:#07131bd9;color:#dbe5e7;padding:10px}@media(max-width:600px){#qa-coordinates output{top:160px;font-size:7px;max-width:55vw}}@media(orientation:landscape)and (max-height:500px){.hud{top:96px}.readout strong{font-size:25px}.hud-eyebrow{font-size:8px}}.top{padding-left:max(4.5vw,calc(env(safe-area-inset-left) + 12px));padding-right:max(4.5vw,calc(env(safe-area-inset-right) + 12px))}@media(max-width:620px){.top{padding-left:max(16px,calc(env(safe-area-inset-left) + 12px));padding-right:max(12px,calc(env(safe-area-inset-right) + 12px))}.hud-left,.footer{left:max(18px,calc(env(safe-area-inset-left) + 12px))}.hud-right,.footer{right:max(18px,calc(env(safe-area-inset-right) + 12px))}}.film[data-shot=falling] .top,.film[data-shot=falling] .hud{text-shadow:0 1px 3px #041521,0 0 9px #04152180}.film[data-shot=falling] .vignette{background:linear-gradient(#03121e55,transparent 32%),radial-gradient(ellipse at 50% 48%,transparent 38%,#000c1540 100%)}.qa-mode .film[data-paused=true] #holo-contents{animation:none}.chapter-copy h2{font-size:clamp(42px,4.4vw,64px)}.credits-growth{line-height:1.8;margin:8px 20px;color:#aad7dc!important}@media(max-width:620px){.chapter-copy h2{font-size:clamp(32px,9.2vw,40px)}}@media(max-width:620px)and (max-height:660px){.film[data-phase=underwater] .holo-cluster{top:40%;height:24vh;left:50%;width:94vw}#holo-contents{top:12%;right:10%;bottom:12%;left:10%;gap:5px}.holo-title{font-size:15px}.holo-head{font-size:6px;letter-spacing:.08em}.holo-row{font-size:8px;padding:2px 0}.holo-foot{font-size:6px;letter-spacing:.03em}.holo-graph{height:20px}.chapter-copy{bottom:16%;left:20px;width:88vw}.chapter-copy #chapter-kicker{font-size:7px;letter-spacing:.13em;margin-bottom:9px}.chapter-copy h2{font-size:28px;line-height:1.02;margin-bottom:9px}.chapter-copy #chapter-cn{font-size:12px}.chapter-copy #chapter-desc{font-size:10px;line-height:1.6}.chapter-line{margin:9px 0}.credits{padding-top:42px;padding-bottom:42px}.credits>span{font-size:7px;letter-spacing:.17em}.credits img{height:8vh}.credits h2{font-size:28px}.credits p{font-size:10px}.credits-line{margin:8px}.credits h3{font-size:16px}.credits p.credits-names{font-size:10px}.credits button{padding:9px 14px;margin-top:8px}}.qa-mode .film[data-phase=credits][data-paused=true] .credits{transition:none}.film[data-phase=underwater] .holo-cluster{display:none}.film[data-phase=underwater][data-side=right] .chapter-copy{left:55%;width:37vw}.film[data-phase=underwater][data-side=right] .data-caption{left:16%;right:auto}.film[data-phase=underwater][data-side=left] .data-caption{right:16%}.film[data-phase=underwater] .data-caption{bottom:22%}.film[data-phase=underwater] .footer-center{display:none}.skill-nav{position:absolute;z-index:21;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:8px}.skill-nav button{background:transparent;border:0;border-bottom:1px solid #aacbd84d;color:#a1bfce;font:10px monospace;min-width:32px;min-height:32px;cursor:pointer}.skill-nav button[aria-current=step]{color:#ffe7c2;border-color:#e6c8a2}.film:not([data-phase=underwater]) .skill-nav{display:none}.film[data-phase=underwater][data-milestone="0"] .world-object{display:block!important;opacity:1;left:70%;top:45%;width:min(29vw,420px)}.film[data-phase=underwater][data-milestone="0"] .world-object .object-glow,.film[data-phase=underwater][data-milestone="0"] .world-object .object-orbit{display:none}@media(max-width:620px){.film[data-phase=underwater][data-side=right] .chapter-copy{left:24px;width:85vw}.skill-nav{bottom:82px;gap:8px}.skill-nav button{font-size:9px;min-width:30px;min-height:28px}.film[data-phase=underwater][data-milestone="0"] .world-object{left:50%;top:38%;width:55vw}}@media(max-width:620px)and (max-height:660px){.chapter-copy,.film[data-phase=underwater][data-side=right] .chapter-copy{left:20px;width:88vw;bottom:20%}.skill-nav{bottom:64px;gap:6px}.skill-nav button{min-height:24px}}.film:not([data-phase=underwater]) .holo-cluster,.film:not([data-phase=underwater]) .floor-portal{visibility:hidden}.film[data-phase=underwater] .floor-portal{display:none}