:root{font-family:Noto Sans SC,Source Han Sans SC,Microsoft YaHei,sans-serif;color:#f2ead6;background:#111412;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#111412}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button{font:inherit}.experience{min-height:100vh;background:#111412}.story-shell{height:600vh;position:relative}.stage{position:sticky;top:0;width:100%;height:100vh;min-height:690px;overflow:hidden;background:#171915}.scene{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background-image:url(/assets/chishui-concept-main.png);background-size:cover;background-position:center center;transform:scale(1.06);transform-origin:64% 74%;transition:transform 1.2s cubic-bezier(.2,.78,.18,1),filter .9s ease;filter:saturate(.78) contrast(1.04) brightness(.66)}.stage:not(.phase-0) .scene{transform:scale(1.14) translate(-1.5%,-1%);filter:saturate(.74) contrast(1.08) brightness(.52)}.stage.phase-4 .scene{transform:scale(1.07);filter:saturate(.9) contrast(1.05) brightness(.63)}.stage.sticker-open .scene{transform:scale(.93) translate(1%,1%);filter:saturate(.34) contrast(.94) brightness(.24) blur(2px)}.legacy-scene{position:absolute;top:0;right:-2vw;bottom:0;left:-2vw;opacity:0;background:#171915 url(/assets/ending-jiange.png) center/cover no-repeat;transform:scale(1.08);transition:opacity .9s ease,transform 1.5s cubic-bezier(.2,.78,.18,1),filter .9s ease;filter:brightness(.44) saturate(.68)}.stage.phase-5 .scene{opacity:0;transform:scale(.92)}.stage.phase-5 .legacy-scene{opacity:1;transform:scale(1);filter:brightness(.58) saturate(.78);transition:none}.stage.phase-5 .legacy-copy{transition:none}.archive-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#191f1d14;mix-blend-mode:multiply}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;padding:18px 28px 0 30px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(230,220,195,.25);background:#11141257;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-mark span,.topbar-meta span,.eyebrow,.chapter-label,.timeline-head span,.map-caption{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600}.project-mark{display:grid;gap:2px}.project-mark span{color:#f2ead699}.project-mark strong{font-family:"Noto Serif SC",Songti SC,serif;font-size:25px;letter-spacing:.08em}.topbar-meta{display:flex;align-items:center;gap:20px;color:#f2ead694}.topbar-meta button,.timeline-head button{border:1px solid rgba(242,234,214,.44);color:#f2ead6;background:#1013117a;padding:8px 13px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.topbar-meta button:hover,.topbar-meta button:focus-visible,.timeline-head button:hover,.timeline-head button:focus-visible{background:#eee5d0;color:#171915;border-color:#eee5d0;outline:none}.chapter-index{position:absolute;z-index:18;left:28px;top:118px;width:132px;display:grid;gap:2px}.chapter-label{color:#f2ead685;margin-bottom:13px}.chapter-index button{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;width:100%;padding:6px 0;border:0;color:#f2ead67a;background:transparent;text-align:left;cursor:pointer}.chapter-index button:after{content:"";position:absolute;right:0;width:0;height:1px;background:#d94b3f;transition:width .24s ease}.chapter-index button span{font-family:Georgia,serif;font-size:11px}.chapter-index button strong{font-size:14px;font-weight:500}.chapter-index button:hover{color:#f2ead6}.chapter-index button.active{color:#fff7e7}.chapter-index button.active:after{width:44px}.briefing{position:absolute;z-index:12;left:clamp(190px,17vw,280px);top:15vh;width:min(560px,46vw);transition:transform .8s cubic-bezier(.2,.78,.18,1),opacity .5s ease}.briefing .eyebrow{color:#d7cbb2;margin:0 0 18px}.briefing h1{margin:0;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:clamp(58px,7.8vw,124px);line-height:.91;font-weight:700;letter-spacing:-.05em;text-shadow:0 3px 22px rgba(0,0,0,.34)}.briefing .lead{margin:24px 0 0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(20px,2vw,30px);line-height:1.45;color:#f8f0dbe0}.briefing.condensed{top:13vh;transform:translateY(-8px);width:48vw}.briefing.condensed h1{font-size:clamp(38px,5vw,76px);max-width:720px}.phase-quote{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(17px,1.8vw,26px);color:#f2ead6c7}.force-balance{display:flex;align-items:center;gap:24px;margin-top:34px}.force-balance div{padding-left:13px;border-left:2px solid #c9bba0}.force-balance span{display:block;font-size:11px;letter-spacing:.14em;color:#f2ead69e}.force-balance strong{display:block;font-size:24px;margin-top:2px}.force-balance i{font-family:Georgia,serif;color:#dd695d;font-size:15px}.primary-action{margin-top:30px;padding:12px 18px;border:1px solid #eee5d0;background:#eee5d0;color:#20221d;cursor:pointer;letter-spacing:.08em}.primary-action:hover,.primary-action:focus-visible{background:transparent;color:#fff;outline:none}.primary-action span{margin-left:24px}.map-camera{position:absolute;z-index:14;left:52.5%;top:62.5%;width:34%;height:34%;transform-origin:50% 50%;transition:transform 1.05s cubic-bezier(.2,.78,.18,1),filter .6s ease}.map-camera.engaged{transform:translate(-6%,-12%) scale(1.14);filter:brightness(1.16)}.paper-map{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(5% 28%,88% 0,100% 80%,42% 100%,0 73%);transform:rotate(-4deg) skew(-4deg);transform-origin:center;overflow:hidden;isolation:isolate}.paper-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#182d2d3d;mix-blend-mode:multiply;pointer-events:none}.paper-map canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}.map-node{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid rgba(255,246,221,.72);border-radius:50%;color:#fff6dd;background:#1a1e1bb8;cursor:pointer;z-index:3;transition:transform .18s ease,background .18s ease,border-color .18s ease}.map-node span{font-family:Georgia,serif;font-size:10px}.map-node:hover,.map-node:focus-visible{transform:translate(-50%,-50%) scale(1.35);outline:none;border-color:#ff6b5d}.map-node.active{background:#d63d31;border-color:#ffe8cc;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 7px #d63d3133}.map-node.visited{background:#8b221ccc}.map-caption{position:absolute;left:8%;bottom:8%;color:#f2ead6bd}.phase-card{position:absolute;z-index:16;right:28px;top:104px;width:min(350px,27vw);padding:20px;background:#181b18d1;border:1px solid rgba(238,229,208,.32);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cardIn .54s cubic-bezier(.2,.78,.18,1) both}@keyframes cardIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.phase-card-heading{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;padding-bottom:16px;border-bottom:1px solid rgba(238,229,208,.24)}.phase-card-heading>span{font:34px Georgia,serif;color:#d8584c}.phase-card-heading small{color:#f2ead68c;letter-spacing:.08em}.phase-card-heading h2{margin:5px 0 0;font:700 21px/1.25 "Noto Serif SC",Songti SC,serif}.phase-card dl{margin:12px 0 0;display:grid;gap:10px}.phase-card dl>div{display:grid;grid-template-columns:68px 1fr;gap:10px}.phase-card dt{font-size:10px;letter-spacing:.1em;color:#bcad92}.phase-card dd{margin:0;font-size:13px;line-height:1.5;color:#f8f0dbe6}.phase-card dd small{color:#f8f0db80}.status-stamp{margin-top:15px;padding:7px 10px;border:1px solid rgba(218,72,60,.65);color:#e67a6f;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.2em;transform:rotate(-2deg)}.scroll-sticker-hint{margin:15px 0 0;padding-top:12px;border-top:1px solid rgba(238,229,208,.22);color:#f2ead694;font-size:9px;letter-spacing:.13em}.sticker-overlay{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:88px 4vw 138px}.sticker-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0608077a;cursor:default}.sticker-stack{position:relative;width:min(1040px,88vw);height:min(650px,70vh);animation:stickerReveal .72s cubic-bezier(.16,.82,.22,1) both}@keyframes stickerReveal{0%{opacity:0;transform:translateY(38px) scale(.92) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.sticker-back-sheet{position:absolute;top:7%;right:9%;bottom:3%;left:5%;background:#b5a98f url(/assets/paper-archival-fiber.png) center/cover no-repeat;transform:rotate(-2.5deg);box-shadow:0 28px 70px #0000006b;border:1px solid rgba(52,45,37,.4)}.sticker-back-sheet{clip-path:polygon(0 3%,10% 1%,18% 4%,28% 0,39% 3%,52% 1%,63% 4%,76% 0,88% 3%,100% 1%,98% 95%,91% 98%,80% 96%,69% 100%,57% 97%,44% 99%,31% 96%,18% 100%,8% 97%,1% 99%)}.sticker-back-sheet span{position:absolute;left:20px;bottom:16px;color:#231f1a9e;font:10px Georgia,serif;letter-spacing:.22em}.sticker-wide,.sticker-close{position:absolute;margin:0;overflow:hidden;padding:10px;background:#c8b99d url(/assets/paper-archival-fiber.png) center/cover no-repeat;border:0;box-shadow:0 22px 54px #00000070}.sticker-wide{left:3%;top:2%;width:67%;height:72%;transform:rotate(-1.2deg)}.sticker-close{right:2%;bottom:0;width:48%;height:48%;transform:rotate(2.1deg)}.sticker-wide{clip-path:polygon(0 2%,9% 0,17% 2%,29% 0,42% 2%,57% 0,69% 2%,82% 0,100% 2%,99% 96%,89% 98%,76% 96%,62% 100%,49% 97%,34% 99%,20% 96%,8% 99%,1% 97%)}.sticker-close{clip-path:polygon(1% 4%,12% 1%,23% 3%,36% 0,48% 3%,61% 1%,75% 4%,88% 1%,100% 3%,98% 94%,90% 98%,77% 95%,66% 99%,51% 96%,39% 100%,25% 96%,12% 99%,2% 96%)}.sticker-back-sheet,.sticker-wide,.sticker-close,.sticker-brief{clip-path:polygon(0 1.5%,4% .7%,9% 1.3%,14% .4%,20% 1.1%,27% .3%,34% 1.4%,41% .6%,48% 1.2%,56% .2%,63% 1.1%,71% .4%,78% 1.4%,85% .6%,92% 1.2%,100% .4%,99.2% 8%,100% 17%,99.4% 28%,100% 38%,99.1% 49%,100% 61%,99.3% 73%,100% 84%,99.1% 94%,100% 100%,93% 99.1%,86% 100%,79% 99.2%,71% 100%,64% 99%,56% 100%,48% 99.1%,40% 100%,32% 99%,24% 100%,16% 99.1%,8% 100%,0 99.2%,.8% 91%,0 82%,.7% 71%,0 60%,.9% 49%,0 37%,.7% 26%,0 15%)}.sticker-wide,.sticker-close{filter:drop-shadow(0 14px 24px rgba(0,0,0,.36))}.sticker-wide img,.sticker-close img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.08) contrast(1.02)}.sticker-wide:after,.sticker-close:after{content:"";position:absolute;z-index:1;top:10px;right:10px;bottom:10px;left:10px;background:url(/assets/paper-archival-fiber.png) center/cover no-repeat;opacity:.16;mix-blend-mode:multiply;pointer-events:none}.sticker-wide img{animation:aerialDrift 9s ease-in-out infinite alternate}.sticker-close img{animation:marchParallax 5.2s ease-in-out infinite alternate;transform-origin:62% 60%}@keyframes aerialDrift{0%{transform:scale(1.01) translate(0)}to{transform:scale(1.08) translate(-1.5%,-1%)}}@keyframes marchParallax{0%{transform:scale(1.04) translate(-1%)}to{transform:scale(1.12) translate(2%)}}.sticker-wide figcaption,.sticker-close figcaption{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;padding:10px 13px;background:#111210b8;display:flex;justify-content:space-between;gap:12px;color:#f4ecd9}.sticker-wide figcaption span,.sticker-close figcaption span{font-size:9px;letter-spacing:.16em;color:#d66a5f}.sticker-wide figcaption strong,.sticker-close figcaption strong{font-size:10px;font-weight:500}.sticker-brief{position:absolute;right:2%;top:2%;width:30%;min-height:46%;padding:22px 22px 18px;background:#d2c2a4 url(/assets/paper-archival-fiber.png) center/cover no-repeat;color:#26251f;border:1px solid #8c7b61;transform:rotate(.8deg);box-shadow:0 18px 42px #00000052,inset 0 0 24px #543d241f;clip-path:polygon(1% 2%,12% 0,25% 2%,38% 0,52% 2%,67% 0,81% 2%,99% 0,100% 96%,90% 99%,76% 97%,62% 100%,48% 97%,33% 99%,18% 97%,2% 100%)}.sticker-number{float:right;font:40px Georgia,serif;color:#ac3f36;line-height:.9}.sticker-brief>p{margin:0 0 12px;font-size:9px;letter-spacing:.08em;color:#7c6b56}.sticker-brief h2{margin:0 0 15px;font:700 24px/1.15 "Noto Serif SC",Songti SC,serif;max-width:80%}.sticker-brief dl{margin:0;display:grid;gap:9px}.sticker-brief dl div{border-top:1px solid rgba(61,53,43,.2);padding-top:7px}.sticker-brief dt{font-size:9px;letter-spacing:.12em;color:#9b443c}.sticker-brief dd{margin:3px 0 0;font-size:11px;line-height:1.45}.sticker-brief button{margin-top:13px;padding:7px 11px;border:1px solid #4b463b;color:#2c2a24;background:transparent;cursor:pointer;font-size:10px}.sticker-brief button:hover,.sticker-brief button:focus-visible{background:#2c2a24;color:#eee5d0;outline:none}.legacy-copy{position:absolute;z-index:14;left:clamp(116px,13vw,220px);top:19vh;width:min(680px,54vw);opacity:0;pointer-events:none;transform:translateY(26px);transition:opacity .8s ease .26s,transform 1s cubic-bezier(.2,.78,.18,1) .2s}.legacy-copy.active{opacity:1;pointer-events:auto;transform:translateY(0)}.legacy-copy>span{font-size:10px;letter-spacing:.22em;color:#e4b28a}.legacy-copy h1{margin:15px 0 24px;font:700 clamp(58px,8vw,116px)/.92 "Noto Serif SC","Songti SC",serif;letter-spacing:-.04em}.legacy-copy p{margin:0;width:min(620px,100%);padding:22px 24px;border-left:2px solid #b84a3f;background:#11131194;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 clamp(16px,1.55vw,23px)/1.9 "Noto Serif SC","Songti SC",serif;color:#f4ead4}.legacy-rule{display:flex;align-items:center;gap:14px;margin-top:20px;color:#f4ead4ad;font-size:10px;letter-spacing:.14em}.legacy-rule i{display:block;width:52px;height:1px;background:#c85a4e}.legacy-copy>button{margin-top:24px;padding:10px 16px;border:1px solid rgba(244,234,212,.6);color:#f4ead4;background:#0f110f61;cursor:pointer}.stage.phase-5 .briefing,.stage.phase-5 .map-camera,.stage.phase-5 .phase-card{opacity:0;pointer-events:none}.legacy-torn-transition{position:absolute;z-index:55;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.battle-retreat-shade{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#080a0975;opacity:var(--shade-opacity)}.legacy-rise-frame{position:absolute;z-index:2;top:0;right:-2vw;bottom:0;left:-2vw;overflow:visible;transform:translateY(var(--legacy-shift));filter:drop-shadow(0 -10px 18px rgba(0,0,0,.54));will-change:transform}.legacy-rise-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:54% 48%;transform:scale(var(--legacy-image-scale));filter:brightness(var(--legacy-image-brightness)) saturate(var(--legacy-image-saturation));-webkit-mask-image:url(/assets/torn-edge-mask-incoming.png);mask-image:url(/assets/torn-edge-mask-incoming.png);-webkit-mask-size:100% 122%;mask-size:100% 122%;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.legacy-rise-fiber{position:absolute;z-index:2;left:0;top:-4.3vh;width:100%;height:8vh;object-fit:fill;opacity:.96;filter:sepia(.12) brightness(1.04) contrast(1.08) drop-shadow(0 -2px 3px rgba(30,25,19,.24))}.legacy-rise-fiber-soft{z-index:1;top:-3.95vh;height:8.15vh;opacity:.34;filter:grayscale(.35) brightness(1.24) contrast(.9) blur(.35px)}.legacy-rise-index{position:absolute;z-index:3;right:4%;top:9%;color:#f4ead4b8;font:10px Georgia,serif;letter-spacing:.2em}.stage.paper-transition-active .scene{opacity:var(--battle-opacity);transform:scale(var(--battle-scale)) translateY(var(--battle-y));filter:saturate(var(--battle-saturation)) contrast(.98) brightness(var(--battle-brightness)) blur(var(--battle-blur));transition:none}.stage.paper-transition-active .legacy-scene{opacity:0;transition:none}.stage.paper-transition-active .legacy-copy{z-index:56;opacity:var(--copy-opacity);transform:translateY(var(--copy-y));transition:none;pointer-events:none}.archive-panel{position:absolute;z-index:30;inset:82px 0 0 auto;width:min(480px,92vw);padding:42px;background:#e7deca;color:#272823;box-shadow:-18px 0 60px #00000040;animation:archiveIn .48s cubic-bezier(.2,.78,.18,1) both}@keyframes archiveIn{0%{transform:translate(100%)}to{transform:translate(0)}}.archive-panel>p:first-of-type{font:11px Georgia,serif;letter-spacing:.18em;color:#7b6854}.archive-panel h2{font:700 34px/1.2 "Noto Serif SC",Songti SC,serif;margin:40px 0 28px}.archive-panel ol{padding-left:20px;line-height:2}.archive-note{margin-top:32px;padding-top:22px;border-top:1px solid rgba(53,50,43,.26);font-family:"Noto Serif SC",Songti SC,serif;line-height:1.8}.archive-close{float:right;border:0;background:transparent;cursor:pointer;color:#272823}.timeline{position:absolute;z-index:18;left:28px;right:auto;bottom:23px;width:min(720px,48vw);height:114px;padding:13px 17px 12px;border:1px solid rgba(238,229,208,.3);background:#1114128f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.timeline-head{display:flex;align-items:center;justify-content:space-between;color:#f2ead6a3}.timeline-head button{padding:5px 10px;font-size:11px}.timeline-track{height:1px;margin-top:12px;background:#f2ead63d}.timeline-track i{display:block;height:2px;margin-top:-1px;background:#d74b40;transition:width .65s ease}.timeline-nodes{display:grid;grid-template-columns:repeat(5,1fr)}.timeline-nodes button{position:relative;padding:11px 10px 0 0;border:0;background:transparent;color:#f2ead685;text-align:left;cursor:pointer}.timeline-nodes button:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#77776c;border:1px solid #d6ceb9;transition:transform .2s ease,background .2s ease}.timeline-nodes button span{display:block;font:10px Georgia,serif}.timeline-nodes button strong{display:block;margin-top:2px;font:500 13px "Noto Serif SC",Songti SC,serif}.timeline-nodes button:hover,.timeline-nodes button.active{color:#fff8e8}.timeline-nodes button.active:before{background:#dc463a;transform:scale(1.45)}.timeline-nodes button.passed:before{background:#8f2f29}.scroll-cue{position:absolute;z-index:17;right:30px;bottom:154px;display:flex;align-items:center;gap:8px;color:#f2ead68a;font-size:10px;letter-spacing:.12em;writing-mode:vertical-rl}@media(max-width:980px){.stage{min-height:620px}.topbar-meta span{display:none}.chapter-index{left:16px;top:96px;width:82px}.chapter-index button{grid-template-columns:24px 1fr}.chapter-index button.active:after{width:18px}.briefing{left:116px;width:62vw}.phase-card{right:16px;width:36vw;top:90px}.map-camera{left:48%;width:43%}.timeline{left:16px;right:16px;width:auto}}@media(max-width:720px){.topbar{padding:14px 14px 0;height:70px}.project-mark span{display:none}.project-mark strong{font-size:20px}.chapter-index{display:none}.briefing{left:18px;right:18px;top:15%;width:auto}.briefing h1{font-size:50px}.briefing.condensed h1{font-size:34px}.force-balance{gap:13px}.force-balance strong{font-size:18px}.map-camera{left:42%;top:57%;width:57%;height:31%}.map-camera.engaged{transform:translate(-12%,-17%) scale(1.12)}.phase-card{top:auto;bottom:142px;left:18px;right:auto;width:min(330px,calc(100vw - 36px));max-height:210px;overflow:auto}.phase-card dl>div:nth-child(3),.phase-card dl>div:nth-child(4){display:none}.timeline{left:12px;right:12px;width:auto;bottom:12px;height:118px}.timeline-nodes button span{font-size:8px}.timeline-nodes button strong{font-size:11px}.scroll-cue{display:none}.sticker-overlay{padding:78px 12px 142px}.sticker-stack{width:100%;height:66vh}.sticker-wide{left:1%;top:1%;width:96%;height:46%}.sticker-close{left:3%;right:auto;bottom:1%;width:58%;height:38%}.sticker-brief{right:1%;top:auto;bottom:2%;width:40%;min-height:48%;padding:13px}.sticker-brief h2{font-size:17px}.sticker-brief dd{font-size:9px}.legacy-copy{left:18px;right:18px;top:15vh;width:auto}.legacy-copy h1{font-size:55px}.legacy-copy p{font-size:15px;line-height:1.75;padding:17px}.legacy-rise-index{right:8%;top:9%;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}