:root{color-scheme:dark;--bg:#080b10;--text:#f1f4ee;--muted:#a5b4bd;--accent:#e1f46b;--line:#b2cfdf35;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scrollbar-color:#607044 #080b10}body{margin:0;color:var(--text)}::selection{background:#e1f46b;color:#10170b}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:hover{color:var(--accent)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:10px}
.header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 4.5vw;background:linear-gradient(#080b10e6,#080b1000)}.logo{font-weight:730;font-size:25px;letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:34px}nav a{color:#b6c3c9;font-size:12px;padding:14px 0;border-bottom:1px solid transparent}nav a[aria-current]{color:var(--text);border-color:var(--accent)}#motion{color:#c2cbd0;font-size:11px;border:1px solid #b5c5cf38;border-radius:30px;padding:8px 13px}
.journey{height:760svh;position:relative;overflow-anchor:none}.scene{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;touch-action:pan-y}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#23445624,transparent 58%);opacity:var(--ambient,.65);z-index:0;pointer-events:none}.art{position:absolute;left:50%;top:48%;width:min(1280px,104vw);transform:translate(-50%,-50%);z-index:1;opacity:0;pointer-events:none;will-change:transform,opacity}.art img{display:block;width:100%;height:auto;mask-image:linear-gradient(transparent,black 9%,black 84%,transparent);-webkit-mask-image:linear-gradient(transparent,black 9%,black 84%,transparent)}#space,#field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#field{z-index:3}
.opening-title{position:absolute;inset:0;z-index:4;pointer-events:none}.title-fallback{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:clamp(110px,28vw,420px);line-height:1;letter-spacing:-.04em;font-weight:750;color:var(--text)}.gpu-ready .title-fallback{display:none}.opening-caption{position:absolute;top:66%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.opening-caption>p{font-size:clamp(17px,2vw,24px);letter-spacing:.16em;margin:0;color:#e3e9df}.journey-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;border:1px solid #d9eb9570;border-radius:40px;color:#eaf5b7;font-size:12px;pointer-events:auto;background:#10191180;transition:background .18s,border-color .18s}.journey-button:hover{background:#dcec8220;border-color:var(--accent)}
.team-copy{position:absolute;top:78%;left:0;right:0;z-index:5;text-align:center;visibility:hidden;opacity:0;pointer-events:none}.team-copy h2{font-size:clamp(24px,3.1vw,42px);font-weight:550;letter-spacing:.04em;margin:0}.team-copy p{font-size:12px;color:#b5c1c8;margin:14px 0 18px}.text-button{display:inline-flex;align-items:center;gap:14px;padding:6px 0;font-size:12px;color:#e2ecaf;border-bottom:1px solid #e1f46b55;pointer-events:auto;transition:color .15s}.text-button svg{width:18px;height:18px}
.chapter-heading{position:absolute;left:0;top:0;width:100%;z-index:5;text-align:center;pointer-events:none;visibility:hidden;opacity:0;will-change:transform}.chapter-heading h2{margin:0;font-size:clamp(96px,15vw,205px);font-weight:610;letter-spacing:.01em;line-height:1.1;transform-origin:50% 50%}.chapter-support{opacity:0}.chapter-lead{font-size:clamp(18px,2vw,26px);letter-spacing:.04em;margin:17px 0 10px}.chapter-support>p:last-child{font-size:12px;color:#b8c6ce;line-height:1.8;margin:0;padding:0 20px}
.controls{position:absolute;inset:0;z-index:4;pointer-events:none}.signal{position:absolute;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;touch-action:none;cursor:grab}.signal:active{cursor:grabbing}.signal-core{display:block;width:15px;height:15px;border-radius:50%;margin:auto;background:#f2ffac;box-shadow:0 0 0 6px #e1f46b1b,0 0 25px #e1f46b8c}.signal-label{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;background:#080b10dd;border:1px solid #e1f46b40;border-radius:4px;padding:6px 9px;color:#e7efc2}.analysis-target{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:1px dashed #e1f46b90;background:#e1f46b07;pointer-events:auto}.analysis-target span{position:absolute;left:50%;top:calc(100% + 11px);transform:translateX(-50%);font-size:9px;color:#d6e5a9;white-space:nowrap}.analysis-target.ready{background:#e1f46b35;border-style:solid}.orbit-surface{position:absolute;left:22%;top:31%;width:56%;height:44%;pointer-events:auto;touch-action:pan-y;cursor:grab;background:transparent;border-radius:45%}.orbit-surface:active{cursor:grabbing}.orbit-surface:focus-visible{outline:1px dashed #e1f46b66}
.world-node{position:absolute;transform:translate(-50%,-50%);text-align:left;pointer-events:auto;padding:13px 17px;border:1px solid #a7c4d340;border-radius:4px;background:#080e17df;color:#eef3ee;max-width:255px;min-width:205px;transition:border-color .18s,background .18s}.world-node:hover,.world-node[aria-pressed=true]{border-color:#e1f46b90;background:#18221b}.world-node small{display:block;color:#b7c8ce;font-size:10px;letter-spacing:1px;margin-bottom:8px}.world-node strong{display:block;font-size:14px;font-weight:500;line-height:1.5}.world-node[aria-pressed=true] strong{color:#eff8bb}.world-node .node-mark{position:absolute;right:12px;top:14px;color:#dceca1;width:5px;height:5px;background:currentColor;border-radius:50%;opacity:0}.world-node[aria-pressed=true] .node-mark{opacity:1}.market-action{position:absolute;z-index:5;left:0;right:0;top:85%;text-align:center}.market-action>span{display:block;font-size:10px;color:#b7c5cd;margin-bottom:15px}.market-action strong{font-weight:500;color:#dce9af}.market-action .journey-button{padding:11px 20px}
.focus-label{position:absolute;left:50%;top:44%;z-index:5;transform:translate(-50%,-50%);text-align:center}.focus-label span{display:block;font-size:10px;color:#b7c8d2;margin-bottom:12px}.focus-label strong{font-size:19px;font-weight:500;color:#eef7c0}.evidence-node{width:240px}.evidence-node small{color:#cadbac}.evidence-action{position:absolute;left:0;right:0;top:83%;z-index:5;display:flex;justify-content:center;gap:30px}.detail{position:absolute;left:50%;bottom:12%;width:min(560px,90vw);transform:translateX(-50%);padding:25px 30px;z-index:8;background:#111c25fa;border:1px solid #a6c3d154;border-radius:5px;box-shadow:0 15px 50px #0008}.detail>span{display:block;font-size:10px;color:#cdd9ac;padding-right:22px}.detail>strong{display:block;font-size:19px;font-weight:500;line-height:1.5;margin:12px 0}.detail>p{font-size:13px;line-height:1.9;color:#c7d1d7;margin:0}.detail-close{position:absolute;right:12px;top:12px;width:30px;height:30px;display:grid;place-items:center}.detail-close svg{width:18px;height:18px}
.scene-bottom{position:absolute;z-index:6;bottom:max(25px,env(safe-area-inset-bottom));left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;color:#b5c2c9;pointer-events:none;font-size:10px}.scene-bottom p{margin:0;letter-spacing:.04em}#next{display:flex;gap:20px;align-items:center;pointer-events:auto;font-size:11px;padding:8px 0}#next svg{color:var(--accent);width:18px;height:18px}.story-progress{position:absolute;left:0;bottom:0;right:0;height:2px;background:#8ba3b319;z-index:7;pointer-events:none}.story-progress i{display:block;width:100%;height:100%;background:#d8ec85;transform:scaleX(var(--progress,0));transform-origin:left}footer{padding:60px 5vw 42px;min-height:210px;display:flex;align-items:center;flex-wrap:wrap;gap:22px;border-top:1px solid #b4c7d321;background:var(--bg)}footer>p{width:100%;font-size:clamp(24px,3vw,38px);margin:0 0 18px;font-weight:500}footer>span{font-size:21px;font-weight:650}footer small{font-size:11px;color:#a1b1ba}footer button,footer a{font-size:11px;color:#dbe8ad;padding:8px}footer button{margin-left:auto}footer a{color:#aabac3}
@media(max-width:700px){.header{height:74px;padding:0 22px}.logo{font-size:21px}nav{position:absolute;left:22px;top:79px;gap:23px}nav a{font-size:10px;padding:8px 0}#motion{font-size:10px;padding:7px 11px}.art{width:128vw;left:44%;top:46%}.opening-caption{top:61%;gap:25px}.opening-caption>p{font-size:17px;letter-spacing:.08em}.journey-button{font-size:11px;gap:18px;padding:12px 19px}.team-copy{top:69%;padding:0 20px}.team-copy h2{font-size:23px;letter-spacing:0}.team-copy p{font-size:10px;margin:12px 0 15px}.text-button{font-size:11px}.chapter-heading h2{font-size:112px}.chapter-lead{font-size:19px;margin:12px 0 8px}.chapter-support>p:last-child{font-size:10px;max-width:330px;margin:auto}.orbit-surface{left:8%;top:31%;width:84%;height:32%}.world-node{min-width:0;width:calc(100vw - 48px);max-width:none;padding:10px 14px;border-radius:4px}.world-node small{font-size:9px;margin:0 0 4px}.world-node strong{font-size:12px}.world-node .node-mark{top:15px}.market-action{top:85%}.market-action>span{display:none}.market-action .journey-button{padding:10px 18px;font-size:10px}.focus-label{top:40%;width:90%}.focus-label span{font-size:9px;margin-bottom:9px}.focus-label strong{font-size:16px}.evidence-node{min-height:52px}.evidence-action{top:85%;gap:23px}.evidence-action .text-button{font-size:10px}.detail{bottom:17%;padding:21px 22px}.detail>strong{font-size:17px}.detail>p{font-size:12px}.scene-bottom{left:24px;right:24px;bottom:max(18px,env(safe-area-inset-bottom));font-size:9px}.scene-bottom p{max-width:75%;line-height:1.6}#next-label{display:none}#next{padding:8px}footer{padding:40px 24px;gap:15px}footer small{width:100%;font-size:10px}footer button{margin-left:0}.signal-label{font-size:9px}.analysis-target{width:44px;height:44px}.analysis-target span{font-size:8px}}
@media(max-height:650px) and (min-width:701px){.header{height:65px}.team-copy{top:77%}.team-copy h2{font-size:26px}.team-copy p{margin:8px 0}.chapter-support>p:last-child{font-size:11px}.world-node{padding:9px 13px}.world-node strong{font-size:12px}.market-action{top:83%}.market-action>span{margin-bottom:8px}.scene-bottom{bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}.motion-paused *{transition:none!important}