:root{--paper: #f5f0e1;--ink: #1a1a1a;--blue: #4a90e2;--red: #e74c3c;--green: #27ae60;--gold: #c9a961;--white-flag: #fffaf0;--muted: rgba(26, 26, 26, .66);--wash: rgba(255, 250, 240, .72);--shadow: rgba(84, 54, 20, .18);--f-title: "ZCOOL XiaoWei", "STKaiti", "KaiTi", serif;--f-body: "Noto Serif SC", "Songti SC", "SimSun", serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{--mx: 0;--my: 0;--scroll: 0;--scroll-velocity: 0;--breath-x: 0;--breath-y: 0;min-width:320px;margin:0;overflow-x:hidden;overscroll-behavior-y:contain;background:radial-gradient(circle at 12% 8%,rgba(201,169,97,.2),transparent 22%),radial-gradient(circle at 92% 10%,rgba(74,144,226,.14),transparent 26%),radial-gradient(circle at 72% 88%,rgba(39,174,96,.1),transparent 22%),var(--paper);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.6}button,a{font:inherit}.svg-filters{position:absolute;width:0;height:0;overflow:hidden}#experience{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.paper-grain,.dust-overlay,.plateau-scene,.progress{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.paper-grain{z-index:2;opacity:.18;background-image:repeating-radial-gradient(circle at 18% 20%,rgba(84,54,20,.1) 0 1px,transparent 1px 7px),repeating-linear-gradient(102deg,rgba(255,255,255,.16) 0 1px,transparent 1px 13px),repeating-linear-gradient(12deg,transparent 0 28px,rgba(201,169,97,.08) 28px 30px);mix-blend-mode:multiply}.dust-overlay{z-index:3;opacity:.2;background:url(../images/golden-dust-overlay.png) center / cover no-repeat;mix-blend-mode:multiply;transform:translate3d(calc(var(--breath-x) * 9px + var(--scroll-velocity) * 32px),calc(var(--breath-y) * 7px),0) scale(1.03);transition:opacity .45s cubic-bezier(.25,1,.5,1)}body.is-gliding .dust-overlay,body.is-touching .dust-overlay{opacity:.32}.plateau-scene{z-index:1;overflow:hidden}.sky-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(74,144,226,.2),transparent 38%),radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.72),transparent 48%);opacity:.76}.mountain-line{position:absolute;left:-6vw;bottom:4vh;width:112vw;height:44vh;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:url(#mineral-grain);transform-origin:center bottom;transition:filter 1.2s cubic-bezier(.25,1,.5,1),opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1)}.mountain-line-back{stroke:#4a90e247;stroke-width:10;opacity:.42;filter:blur(10px);transform:scale(1.12)}.mountain-line-front{stroke:#c9a96194;stroke-width:6;opacity:.5;filter:blur(8px);transform:scale(1.08)}body.is-past-hero .mountain-line,body.scene-awake .mountain-line,body.scene-mission .mountain-line,body.scene-journey .mountain-line{opacity:1;filter:blur(0);transform:scale(1)}.prayer-flags{position:absolute;top:clamp(24px,5vh,58px);left:50%;display:flex;gap:clamp(9px,1.4vw,18px);width:min(880px,84vw);padding-top:20px;transform:translate(-50%) translateY(calc(var(--breath-y) * 4px)) rotate(calc(-2.5deg + var(--scroll-velocity) * 2deg))}.prayer-flags:before{content:"";position:absolute;top:11px;left:-3%;width:106%;height:2px;background:#1a1a1a59}.flag{width:clamp(24px,4vw,44px);height:clamp(30px,5vw,56px);clip-path:polygon(0 0,100% 0,86% 100%,48% 84%,12% 100%);transform-origin:center top;animation:flag-wave 2.8s ease-in-out infinite alternate;box-shadow:0 8px 16px #54361424;transition:filter .35s cubic-bezier(.25,1,.5,1),opacity .35s cubic-bezier(.25,1,.5,1)}.flag:nth-child(2n){animation-delay:-.7s}.flag:nth-child(3n){animation-delay:-1.4s}.blue{background:var(--blue)}.white{background:var(--white-flag)}.red{background:var(--red)}.green{background:var(--green)}.gold{background:#f2c94c}body.is-gliding .flag,body.is-touching .flag{filter:saturate(1.18) contrast(1.04);animation-duration:1.55s}@keyframes flag-wave{0%{transform:skew(-7deg) rotate(-3deg) translateY(0)}to{transform:skew(8deg) rotate(4deg) translateY(7px)}}.progress{right:auto;z-index:30;width:100%;height:3px;background:#c9a96138}.progress span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--blue),var(--gold),var(--red))}.chapter-nav{position:fixed;right:0;top:50%;z-index:32;display:grid;gap:16px;padding:26px 10px 26px 16px;border:1px solid rgba(201,169,97,.5);border-right:0;border-radius:999px 0 0 999px;background:#f5f0e1ad;box-shadow:0 20px 40px #5436141f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-50%)}.chapter-nav a{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:50%;color:#1a1a1a6b;font-family:var(--f-title);font-size:15px;text-decoration:none}.chapter-nav a.is-active{border-color:var(--gold);color:var(--ink);background:#c9a9612e}.sound-note{position:fixed;left:28px;bottom:24px;z-index:28;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;max-width:min(360px,calc(100vw - 56px));padding:0;border:0;background:transparent;color:var(--ink);cursor:default;text-align:left;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}.sound-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--red);background:#fffaf0b8;font-family:var(--f-title);font-size:24px}.sound-note span:last-child{font-size:14px;line-height:1.55;color:var(--muted)}body.has-started .sound-note,body.is-past-hero .sound-note{opacity:0;pointer-events:none;transform:translateY(18px)}.story{position:relative;z-index:10}.story-frame{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.narration,.solo-line,.panel-caption,.comic-panel,.id-card,.letter-object,.route-comic-panel{transition:opacity .7s cubic-bezier(.25,1,.5,1),filter .7s cubic-bezier(.25,1,.5,1),translate .7s cubic-bezier(.25,1,.5,1)}.story-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 26%),radial-gradient(circle at 70% 74%,rgba(201,169,97,.1),transparent 28%);opacity:.18}.scene-art{position:absolute;z-index:0;object-fit:cover;filter:saturate(1.03) contrast(1.02);mix-blend-mode:normal;opacity:.96;will-change:transform;transform:translate3d(calc(var(--mx) * 16px),calc(var(--my) * 12px),0) scale(calc(1.045 + var(--scroll) * .018));animation:image-breathe 12s ease-in-out infinite alternate}.title-card,.narration,.solo-line,.panel-caption,.growth-tree,.route-line,.id-card,.comic-panel,.letter-object,.route-comic-grid,.layered-scene{z-index:3}.full-bleed{top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}.diagonal{top:9vh;right:3vw;width:min(920px,72vw);height:72vh;border:0;opacity:1;clip-path:polygon(3% 8%,93% 0,100% 86%,12% 100%);-webkit-mask-image:none;mask-image:none;--base-rotate: -5deg;transform:translate3d(calc(var(--mx) * 24px),calc(var(--my) * 16px),0) rotate(calc(var(--base-rotate) + var(--mx) * 1.4deg)) scale(1.04);box-shadow:18px 20px #c9a9611a}.awake-panorama{opacity:1;object-position:center;filter:saturate(1.06) contrast(1.04);transform:translate3d(calc(var(--mx) * 18px),calc(var(--my) * 12px + (var(--frame-progress, .5) - .5) * 9vh),0) scale(1.09)}.letter-art{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.2;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 80%,transparent 100%)}.tree-art{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.86;object-position:70% center;-webkit-mask-image:radial-gradient(ellipse at 72% 50%,black 0 44%,transparent 76%);mask-image:radial-gradient(ellipse at 72% 50%,black 0 44%,transparent 76%)}.panel-bg{inset:12vh auto auto 7vw;z-index:1;width:min(650px,56vw);height:58vh;opacity:1;border:3px solid var(--ink);clip-path:none;--base-rotate: -2deg;transform:translate3d(calc(var(--mx) * -18px),calc(var(--my) * 12px),0) rotate(calc(var(--base-rotate) + var(--mx) * 1deg)) scale(1.035);-webkit-mask-image:none;mask-image:none;box-shadow:12px 14px #1a1a1a1f}.wide-strip{top:10vh;left:5vw;width:90vw;height:64vh;border:0;opacity:1;clip-path:polygon(2% 10%,98% 0,96% 88%,7% 100%);-webkit-mask-image:none;mask-image:none;--base-rotate: -1.8deg;transform:translate3d(calc(var(--mx) * -22px),calc(var(--my) * 14px),0) rotate(calc(var(--base-rotate) + var(--mx) * 1.1deg)) scale(1.035);box-shadow:12px 16px #c9a96121}@keyframes image-breathe{0%{object-position:48% 50%}to{object-position:53% 48%}}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--f-title);font-weight:400;letter-spacing:0;text-wrap:balance}h1{max-width:720px;font-size:clamp(40px,5.4vw,64px);line-height:1.08}h2{max-width:720px;font-size:clamp(32px,4.2vw,48px);line-height:1.18}h3{font-size:clamp(23px,2.4vw,31px);line-height:1.24}p{max-width:680px;color:var(--ink);font-family:var(--f-body);font-size:18px;font-weight:400;line-height:1.6}.eyebrow,.subtitle,.comic-panel span,.route-line{color:var(--red);font-family:var(--f-title);font-size:18px;line-height:1.4}.subtitle{color:var(--blue)}.hero-frame{display:grid;place-items:center;padding:10vh 24px}.title-card,.id-card{position:relative;display:grid;justify-items:center;gap:18px;width:min(780px,calc(100vw - 56px));padding:clamp(32px,7vw,72px);border:2px solid var(--gold);background:linear-gradient(135deg,#fffaf0d6,#f5f0e194),radial-gradient(circle at 18% 20%,rgba(231,76,60,.08),transparent 28%),radial-gradient(circle at 78% 28%,rgba(74,144,226,.1),transparent 30%);box-shadow:0 32px 80px var(--shadow);filter:url(#mineral-grain);text-align:center}.title-card{width:min(920px,calc(100vw - 56px));border:0;background:transparent;box-shadow:none;filter:none;text-shadow:0 2px 18px rgba(255,250,240,.72)}.title-card h1{font-size:clamp(48px,7vw,86px);line-height:1.02}.title-card .subtitle{padding:4px 12px;background:#f5f0e15c}.title-card:before,.id-card:before,.comic-panel:before,.panel-caption:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border:1px solid rgba(201,169,97,.42);pointer-events:none}.title-card:before{display:none}.ink-line{width:min(620px,74vw);height:84px;fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:draw-line 2.4s .35s ease-out forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.start,.cta{display:inline-grid;place-items:center;min-height:48px;padding:10px 24px;border:1px solid var(--gold);border-radius:4px;background:#c9a96129;color:var(--ink);font-family:var(--f-title);font-size:20px;text-decoration:none;cursor:pointer;transition:background .25s cubic-bezier(.25,1,.5,1),color .25s cubic-bezier(.25,1,.5,1),transform .25s cubic-bezier(.25,1,.5,1)}.start:hover,.cta:hover{background:var(--gold);color:#fffaf0;transform:translateY(-2px)}.image-frame{display:grid;min-height:100vh}.letter-arrives{min-height:100vh;background:radial-gradient(ellipse at 58% 50%,rgba(201,169,97,.12),transparent 28%),linear-gradient(to bottom,#fffaf0,var(--paper))}.letter-arrives:before{content:none}.letter-object{position:absolute;top:25vh;left:58%;z-index:2;width:min(680px,62vw);height:min(52vh,500px);object-fit:contain;opacity:1;filter:drop-shadow(0 36px 42px rgba(84,54,20,.26)) saturate(1.08) contrast(1.03);transform:translate(calc(-50% + var(--mx) * 34px)) translateY(calc(var(--my) * 22px)) rotate(calc(-4deg + var(--mx) * 3deg));transform-origin:center;animation:letter-float 7s ease-in-out infinite alternate}@keyframes letter-float{0%{translate:0 0}to{translate:0 -26px}}.narration{position:absolute;z-index:3;width:min(520px,72vw);color:var(--ink);font-family:var(--f-title);font-size:clamp(36px,6vw,88px);line-height:1.02;letter-spacing:0;text-shadow:0 10px 30px rgba(255,250,240,.78);text-wrap:balance}.narration:after{content:"";display:block;width:44%;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--gold),transparent)}.letter-text-a{top:18vh;left:max(8vw,48px);width:min(390px,34vw);color:var(--ink);transform:rotate(-3deg)}.letter-text-b{right:max(8vw,48px);top:59vh;width:min(440px,40vw);font-size:clamp(34px,5.2vw,76px);color:var(--red);text-align:right;transform:rotate(2deg)}.letter-text-b:after,.craft-text-b:after{margin-left:auto;background:linear-gradient(270deg,var(--gold),transparent)}.awake-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.awake-routine{position:absolute;left:max(5.2vw,42px);top:18vh;display:grid;grid-template-columns:repeat(4,max-content);gap:clamp(12px,1.4vw,22px);width:auto;max-width:min(660px,82vw);color:#1a1a1ae6;font-family:var(--f-title);font-size:clamp(19px,2.2vw,32px);line-height:1.1;letter-spacing:.16em;text-shadow:0 2px 16px rgba(255,250,240,.96);transform:rotate(-1deg)}.awake-routine span{position:relative;display:inline-block;padding:0 0 13px}.awake-routine span:nth-child(2){transform:translateY(12px) rotate(.8deg)}.awake-routine span:nth-child(3){transform:translateY(25px) rotate(-1.2deg)}.awake-routine span:nth-child(4){transform:translateY(38px) rotate(.6deg)}.awake-routine span:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(201,169,97,.9),transparent)}.awake-question{position:absolute;right:max(7vw,54px);top:19vh;display:grid;gap:12px;width:min(520px,40vw);color:#1f4f7c;font-family:var(--f-title);text-align:right;text-shadow:0 3px 18px rgba(255,250,240,.96);transform:rotate(.6deg)}.awake-question span{color:#1a1a1aad;font-family:var(--f-body);font-size:clamp(14px,1.1vw,17px);letter-spacing:.14em}.awake-question strong{display:block;font-size:clamp(34px,4.8vw,64px);font-weight:400;line-height:1.04;letter-spacing:.03em}.awake-question:after{content:"";justify-self:end;width:min(210px,62%);height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--red))}.route-text{left:max(7vw,48px);top:14vh;color:var(--red);font-size:clamp(34px,5.4vw,76px);transform:rotate(-2deg)}.craft-text-a{left:max(9vw,48px);top:22vh;color:var(--green)}.craft-text-b{right:max(9vw,48px);top:66vh;color:var(--blue);text-align:right}.top-left{top:25vh;left:max(7vw,28px)}.bottom-right{right:max(7vw,28px);bottom:17vh;text-align:right}.center-line{left:50%;top:56%;text-align:center;transform:translate(-50%,-50%)}.white-space{display:grid;place-items:center;min-height:108vh;background:#fffaf057}.solo-line{width:min(760px,calc(100vw - 56px));max-width:none;font-size:clamp(26px,3.2vw,42px);line-height:1.55;text-align:center;text-wrap:balance}.solo-line.small{width:min(680px,calc(100vw - 56px));font-size:clamp(22px,2.4vw,32px)}.city-cage{min-height:100vh;background:#fffaf0}.city-cage:before{content:"";position:absolute;top:-10vh;right:-8vw;bottom:-10vh;left:-8vw;z-index:2;background:radial-gradient(ellipse at 25% 45%,rgba(26,26,26,.18),transparent 32%),radial-gradient(ellipse at 48% 54%,rgba(255,250,240,.42),transparent 30%),conic-gradient(from 210deg at 45% 52%,transparent 0 18deg,rgba(201,169,97,.2) 26deg 34deg,transparent 46deg 360deg);filter:blur(12px);opacity:.56;mix-blend-mode:multiply;pointer-events:none;animation:thought-storm 9s ease-in-out infinite alternate}.city-bars{position:absolute;left:7vw;bottom:12vh;display:flex;align-items:end;gap:10px;display:none}.city-bars span{display:block;width:32px;background:linear-gradient(to top,#1a1a1a9e,#1a1a1a14);animation:cage-open 4s ease-in-out infinite alternate}.city-bars span:nth-child(1){height:94px}.city-bars span:nth-child(2){height:132px;animation-delay:-.5s}.city-bars span:nth-child(3){height:74px;animation-delay:-1s}.city-bars span:nth-child(4){height:116px;animation-delay:-1.4s}.city-bars span:nth-child(5){height:54px;animation-delay:-1.9s}@keyframes cage-open{to{transform:translateY(18px);opacity:.24}}@keyframes thought-storm{to{transform:translate3d(22px,-14px,0) rotate(2deg);opacity:.34}}.mission-tree{min-height:100vh}.panel-caption{position:absolute;z-index:4;display:grid;gap:12px;width:min(470px,calc(100vw - 48px));padding:28px;border:2px solid var(--gold);background:#fffaf0bd;box-shadow:12px 14px #c9a9611f}.panel-caption.left{top:22vh;left:max(7vw,28px)}.growth-tree{position:absolute;right:max(8vw,36px);top:50%;z-index:2;width:min(450px,58vw);fill:#27ae601f;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%)}.growth-tree path,.growth-tree circle{stroke-dasharray:650;stroke-dashoffset:650;animation:draw-line 3.8s ease-out forwards}.growth-tree circle{fill:#4a90e21f}.comic-info{display:grid;place-items:center;min-height:108vh;padding:14vh 6vw}.comic-info.triple{display:block;min-height:100vh;padding:0;background:#fffaf0}.comic-panel{position:relative;display:grid;align-content:center;gap:15px;min-height:280px;padding:32px;border:3px solid var(--ink);background:#fffaf0;box-shadow:12px 16px #1a1a1a1a;transform:translateY(0);animation:panel-float 6s ease-in-out infinite alternate}.comic-panel.large{width:min(820px,calc(100vw - 48px));min-height:360px;text-align:center}.comic-panel:nth-child(2){animation-delay:-1.7s}.comic-panel:nth-child(3){animation-delay:-3.1s}.comic-info.triple .comic-panel{position:absolute;z-index:3;width:min(340px,28vw);min-height:190px}.comic-info.triple .comic-panel:nth-of-type(1){left:8vw;top:61vh;transform:rotate(-1.7deg)}.comic-info.triple .comic-panel:nth-of-type(2){left:37vw;top:55vh;bottom:auto;transform:rotate(1.2deg)}.comic-info.triple .comic-panel:nth-of-type(3){right:8vw;top:64vh;bottom:auto;transform:rotate(-1deg)}@keyframes panel-float{to{transform:translateY(-14px)}}.route-map{min-height:100vh;background:radial-gradient(ellipse at 12% 20%,rgba(231,76,60,.08),transparent 28%),linear-gradient(180deg,#fffaf0 0%,var(--paper) 100%)}.route-comic-grid{position:absolute;top:5vh;right:5vw;bottom:5vh;left:5vw;transform:translate3d(calc(var(--mx) * -8px),calc(var(--my) * 5px),0) rotate(calc(-.55deg + var(--mx) * .35deg))}.route-comic-panel{position:absolute;z-index:2;margin:0;overflow:hidden;border:4px solid var(--ink);background:url(../images/linzhi-route-map.png) center / cover no-repeat,#fffaf0;box-shadow:14px 16px #1a1a1a1f;filter:saturate(1.08) contrast(1.04);transform-origin:center;will-change:transform}.route-comic-panel img{display:block;width:100%;height:100%;object-fit:cover}.route-comic-panel [data-optional-layer]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.route-comic-panel [data-optional-layer].is-loaded{opacity:1}.route-comic-main{left:4vw;top:10vh;width:min(780px,58vw);height:54vh;transform:translate3d(calc(var(--mx) * -18px),calc(var(--my) * 11px),0) rotate(calc(-2.4deg + var(--mx) * .8deg))}.route-comic-small{width:min(230px,18vw);height:21vh}.route-comic-small figcaption{position:absolute;left:14px;bottom:10px;z-index:2;padding:2px 9px 4px;background:#fffaf0;color:var(--ink);font-family:var(--f-title);font-size:clamp(17px,1.7vw,25px);line-height:1.2}.route-linzhi{right:6vw;top:9vh;background-position:18% 52%;transform:translate3d(calc(var(--mx) * 16px),calc(var(--my) * -9px),0) rotate(calc(3.5deg + var(--mx) * -.7deg))}.route-lulang{right:1vw;top:32vh;background-position:38% 50%;transform:translate3d(calc(var(--mx) * 19px),calc(var(--my) * 10px),0) rotate(calc(-2.5deg + var(--mx) * .7deg))}.route-bomi{right:16vw;left:auto;bottom:9vh;background-position:58% 50%;transform:translate3d(calc(var(--mx) * -14px),calc(var(--my) * 12px),0) rotate(calc(2.1deg + var(--mx) * -.6deg))}.route-canyon{right:2vw;bottom:7vh;background-position:86% 58%;transform:translate3d(calc(var(--mx) * 14px),calc(var(--my) * -8px),0) rotate(calc(-3.7deg + var(--mx) * .9deg))}.route-text{left:1vw;top:4vh;z-index:5;width:min(300px,28vw);color:var(--red);font-size:clamp(38px,5.8vw,84px);transform:rotate(-5deg)}.route-line{position:absolute;left:4vw;bottom:4vh;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:13px;width:min(760px,58vw);color:var(--ink);transform:rotate(-.4deg);padding:12px 18px;background:#fffaf0;border:3px solid var(--ink);box-shadow:9px 11px #1a1a1a1f}.route-line i{width:clamp(34px,8vw,94px);height:2px;background:linear-gradient(90deg,var(--gold),var(--red))}.craft-scene{min-height:100vh;background:#fffaf0}.craft-layered{z-index:1}.craft-scene:before{content:none}.layered-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.depth-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:saturate(1.06) contrast(1.03);will-change:transform}.depth-base{transform:translate3d(calc(var(--mx) * 14px),calc(var(--my) * 10px),0) scale(1.035);animation:image-breathe 13s ease-in-out infinite alternate}.craft-layered.has-custom-layers .depth-base{opacity:1}.depth-bg,.depth-mid,.depth-fg,.depth-dust{opacity:0}.depth-bg.is-loaded{opacity:1;object-position:center;transform:translate3d(calc(var(--mx) * 10px),calc(var(--my) * 7px),0) scale(1.045)}.depth-mid.is-loaded{opacity:1;inset:auto 4vw 1vh auto;width:min(940px,58vw);height:auto;object-fit:contain;transform:translate3d(calc(var(--mx) * 28px),calc(var(--my) * 16px),0) scale(1.02);animation:layer-sway 8s ease-in-out infinite alternate}.depth-fg.is-loaded{opacity:1;inset:auto -3vw -8vh auto;width:min(1120px,70vw);height:auto;object-fit:contain;transform:translate3d(calc(var(--mx) * 42px),calc(var(--my) * 22px),0) scale(1.035);filter:saturate(1.08) contrast(1.06) drop-shadow(0 20px 18px rgba(84,54,20,.16))}.depth-dust.is-loaded{opacity:.72;object-fit:cover;mix-blend-mode:screen;transform:translate3d(calc(var(--mx) * -22px),calc(var(--my) * -12px),0) scale(1.08);animation:dust-drift 12s linear infinite alternate}.craft-copy{position:relative;z-index:4}.craft-text-a{left:max(7vw,48px);top:22vh;width:min(440px,34vw);color:var(--green);font-size:clamp(42px,6vw,86px);transform:rotate(-4deg)}.craft-text-b{left:max(9vw,70px);right:auto;top:52vh;width:min(500px,36vw);color:var(--blue);text-align:left;transform:rotate(1.2deg)}@keyframes layer-sway{to{translate:0 -12px}}@keyframes dust-drift{to{translate:42px -18px}}.final-frame{display:grid;place-items:center;min-height:112vh;padding:12vh 24px 58vh}.identity-draw{position:relative;z-index:3;display:grid;justify-items:center;gap:22px;width:min(760px,calc(100vw - 48px))}.draw-card{--reveal: 0%;position:relative;width:min(520px,88vw);min-height:min(72vh,680px);overflow:hidden;border:3px solid var(--ink);background:#fffaf0;box-shadow:18px 22px #1a1a1a24;transform:translate3d(calc(var(--mx) * 10px),calc(var(--my) * 8px),0) rotate(calc(var(--mx) * .8deg));animation:card-arrive 1.1s cubic-bezier(.25,1,.5,1) both,card-breathe 9s ease-in-out infinite alternate;touch-action:pan-y}.draw-card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:4;border:1px solid rgba(201,169,97,.48);pointer-events:none}.draw-card__back,.draw-card__front,.draw-card__veil{position:absolute;top:0;right:0;bottom:0;left:0}.draw-card__back{z-index:1;background:radial-gradient(circle at 50% 36%,rgba(255,250,240,.08),transparent 24%),url(../images/identity-card-back.png) center / cover no-repeat;transform:translate3d(calc(var(--breath-x) * 8px),calc(var(--breath-y) * 7px),0) scale(1.035);filter:saturate(1.04) contrast(1.03)}.draw-card__front{z-index:2;display:grid;align-content:center;justify-items:center;gap:17px;padding:clamp(34px,7vw,58px);background:linear-gradient(180deg,#fffaf0c7,#f5f0e1e6),url(../images/seeker-id-card.png) center / cover no-repeat;text-align:center}.draw-card__front h2{font-size:clamp(36px,6vw,64px)}.draw-card__front p{width:min(420px,100%)}.draw-card__veil{z-index:5;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(201,169,97,.22),transparent 24%),url(../images/identity-card-back.png) center / cover no-repeat;clip-path:inset(0 calc(var(--reveal) * 1%) 0 0);cursor:grab;-webkit-user-select:none;user-select:none;transition:clip-path .12s linear}.draw-card.is-revealed .draw-card__veil{clip-path:inset(0 100% 0 0);pointer-events:none}.draw-card__veil span{display:grid;place-items:center;width:min(250px,52vw);aspect-ratio:1;border:2px solid rgba(255,250,240,.78);border-radius:50%;background:#1a1a1a47;color:#fffaf0;font-family:var(--f-title);font-size:clamp(34px,7vw,56px);text-shadow:0 3px 18px rgba(26,26,26,.45);box-shadow:inset 0 0 0 12px #c9a9612e,0 18px 44px #1a1a1a42}.draw-card__veil i{position:absolute;left:50%;bottom:32px;display:block;min-width:180px;padding:9px 18px 11px;border:1px solid rgba(255,250,240,.72);border-radius:999px;background:#1a1a1a5c;color:#fffaf0;font-family:var(--f-title);font-style:normal;text-align:center;transform:translate(-50%);animation:reveal-hint 1.8s ease-in-out infinite alternate}@keyframes reveal-hint{to{translate:18px 0}}.identity-quiz{position:relative;width:min(620px,100%);padding:24px;border:3px solid var(--ink);background:#fffaf0;box-shadow:12px 14px #1a1a1a1f;animation:quiz-rise .65s cubic-bezier(.25,1,.5,1) both}.identity-result{position:relative;display:grid;justify-items:center;gap:18px;width:min(620px,100%);padding:4px 16px;color:var(--ink);text-align:center;animation:quiz-rise .65s cubic-bezier(.25,1,.5,1) both}.identity-result[hidden],.identity-quiz[hidden]{display:none}.identity-quiz:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(201,169,97,.42);pointer-events:none}.quiz-kicker{color:var(--red);font-family:var(--f-title);font-size:18px}.identity-quiz h3{margin-top:8px;font-size:clamp(25px,4vw,36px)}.quiz-options{display:grid;gap:10px;margin-top:18px}.quiz-option{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;width:100%;padding:13px 15px;border:2px solid rgba(26,26,26,.78);background:linear-gradient(90deg,rgba(201,169,97,.12),transparent),#fffaf0;color:var(--ink);font-family:var(--f-body);text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),background .25s cubic-bezier(.25,1,.5,1),color .25s cubic-bezier(.25,1,.5,1)}.quiz-option:hover,.quiz-option:focus-visible{background:var(--ink);color:#fffaf0;transform:translateY(-2px) rotate(-.2deg)}.quiz-option span{color:var(--red);font-family:var(--f-title)}.quiz-progress{display:flex;gap:8px;margin-top:18px}.quiz-progress i{width:28px;height:4px;background:#c9a96152}.quiz-progress i.is-active{background:linear-gradient(90deg,var(--gold),var(--red))}@keyframes quiz-rise{0%{opacity:0;transform:translateY(24px) rotate(-.4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.career-generate{min-width:210px;border:0;background:linear-gradient(135deg,#e74c3cf5,#c9a961fa 52%,#4a90e2f2);color:#fffaf0;box-shadow:0 14px 34px #1a1a1a29,0 0 0 1px #fffaf0b8 inset}.career-generate:after{background:#fffaf0}.career-card-stage{display:grid;justify-items:center;gap:22px;width:min(520px,92vw);scroll-margin-top:12vh;scroll-margin-bottom:32vh;perspective:1400px}.career-card-stage[hidden]{display:none}.career-card-image{display:block;width:min(420px,80vw);height:auto;object-fit:contain;opacity:0;transform:rotateY(88deg) translateY(20px) scale(.92);transform-origin:center;filter:drop-shadow(0 28px 32px rgba(26,26,26,.24)) drop-shadow(0 2px 0 rgba(255,250,240,.58));transition:opacity .55s ease,transform 1s cubic-bezier(.18,1,.24,1),filter 1s cubic-bezier(.18,1,.24,1);will-change:transform,opacity}.career-card-image.is-visible{opacity:1;transform:rotateY(0) translate3d(calc(var(--breath-x) * 8px),calc(var(--breath-y) * 8px),0) rotate(calc(var(--scroll-velocity) * -1.4deg)) scale(1);animation:career-card-float 7s ease-in-out infinite alternate}@keyframes career-card-float{to{filter:drop-shadow(0 34px 38px rgba(26,26,26,.2)) drop-shadow(0 0 22px rgba(201,169,97,.2))}}.id-card{width:min(650px,calc(100vw - 48px));min-height:min(72vh,620px);overflow:hidden;background:linear-gradient(135deg,#fffaf02e,#f5f0e114),url(../images/seeker-id-card.png) center / cover no-repeat;transform:translate3d(calc(var(--mx) * 10px),calc(var(--my) * 8px),0) rotate(calc(var(--mx) * .8deg));animation:card-arrive 1.1s cubic-bezier(.25,1,.5,1) both,card-breathe 9s ease-in-out infinite alternate}@keyframes card-breathe{to{background-position:52% 49%}}.id-card:after{content:"";position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 7deg,rgba(201,169,97,.25) 7deg 10deg,transparent 10deg 20deg);opacity:.36;animation:mandala-spin 28s linear infinite;pointer-events:none}.id-card>*{position:relative;z-index:1}.adventure-link{position:relative;justify-self:center;display:inline-grid;place-items:center;min-width:210px;min-height:54px;padding:12px 26px;border:0;background:linear-gradient(90deg,var(--red),var(--gold),var(--blue));color:#fffaf0;font-family:var(--f-title);font-size:24px;text-decoration:none;box-shadow:8px 10px #1a1a1a29;overflow:hidden}.adventure-link:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,250,240,.72)}.adventure-link:after{content:"";position:absolute;inset:-30% auto -30% -35%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,250,240,.68),transparent);transform:skew(-16deg);animation:adventure-shine 2.8s ease-in-out infinite}.adventure-link.is-disabled{background:#1a1a1a3d;color:#1a1a1a8a;pointer-events:auto}@keyframes adventure-shine{0%,45%{translate:0 0}to{translate:460% 0}}.card-line{display:grid;grid-template-columns:88px 1fr;gap:18px;width:min(420px,100%);padding:13px 0;border-bottom:1px solid rgba(201,169,97,.45);text-align:left}.card-line span{color:var(--muted)}.card-line strong{font-weight:400;color:var(--ink)}@keyframes card-arrive{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mandala-spin{to{transform:rotate(360deg)}}@media (max-width: 880px){body.is-mobile-motion{background:radial-gradient(circle at calc(18% + var(--breath-x) * 3%) calc(10% + var(--breath-y) * 2%),rgba(201,169,97,.22),transparent 23%),radial-gradient(circle at calc(86% + var(--breath-x) * -4%) 12%,rgba(74,144,226,.14),transparent 28%),radial-gradient(circle at 68% calc(88% + var(--breath-y) * 3%),rgba(39,174,96,.11),transparent 22%),var(--paper)}body.is-mobile-motion #experience{opacity:.92}body.is-mobile-motion .paper-grain{opacity:.2;transform:translate3d(calc(var(--breath-x) * -4px),calc(var(--breath-y) * 4px + var(--scroll-velocity) * -18px),0)}body.is-mobile-motion .sky-wash{opacity:calc(.64 + var(--scroll-energy) * .18);transform:translate3d(calc(var(--breath-x) * 10px),calc(var(--breath-y) * 6px),0)}body.is-mobile-motion .story-frame:not(.is-current) .narration,body.is-mobile-motion .story-frame:not(.is-current) .solo-line,body.is-mobile-motion .story-frame:not(.is-current) .panel-caption,body.is-mobile-motion .story-frame:not(.is-current) .comic-panel,body.is-mobile-motion .story-frame:not(.is-current) .id-card{opacity:.36;filter:blur(1.5px);translate:0 18px}body.is-mobile-motion .story-frame.is-current .narration,body.is-mobile-motion .story-frame.is-current .solo-line,body.is-mobile-motion .story-frame.is-current .panel-caption,body.is-mobile-motion .story-frame.is-current .comic-panel,body.is-mobile-motion .story-frame.is-current .id-card{opacity:1;filter:none;translate:0 0}body.is-mobile-motion .story-frame.is-current .letter-object,body.is-mobile-motion .story-frame.is-current .route-comic-panel{filter:saturate(1.08) contrast(1.04) drop-shadow(0 24px 26px rgba(84,54,20,.18))}.chapter-nav{display:none}.sound-note{left:20px;bottom:18px;max-width:calc(100vw - 40px)}.prayer-flags{top:22px;width:92vw}.narration{width:min(320px,76vw);font-size:clamp(21px,6vw,30px)}.letter-object{top:35vh;left:50%;width:min(330px,78vw);height:min(30vh,260px);transform:translate(calc(-50% + var(--mx) * 22px + var(--breath-x) * 8px)) translateY(calc(var(--my) * 18px + var(--breath-y) * 10px + var(--scroll-velocity) * -18px)) rotate(calc(-4deg + var(--mx) * 2.4deg + var(--scroll-velocity) * -2deg))}.letter-text-a{top:20vh;left:24px;width:min(300px,72vw)}.letter-text-b{right:24px;top:68vh;width:min(300px,72vw)}.craft-text-a{left:24px;top:20vh;width:min(320px,76vw)}.craft-text-b{right:24px;top:68vh;width:min(320px,76vw)}.top-left{top:22vh;left:24px}.bottom-right{right:24px;bottom:18vh}.diagonal,.wide-strip{left:8vw;right:auto;width:92vw;height:48vh}.awake-panorama{left:0;width:100%;height:100%;object-position:48% 50%;transform:translate3d(calc(var(--mx) * 13px + var(--breath-x) * 9px),calc(var(--my) * 10px + var(--breath-y) * 7px + (var(--frame-progress, .5) - .5) * 7vh + var(--scroll-velocity) * -24px),0) scale(1.08)}.city-cage:before{opacity:calc(.42 + var(--scroll-energy) * .28);transform:translate3d(calc(var(--breath-x) * 18px + var(--mx) * 12px),calc(var(--breath-y) * -10px + var(--my) * 10px),0) rotate(calc(var(--scroll-velocity) * 2deg))}.awake-text-a{left:22px;top:15vh;grid-template-columns:repeat(2,max-content);gap:10px 18px;width:auto;font-size:clamp(20px,6.8vw,30px);letter-spacing:.13em}.awake-routine span:nth-child(2),.awake-routine span:nth-child(3),.awake-routine span:nth-child(4){transform:none}.awake-text-b{right:22px;top:15.5vh;bottom:auto;width:min(280px,49vw)}.awake-question span{font-size:12px;letter-spacing:.1em}.awake-question strong{font-size:clamp(27px,7.2vw,39px)}.route-comic-grid{top:4vh;right:5vw;bottom:4vh;left:5vw;transform:translate3d(calc(var(--mx) * -5px + var(--breath-x) * 4px),calc(var(--my) * 4px + var(--breath-y) * 3px),0) rotate(calc(var(--scroll-velocity) * -.6deg))}.route-comic-main{left:0;top:7vh;width:90vw;height:25vh;transform:translate3d(calc(var(--mx) * -12px + var(--breath-x) * -5px),calc(var(--my) * 8px + var(--scroll-velocity) * -14px),0) rotate(calc(-2deg + var(--scroll-velocity) * -1.6deg))}.route-comic-small{width:41vw;height:11.5vh;border-width:3px}.route-linzhi{left:2vw;right:auto;top:36vh;transform:translate3d(calc(var(--mx) * 13px + var(--breath-x) * 6px),calc(var(--my) * -8px + var(--scroll-velocity) * -9px),0) rotate(calc(2.4deg + var(--scroll-velocity) * 1.3deg))}.route-lulang{left:auto;right:1vw;top:37vh;transform:translate3d(calc(var(--mx) * -10px + var(--breath-x) * -4px),calc(var(--my) * 9px + var(--scroll-velocity) * 8px),0) rotate(calc(-2deg + var(--scroll-velocity) * -1deg))}.route-bomi{left:2vw;bottom:19vh;transform:translate3d(calc(var(--mx) * 9px + var(--breath-x) * 5px),calc(var(--my) * 7px + var(--scroll-velocity) * -7px),0) rotate(calc(2.2deg + var(--scroll-velocity) * .9deg))}.route-canyon{right:1vw;bottom:18vh;transform:translate3d(calc(var(--mx) * -12px + var(--breath-x) * -6px),calc(var(--my) * -8px + var(--scroll-velocity) * 10px),0) rotate(calc(-3deg + var(--scroll-velocity) * -1.1deg))}.route-text{left:5vw;top:2vh;width:min(250px,56vw);font-size:clamp(32px,10vw,48px)}.route-line{left:4vw;right:auto;bottom:5vh;width:88vw;gap:8px;padding:7px 9px;font-size:13px;transform:rotate(-.6deg)}.route-line i{width:18px}.route-comic-small figcaption{left:8px;bottom:7px;font-size:16px}.growth-tree{right:50%;top:58%;width:min(360px,76vw);opacity:.72;transform:translate(50%,-50%);filter:drop-shadow(calc(var(--breath-x) * 5px) calc(var(--breath-y) * 5px) 12px rgba(201,169,97,.18))}.panel-caption.left{top:16vh;left:24px}.comic-info.triple{min-height:100vh;padding:0}.comic-info.triple .panel-bg{top:6vh;left:7vw;width:86vw;height:32vh}.comic-info.triple .comic-panel{position:absolute;width:min(330px,78vw);min-height:0;padding:13px 15px}.comic-info.triple .comic-panel h3{font-size:19px}.comic-info.triple .comic-panel p{font-size:13px;line-height:1.38}.comic-info.triple .comic-panel:nth-of-type(1){top:42vh;left:8vw;right:auto;transform:rotate(-1.4deg)}.comic-info.triple .comic-panel:nth-of-type(2){top:59vh;left:auto;right:8vw;bottom:auto;transform:rotate(1.2deg)}.comic-info.triple .comic-panel:nth-of-type(3){top:74vh;left:8vw;right:auto;bottom:auto;transform:rotate(-1deg)}.craft-scene:before{content:none}.depth-layer{object-position:44% 50%}.depth-base{transform:translate3d(calc(var(--mx) * 13px + var(--breath-x) * 8px),calc(var(--my) * 10px + var(--breath-y) * 6px + var(--scroll-velocity) * -20px),0) scale(1.06)}.craft-scene.is-current:after{opacity:.28;background:radial-gradient(ellipse at calc(22% + var(--breath-x) * 8%) calc(72% + var(--breath-y) * 6%),rgba(201,169,97,.22),transparent 28%),radial-gradient(ellipse at 82% 18%,rgba(39,174,96,.11),transparent 30%);mix-blend-mode:multiply}.craft-text-a{top:12vh;left:24px;width:min(270px,74vw);font-size:clamp(31px,9.8vw,46px);text-shadow:0 3px 18px rgba(255,250,240,.95)}.craft-text-b{top:31vh;left:25px;right:auto;bottom:auto;width:min(290px,78vw);padding:0;border:0;background:transparent;box-shadow:none;font-size:clamp(25px,7.4vw,34px);line-height:1.12;text-align:left;text-shadow:0 3px 18px rgba(255,250,240,.95);transform:rotate(1.2deg)}.craft-text-b:after{display:none}h1{font-size:clamp(38px,11vw,56px)}.identity-draw{width:min(420px,calc(100vw - 32px));gap:16px}.draw-card{width:min(380px,90vw);min-height:min(60vh,510px);box-shadow:10px 13px #1a1a1a24;transform:translate3d(calc(var(--mx) * 8px + var(--breath-x) * 5px),calc(var(--my) * 8px + var(--breath-y) * 5px),0) rotate(calc(var(--mx) * .9deg + var(--scroll-velocity) * -1.2deg))}.draw-card__front{padding:30px 24px;gap:14px}.draw-card__front h2{font-size:clamp(32px,9vw,46px)}.draw-card__front p,.identity-result p{font-size:15px;line-height:1.65}.draw-card__veil span{width:min(214px,54vw);font-size:clamp(34px,12vw,48px)}.identity-quiz{width:min(390px,92vw);padding:18px;box-shadow:8px 10px #1a1a1a1f}.identity-result{width:min(390px,92vw);padding:0 8px}.quiz-options{gap:8px}.quiz-option{grid-template-columns:28px 1fr;gap:8px;padding:10px 12px;font-size:14px;line-height:1.45}.adventure-link{min-width:190px;min-height:50px;font-size:22px}.career-card-stage{gap:16px;width:min(390px,92vw)}.career-card-image{width:min(345px,84vw)}.id-card{transform:translate3d(calc(var(--mx) * 8px + var(--breath-x) * 5px),calc(var(--my) * 8px + var(--breath-y) * 5px),0) rotate(calc(var(--mx) * .9deg + var(--scroll-velocity) * -1.2deg))}body.is-touching .id-card,body.is-touching .draw-card,body.is-touching .route-comic-panel,body.is-touching .letter-object{translate:0 -4px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}