:root{--ink: #0a1c30;--indigo: #102c4a;--indigo-deep: #0b2238;--batik: #2a5f86;--batik-light: #5b93bd;--wax: #b9cfe6;--wax-bright: #dcebf8;--wax-dim: #86a9cc;--cream: #d3e3f2;--cream-dim: #9ab7d6;--gold: #cfe0f0;--gold-dim: #6f97bf;--vermilion: #c85a3a;--leaf: #d98848;--leaf-deep: #a8542a;--font-title: "Georgia", "STSong", "SimSun", serif;--font-body: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--scene-height: 100vh;--content-max-width: 1400px;--anim-fast: .4s;--anim-normal: .9s;--anim-slow: 1.3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.45, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--ink);color:var(--cream);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}.blob-canvas,.flow-canvas,.maple-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.blob-canvas{z-index:0;opacity:.55}.flow-canvas{z-index:1;opacity:.5;mix-blend-mode:screen}.maple-canvas{z-index:100;opacity:.45}.comic-container{position:relative;width:100%;z-index:2}.scene{position:relative;width:100%;min-height:var(--scene-height);display:flex;align-items:center;justify-content:center;overflow:hidden}.scene-cover{background:radial-gradient(ellipse 74% 62% at 50% 46%,#09172a94,#09172a33 60%,#06101e1f),linear-gradient(180deg,#07132485,#07132429 30%,#07132438 66%,#060f1c99),var(--indigo-deep) url(/images/cover-batik.jpg) center center / cover no-repeat}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cover-top{position:absolute;top:34px;left:0;right:0;z-index:3;text-align:center;padding:0 20px;pointer-events:none}.cover-subtitle{display:flex;align-items:center;justify-content:center;gap:16px;font-size:clamp(15px,1.8vw,22px);color:var(--gold);letter-spacing:8px;text-shadow:0 2px 12px rgba(0,0,0,.5);animation:fadeInUp var(--anim-slow) var(--ease-out) .2s both}.cover-subtitle:before,.cover-subtitle:after{content:"";display:block;width:46px;height:1px}.cover-subtitle:before{background:linear-gradient(90deg,transparent,var(--gold-dim))}.cover-subtitle:after{background:linear-gradient(90deg,var(--gold-dim),transparent)}.cover-description{margin-top:12px;font-size:clamp(13px,1.4vw,17px);color:var(--cream-dim);letter-spacing:3px;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp var(--anim-slow) var(--ease-out) .45s both}.cover-content{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0}.cover-bottom{position:absolute;bottom:5vh;left:0;right:0;z-index:3;padding:0 6vw}.title-stage{position:relative;width:100vw;height:64vh;min-height:400px;margin:4vh 0 0;overflow:hidden;-webkit-user-select:none;user-select:none}.title-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,rgba(42,95,134,.32) 0%,transparent 66%),linear-gradient(180deg,#0b1d2b00 55%,#0b1d2b99);z-index:0;pointer-events:none}.title-track{display:flex;align-items:stretch;height:100%;transition:transform .4s var(--ease-soft);will-change:transform;cursor:grab}.title-track.dragging{transition:none;cursor:grabbing}.title-slide{position:relative;flex:1 1 0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0 1vw}.slide-atmo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.atmo-indigo{background:radial-gradient(46% 58% at 32% 40%,rgba(79,134,176,.5) 0%,transparent 72%),radial-gradient(38% 44% at 74% 72%,rgba(30,70,105,.55) 0%,transparent 72%);animation:atmoBreath 6s ease-in-out infinite}.atmo-blue{background:radial-gradient(50% 56% at 62% 42%,rgba(79,134,176,.45) 0%,transparent 72%)}.atmo-blue:before,.atmo-blue:after{content:"";position:absolute;left:-20%;width:140%;height:42%;border-top:2px solid rgba(79,134,176,.35);border-radius:50%;animation:waveSlide 7s linear infinite}.atmo-blue:before{top:24%}.atmo-blue:after{top:58%;animation-delay:-3.5s}@keyframes waveSlide{0%{transform:translate(-10%);opacity:.2}50%{opacity:.7}to{transform:translate(10%);opacity:.2}}.atmo-cloth{background:repeating-linear-gradient(0deg,rgba(185,207,230,.07) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(185,207,230,.07) 0 2px,transparent 2px 14px),radial-gradient(50% 56% at 40% 48%,rgba(185,207,230,.18) 0%,transparent 72%)}.atmo-heritage{background:radial-gradient(48% 54% at 56% 40%,rgba(185,207,230,.22) 0%,transparent 72%)}.atmo-heritage:before,.atmo-heritage:after{content:"";position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:1.5px solid rgba(185,207,230,.5);border-radius:50%;animation:ringSpread 4.5s ease-out infinite}.atmo-heritage:after{animation-delay:2.25s}@keyframes ringSpread{0%{transform:scale(.4);opacity:.8}to{transform:scale(7);opacity:0}}@keyframes atmoBreath{0%,to{opacity:.7}50%{opacity:1}}.slide-char{position:relative;z-index:2;font-family:var(--font-title);font-size:clamp(84px,13vw,178px);font-weight:700;line-height:1;color:var(--cream);text-shadow:0 0 80px rgba(79,134,176,.55),0 12px 40px rgba(0,0,0,.4);cursor:pointer;transition:transform .6s var(--ease-out),opacity .6s var(--ease-soft),color .4s var(--ease-soft),text-shadow .4s var(--ease-soft),filter .6s var(--ease-soft)}.title-slide:not(.is-active) .slide-char{transform:scale(.56);opacity:.42;filter:blur(1.6px)}.title-slide.is-active .slide-char{transform:scale(1);opacity:1;filter:blur(0);color:var(--wax-bright);text-shadow:0 0 60px rgba(220,235,248,.7),0 0 140px rgba(150,195,230,.35);animation:slideCharIn .9s var(--ease-bounce) both}.title-slide:hover:not(.is-active) .slide-char{transform:scale(.72);opacity:.62;filter:blur(.6px)}.title-slide:hover.is-active .slide-char{transform:scale(1.05)}.slide-char:focus-visible{outline:2px solid var(--gold);outline-offset:8px;border-radius:4px}@keyframes slideCharIn{0%{opacity:0;transform:translateY(40px) scale(.7);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.slide-tag{position:relative;z-index:2;margin-top:14px;font-size:clamp(12px,1.3vw,16px);letter-spacing:6px;color:var(--gold);transition:opacity .5s var(--ease-soft)}.title-slide:not(.is-active) .slide-tag{opacity:.45}.slide-copy{position:relative;z-index:2;margin-top:16px;font-size:clamp(13px,1.5vw,17px);color:var(--cream);letter-spacing:2px;line-height:1.9;max-width:24ch;transition:opacity .6s var(--ease-soft),transform .6s var(--ease-soft)}.title-slide:not(.is-active) .slide-copy{opacity:0;transform:translateY(10px)}.title-slide.is-active .slide-copy{opacity:1;transform:translateY(0)}.slide-sub{position:relative;z-index:2;margin-top:6px;font-size:clamp(11px,1.1vw,13px);color:var(--cream-dim);letter-spacing:3px;font-style:italic;transition:opacity .6s var(--ease-soft),transform .6s var(--ease-soft)}.title-slide:not(.is-active) .slide-sub{opacity:0;transform:translateY(10px)}.title-slide.is-active .slide-sub{opacity:.8;transform:translateY(0)}.slide-more{position:relative;z-index:2;margin-top:22px;display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:12px;letter-spacing:3px;color:var(--gold);border:1px solid rgba(185,207,230,.5);border-radius:40px;background:#0b1d2b59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--anim-fast) var(--ease-bounce),opacity .6s var(--ease-soft),transform .6s var(--ease-soft);cursor:pointer}.title-slide:not(.is-active) .slide-more{opacity:0;transform:translateY(10px);pointer-events:none}.title-slide.is-active .slide-more{opacity:1;transform:translateY(0)}.slide-more:hover{background:var(--gold);color:var(--ink);box-shadow:0 0 22px #b9cfe666}.detail-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--indigo-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .45s var(--ease-soft),visibility .45s}.detail-panel.open{opacity:1;visibility:visible}.detail-atmo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55}#detail0{background:radial-gradient(ellipse 62% 58% at 50% 45%,#071324d1,#07132480 62%,#060f1cad),var(--indigo-deep) url(/images/detail-indigo.jpg) center center / cover no-repeat}#detail1{background:radial-gradient(ellipse 62% 58% at 50% 45%,#071324cc,#0713247a 62%,#060f1ca3),var(--indigo-deep) url(/images/detail-blue.jpg) center center / cover no-repeat}#detail2{background:radial-gradient(ellipse 62% 58% at 50% 45%,#071324d1,#07132485 62%,#060f1cad),var(--indigo-deep) url(/images/detail-cloth.jpg) center center / cover no-repeat}#detail3{background:linear-gradient(#08182a57,#08182a57),radial-gradient(ellipse 62% 58% at 50% 45%,#071324e0,#07132499 62%,#060f1ccc),var(--indigo-deep) url(/images/detail-heritage.jpg) center center / cover no-repeat}.detail-body{position:relative;z-index:2;width:min(86vw,760px);text-align:center;padding:30px 20px;transform:translateY(26px) scale(.96);transition:transform .5s var(--ease-bounce)}.detail-panel.open .detail-body{transform:translateY(0) scale(1)}.detail-index{display:block;font-size:14px;letter-spacing:8px;color:var(--gold-dim);margin-bottom:6px}.detail-title{font-family:var(--font-title);font-size:clamp(96px,16vw,190px);font-weight:700;line-height:1.1;color:var(--cream);text-shadow:0 0 80px rgba(79,134,176,.5)}.detail-tag{margin-top:10px;font-size:clamp(13px,1.5vw,17px);letter-spacing:7px;color:var(--gold)}.detail-copy{margin:18px auto 0;max-width:560px;font-size:clamp(15px,1.7vw,19px);color:var(--cream);letter-spacing:2px;line-height:2}.detail-knowledge{margin:26px auto 0;max-width:620px;text-align:left;padding:22px 26px;background:#0b1d2b8c;border-left:2px solid var(--gold-dim);border-radius:0 10px 10px 0;animation:fadeInUp .8s var(--ease-out) .15s both}.detail-knowledge h3{color:var(--gold);font-size:15px;letter-spacing:4px;margin-bottom:10px}.detail-knowledge p{color:var(--cream-dim);font-size:14px;line-height:2;letter-spacing:1px}.detail-motif{margin-top:26px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold-dim);font-size:12px;letter-spacing:3px}.detail-motif svg{width:72px;height:72px;opacity:.85;animation:motifSpin 26s linear infinite}@keyframes motifSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-close{position:absolute;top:26px;right:30px;z-index:5;width:46px;height:46px;border-radius:50%;background:#0b1d2b99;border:1px solid rgba(185,207,230,.5);color:var(--gold);font-size:18px;cursor:pointer;transition:all var(--anim-fast) var(--ease-bounce)}.detail-close:hover{background:var(--gold);color:var(--ink);transform:rotate(90deg)}.detail-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border-radius:50%;background:#0b1d2b80;border:1px solid rgba(185,207,230,.4);color:var(--gold);font-size:22px;cursor:pointer;transition:all var(--anim-fast) var(--ease-bounce)}.detail-nav.prev{left:4vw}.detail-nav.next{right:4vw}.detail-nav:hover{background:var(--gold);color:var(--ink);transform:translateY(-50%) scale(1.12)}.scene-chapter{position:relative;background:linear-gradient(160deg,var(--indigo-deep) 0%,var(--ink) 100%);flex-direction:column}.scene-chapter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.15;pointer-events:none}.scene-chapter[data-scene="2"]:before{background:none}.chapter-tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#b9cfe6;z-index:0;opacity:.07;pointer-events:none;will-change:opacity;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 38vh,rgba(0,0,0,.4) 50vh,#000 64vh);mask-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 38vh,rgba(0,0,0,.4) 50vh,#000 64vh)}.chapter-batik{position:absolute;left:50%;top:50%;width:min(122vh,98vw);height:min(122vh,98vw);color:#b9cfe6;z-index:0;opacity:.09;pointer-events:none;transform:translate(-50%,-50%);animation:chapterBatik 150s linear infinite;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(0,0,0,.5) 26%,#000 40%);mask-image:radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(0,0,0,.5) 26%,#000 40%)}@keyframes chapterBatik{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.chapter-mandala{position:absolute;left:50%;top:50%;width:min(122vh,98vw);height:min(122vh,98vw);color:#b9cfe6;z-index:0;opacity:.06;pointer-events:none;transform:translate(-50%,-50%);will-change:opacity;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(0,0,0,.5) 28%,#000 44%);mask-image:radial-gradient(circle at 50% 50%,transparent 0 13%,rgba(0,0,0,.5) 28%,#000 44%)}.chapter-fish{position:absolute;left:50%;top:50%;width:min(122vh,98vw);height:min(122vh,98vw);color:#cfe2f4;z-index:0;opacity:.32;pointer-events:none;transform:translate(-50%,-50%);will-change:transform}.chapter-flowers{position:absolute;left:50%;top:50%;width:min(122vh,98vw);height:min(122vh,98vw);color:#b9cfe6;z-index:0;pointer-events:none;transform:translate(-50%,-50%)}.cf-item{opacity:.16}.chapter-hint{margin-top:22px;font-size:13px;letter-spacing:5px;color:#b9cfe6b8;user-select:none;-webkit-user-select:none;animation:chapterHint 2.4s ease-in-out infinite}@keyframes chapterHint{0%,to{opacity:.42}50%{opacity:.85}}.scene-chapter[data-scene="2"].holding{cursor:grabbing}.scene-chapter[data-scene="2"]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.scene-chapter[data-scene="8"]:before{background:repeating-linear-gradient(0deg,rgba(185,207,230,.8) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(185,207,230,.8) 0 1px,transparent 1px 46px)}.scene-chapter[data-scene="12"]:before{background:url(/images/chapter-3-batik.jpg) center / cover no-repeat;opacity:.9}.scene-chapter[data-scene="7"]:before{background:url(/images/chapter-2-batik.jpg) center / cover no-repeat;opacity:.9}.scene-chapter-4{background:#071522}.scene-chapter-4:before{opacity:1;background:linear-gradient(180deg,#050c168c,#050c1652 45%,#050c169e),url(/images/chapter-4-batik.jpg) center / cover no-repeat}@keyframes chapterSpin{to{transform:rotate(360deg)}}.chapter-content{position:relative;z-index:1;text-align:center}.chapter-content:after{content:"";display:block;width:96px;margin:20px auto 0;border-top:1px dashed rgba(185,207,230,.55)}.chapter-loader{width:60px;height:60px;border:3px solid var(--batik);border-top-color:var(--gold);border-radius:50%;margin:0 auto 32px;animation:spin 1.5s linear infinite}.chapter-title{font-family:var(--font-title);font-size:clamp(40px,7vw,84px);letter-spacing:16px;color:var(--gold);margin-bottom:16px}.chapter-name{font-size:clamp(18px,2.5vw,28px);color:var(--cream-dim);letter-spacing:10px}@keyframes spin{to{transform:rotate(360deg)}}.panel-wrapper{display:flex;align-items:center;justify-content:center;gap:60px;width:100%;max-width:var(--content-max-width);padding:60px 40px}.panel-wrapper-vertical{flex-direction:column;gap:40px}.panel-image{position:relative;flex-shrink:0;overflow:hidden;border:1px solid rgba(185,207,230,.6);box-shadow:0 20px 60px #0000008c,inset 0 0 0 4px var(--indigo-deep),inset 0 0 0 5px #b9cfe652;background-color:var(--indigo-deep);border-radius:3px}.panel-img{width:100%;height:100%;object-fit:cover;transition:transform var(--anim-slow) var(--ease-out)}.panel-image:hover .panel-img{transform:scale(1.06)}.panel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:var(--cream-dim);font-size:14px;padding:30px 16px 12px;letter-spacing:2px}.panel-text{flex:1;max-width:520px}.panel-heading{font-family:var(--font-title);font-size:clamp(26px,3vw,38px);color:var(--gold);margin-bottom:24px;letter-spacing:4px;border-bottom:2px solid var(--gold-dim);padding-bottom:12px}.panel-paragraph{font-size:clamp(15px,1.3vw,18px);color:var(--cream-dim);margin-bottom:18px;line-height:2}.panel-heading:before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--wax);transform:rotate(45deg);vertical-align:middle}.panel-text-bottom .panel-heading:before,.panel-text-full .panel-heading:before,.panel-heading-light:before{display:none}.speech-bubble{position:relative;background-color:var(--cream);color:var(--indigo-deep);padding:16px 24px;border-radius:16px;font-size:16px;font-style:italic;margin-top:24px;max-width:320px;box-shadow:4px 4px 0 var(--gold-dim)}.speech-bubble:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);border:12px solid transparent;border-left-color:var(--cream)}.speech-bubble-left:after{right:auto;left:-12px;border-left-color:transparent;border-right-color:var(--cream)}.narration-box{background-color:var(--indigo-deep);border-left:4px solid var(--gold);padding:16px 20px;margin-top:24px;font-size:15px;color:var(--cream-dim);font-style:italic;letter-spacing:1px}.panel-image-left{width:45%;aspect-ratio:3 / 4}.panel-text-right{text-align:left}.panel-image-top{width:80%;aspect-ratio:16 / 9}.panel-text-bottom{text-align:center;max-width:700px}.panel-text-bottom .panel-heading{border-bottom:none}.scene-panel-grid .panel-wrapper{flex-direction:column;gap:40px}.panel-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:80%}.panel-image-grid{width:100%;aspect-ratio:1 / 1}.panel-text-full{text-align:center;max-width:800px}.panel-text-full .panel-heading{border-bottom:none}.panel-image-right{width:50%;aspect-ratio:4 / 3}.panel-text-left{text-align:right}.panel-text-left .panel-heading{border-bottom:2px solid var(--gold-dim)}.panel-text-left .speech-bubble{margin-left:auto}.scene-panel-fullscreen{padding:0}.fullscreen-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fullscreen-img{width:100%;height:100%;object-fit:cover}.fullscreen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1d2b66,#0b1d2bbf)}.fullscreen-text{position:relative;z-index:2;text-align:center;max-width:700px;padding:40px}.panel-heading-light{color:var(--gold);border-bottom:2px solid rgba(185,207,230,.5);text-shadow:0 2px 10px rgba(0,0,0,.8)}.panel-paragraph-light{color:var(--cream);text-shadow:0 1px 6px rgba(0,0,0,.9)}.scene-map{flex-direction:column;justify-content:center;padding:0;background:linear-gradient(#0a1c308c,#0a1c308c),url(/images/silver-bg-cloth.jpg) center / cover no-repeat}.map-head{position:absolute;z-index:3;top:4.5vh;left:50%;transform:translate(-50%);width:min(90vw,780px);text-align:center;pointer-events:none}.map-title{margin:0 0 12px;font-family:var(--font-title);font-size:clamp(24px,3.4vw,40px);font-weight:600;letter-spacing:8px;color:var(--wax-bright);text-shadow:0 2px 18px rgba(0,0,0,.55)}.map-intro{margin:0 auto;max-width:680px;font-size:clamp(12px,1.2vw,14.5px);line-height:1.95;letter-spacing:1px;color:var(--cream);opacity:.88;text-shadow:0 1px 8px rgba(6,18,34,.9)}.map-stage{position:absolute;left:0;right:0;top:15vh;bottom:3.5vh;z-index:2;flex:0 0 auto;width:100%;min-height:0}.map-svg{display:block;width:100%;height:100%}.map-disclaimer{position:absolute;left:50%;bottom:.8vh;transform:translate(-50%);z-index:3;margin:0;font-size:clamp(10px,.9vw,12px);letter-spacing:1px;color:var(--wax-dim);opacity:.7;text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 6px rgba(6,18,34,.9)}.map-boundary{fill:none;stroke:#f2d57c61;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.layout-p,.scene-map.portrait .layout-h{display:none}.scene-map.portrait .layout-p{display:block}.map-ridge{fill:none;stroke:#b9cfe629;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.map-ridge-near{stroke:#b9cfe61a;stroke-width:1.2}.map-water{fill:none;stroke:#7fb3d824;stroke-width:1.3;stroke-linecap:round}.map-houses,.map-falls{fill:none;stroke:#b9cfe62e;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.scene-map .map-bg{opacity:0}.scene-map.map-active .map-bg{animation:mapFade 1.4s var(--ease-out) .15s forwards}@keyframes mapFade{0%{opacity:0}to{opacity:1}}.map-river{fill:none;stroke:url(#mapRiver);stroke-width:2.4;stroke-linecap:round;opacity:0}.map-river-glint{stroke:#d3e8f8;stroke-width:.9;stroke-dasharray:4 14;opacity:0}.scene-map.map-active .map-river{animation:mapFade 1.2s var(--ease-out) .25s forwards}.scene-map.map-active .map-river-glint{animation:mapFade .8s ease .9s forwards,riverFlow 3.4s linear 1.1s infinite}@keyframes riverFlow{to{stroke-dashoffset:-65}}.map-link .link-base{fill:none;stroke:#f2d57c;stroke-width:1.5;stroke-linecap:round;opacity:.55;stroke-dasharray:100;stroke-dashoffset:100}.map-link .link-flow{fill:none;stroke:#ffe9a8;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 14;opacity:0}.scene-map.map-active .map-link .link-base{animation:linkDraw 1.1s var(--ease-out) var(--d, 0s) forwards}.scene-map.map-active .map-link .link-flow{animation:linkFade .5s ease calc(var(--d, 0s) + 1.05s) forwards,linkFlow 1.6s linear calc(var(--d, 0s) + 1.15s) infinite}@keyframes linkDraw{to{stroke-dashoffset:0}}@keyframes linkFade{to{opacity:.95}}@keyframes linkFlow{to{stroke-dashoffset:-17}}.map-spot{cursor:pointer}.map-spot:focus{outline:none}.spot-halo{fill:#f2d57c29;transform-box:fill-box;transform-origin:center;animation:spotHalo 2.6s ease-out infinite}.spot-ring{fill:none;stroke:#f2d57c8c;stroke-width:1;opacity:.4;transition:opacity .3s ease}.spot-dot{fill:#f4f6fb;stroke:#f2d57c;stroke-width:1.4;transition:fill .25s ease}.spot-label{fill:#dcebf8;font-family:var(--font-title);font-size:44px;letter-spacing:3px;paint-order:stroke;stroke:#091628d9;stroke-width:7px;stroke-linejoin:round;opacity:.92;transition:fill .25s ease,opacity .25s ease}.map-spot{opacity:0}.scene-map.map-active .map-spot{animation:spotPop .55s var(--ease-out) forwards;animation-delay:var(--spot-d, .9s)}.scene-map.map-active .map-spot:nth-child(1){--spot-d: .95s}.scene-map.map-active .map-spot:nth-child(2){--spot-d: 1.05s}.scene-map.map-active .map-spot:nth-child(3){--spot-d: 1.25s}.scene-map.map-active .map-spot:nth-child(4){--spot-d: 1.45s}.scene-map.map-active .map-spot:nth-child(5){--spot-d: 1.55s}.scene-map.map-active .map-spot:nth-child(6){--spot-d: 1.65s}.map-marker{cursor:default;opacity:0}.scene-map.map-active .map-marker{animation:spotPop .55s var(--ease-out) 1.05s forwards}@keyframes spotPop{0%{opacity:0}to{opacity:1}}@keyframes spotHalo{0%{transform:scale(.7);opacity:.7}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.map-spot:hover .spot-label,.map-spot:focus .spot-label,.map-spot.is-active .spot-label{fill:#ffe9a8;opacity:1}.map-spot:hover .spot-ring,.map-spot:focus .spot-ring,.map-spot.is-active .spot-ring{opacity:1}.map-spot.is-active .spot-dot{fill:#f2d57c}.map-spot.is-active .spot-halo{animation:none;opacity:.35;transform:scale(1.9)}.map-info{position:absolute;z-index:4;left:50%;bottom:3.5vh;transform:translate(-50%);width:min(86vw,620px);padding:14px 26px 16px;text-align:center;background:linear-gradient(180deg,#102c4aa8,#09182ae0);border:1px solid rgba(242,213,124,.32);border-radius:4px;box-shadow:0 12px 44px #00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.map-info-kicker{margin:0 0 6px;font-size:10.5px;letter-spacing:5px;color:#f2d57c;opacity:.8}.map-info-title{margin:0 0 8px;font-family:var(--font-title);font-size:17px;letter-spacing:3px;color:var(--wax-bright)}.map-info-text{margin:0;font-size:13px;line-height:1.85;color:var(--cream);opacity:.92}.map-info.is-on{animation:cardPop .4s var(--ease-out)}@keyframes cardPop{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.spot-label-l{text-anchor:end}@media (max-height: 620px){.map-head{top:2vh}.map-title{margin-bottom:6px}.map-intro{max-width:600px;font-size:11px;line-height:1.65}.map-info{bottom:2vh;padding:8px 22px 10px;width:min(66vw,520px)}.map-info-kicker{font-size:9px;letter-spacing:3px;margin-bottom:3px}.map-info-title{font-size:17px;margin-bottom:4px}.map-info-text{font-size:12px;line-height:1.65}}@media (max-width: 768px){.map-head{top:3vh}.map-title{letter-spacing:4px;margin-bottom:8px}.map-intro{font-size:11.5px;line-height:1.75}.map-disclaimer{width:92vw;white-space:normal;font-size:10px;line-height:1.5}.map-info{bottom:2.5vh;padding:10px 16px 12px}.map-info-kicker{font-size:9px;letter-spacing:3px;margin-bottom:4px}.map-info-title{font-size:15px;margin-bottom:5px}.map-info-text{font-size:12px;line-height:1.7}}html.map-detail-open{overflow:hidden}html.map-detail-open .keyboard-hint,html.map-detail-open #progressNav,html.map-detail-open #scrollHint,html.map-detail-open #backToTop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.map-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 28% 42%,#163a5c 0%,var(--indigo) 46%,var(--indigo-deep) 100%);transition:opacity .55s var(--ease-out),visibility 0s linear .55s}.map-detail.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s var(--ease-out)}.map-detail-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1)}.map-detail-bg.is-kenburns{animation:mdKenBurns 12s ease-out forwards}@keyframes mdKenBurns{0%{transform:scale(1)}to{transform:scale(1.08)}}.map-detail-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#07101c4d,#07101c85 44%,#07101cd6),radial-gradient(circle at 76% 26%,rgba(242,213,124,.1),transparent 46%);cursor:pointer}.map-detail-back{position:absolute;top:4vh;left:4vw;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;font-family:var(--font-title);font-size:14px;letter-spacing:3px;color:var(--wax-bright);background:#0c223a8c;border:1px solid rgba(242,213,124,.4);border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .35s var(--ease-out);opacity:0;transform:translateY(-8px)}.map-detail.is-open .map-detail-back{opacity:1;transform:translateY(0);transition-delay:.35s}.map-detail-back:hover{border-color:#f2d57cd9;background:#183a5cb3;box-shadow:0 0 22px #f2d57c38}.map-detail-back .mdb-arrow{color:#f2d57c;font-size:16px}.map-detail-grid{position:relative;z-index:2;height:100%;display:flex;align-items:center;max-width:1340px;margin:0 auto;padding:9vh 6vw 7vh}.map-detail-copy{width:100%;max-width:520px;margin-left:auto;color:var(--wax-bright);opacity:0;transform:translate(36px)}.map-detail.is-open .map-detail-copy{animation:mdInR .9s var(--ease-out) .3s forwards}@keyframes mdInR{to{opacity:1;transform:translate(0)}}.md-kicker{margin:0 0 10px;font-size:12px;letter-spacing:6px;color:#f2d57c;opacity:.85}.md-index{font-family:var(--font-title);font-size:clamp(56px,8vw,104px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(242,213,124,.5);margin:0 0 4px;letter-spacing:4px}.md-title{margin:0 0 22px;font-family:var(--font-title);font-size:clamp(30px,3.6vw,46px);letter-spacing:8px;color:var(--wax-bright);text-shadow:0 2px 18px rgba(0,0,0,.5)}.md-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.md-fact{font-size:12.5px;letter-spacing:1.5px;color:var(--cream);padding:7px 16px;border:1px solid rgba(242,213,124,.34);border-radius:999px;background:#f2d57c0f}.md-p{margin:0 0 16px;font-size:clamp(14px,1.35vw,16.5px);line-height:2.05;letter-spacing:1px;color:var(--cream);opacity:.92;max-width:40em}@media (max-width: 820px){.map-detail-shade{background:linear-gradient(180deg,#07101c8c,#07101cc7)}.map-detail-grid{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12vh 8vw 7vh;text-align:center}.map-detail-copy{max-width:100%;margin-left:0}.md-index{font-size:64px}.md-title{font-size:28px;letter-spacing:5px;margin-bottom:16px}.md-facts{justify-content:center;margin-bottom:18px}.md-p{margin-left:auto;margin-right:auto}}@media (max-height: 620px){.map-detail-grid{padding-top:13vh}}.pattern{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:120px;background:radial-gradient(circle at 30% 30%,var(--batik) 0%,var(--indigo-deep) 70%)}.pattern svg{width:70%;height:70%;opacity:.85}.pattern-spiral{background:radial-gradient(circle at 60% 40%,var(--batik) 0%,var(--indigo) 60%,var(--ink) 100%)}.pattern-diamond{background:linear-gradient(135deg,var(--indigo) 0%,var(--indigo-deep) 100%)}.pattern-wave{background:linear-gradient(180deg,var(--batik) 0%,var(--indigo) 100%)}.pattern-drum{background:radial-gradient(circle,var(--gold-dim) 0%,var(--indigo-deep) 75%)}.scene-ending{background:radial-gradient(ellipse at 50% 40%,var(--indigo) 0%,var(--ink) 80%);flex-direction:column}.ending-content{position:relative;z-index:2;text-align:center;padding:40px}.ending-title{font-family:var(--font-title);font-size:clamp(48px,8vw,96px);letter-spacing:14px;color:var(--gold);margin-bottom:40px}.ending-quote{font-size:clamp(16px,2vw,22px);color:var(--cream-dim);font-style:italic;max-width:640px;margin:0 auto 32px;line-height:2}.ending-thanks{font-size:18px;color:var(--cream-dim);letter-spacing:6px;margin-bottom:48px}.back-to-top{background-color:transparent;color:var(--gold);border:2px solid var(--gold);padding:14px 36px;font-size:16px;letter-spacing:4px;cursor:pointer;transition:all var(--anim-fast) var(--ease-bounce);font-family:var(--font-body);border-radius:2px}.back-to-top:hover{background-color:var(--gold);color:var(--ink);transform:translateY(-3px);box-shadow:0 8px 20px #b9cfe64d}.back-to-top:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-family:var(--font-body);font-size:16px;letter-spacing:3px;color:var(--gold);background-color:transparent;border:2px solid var(--gold);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--anim-fast) var(--ease-bounce);border-radius:2px}.btn:hover:not(:disabled){background-color:var(--gold);color:var(--ink);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #b9cfe64d}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--gold-dim);color:var(--gold-dim)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #b9cfe64d,0 6px 20px #b9cfe640}.btn .btn-arrow{font-size:18px;font-weight:700;transition:transform var(--anim-fast) var(--ease-bounce)}.btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.btn-prev:hover:not(:disabled) .btn-arrow{transform:translate(-4px)}.btn-start{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 44px;font-size:16px;letter-spacing:8px;color:var(--gold);background-color:transparent;border:1px solid rgba(185,207,230,.5);border-radius:2px;box-shadow:none;overflow:visible;transition:color var(--anim-normal) var(--ease-out),transform var(--anim-normal) var(--ease-out),background-color var(--anim-normal) var(--ease-out),border-color var(--anim-normal) var(--ease-out);animation:fadeInUp var(--anim-slow) var(--ease-bounce) .6s both}.btn-start:hover:not(:disabled){color:#e4f0fb;background-color:#b9cfe614;border-color:#b9cfe6d9;transform:translateY(-2px)}.btn-start .btn-arrow{font-size:16px;transition:transform var(--anim-fast) var(--ease-bounce)}.btn-start:hover:not(:disabled) .btn-arrow{transform:translate(5px)}.btn-chapter{margin-top:40px;padding:12px 36px;font-size:15px;letter-spacing:4px;animation:fadeInUp var(--anim-normal) var(--ease-bounce) 1s both}.slide-unlock{width:100%;user-select:none;-webkit-user-select:none}.su-track{position:relative;height:56px;background:transparent;border:none;overflow:visible;touch-action:none}.su-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(185,207,230,.45) 0 3px,transparent 3px 15px);pointer-events:none}.su-label{position:absolute;left:0;right:0;bottom:calc(50% + 12px);text-align:center;font-size:13px;letter-spacing:6px;color:#b9cfe6b8;pointer-events:none}.su-progress{position:absolute;left:0;top:50%;height:2px;transform:translateY(-50%);width:19px;background:repeating-linear-gradient(90deg,rgba(220,235,248,.95) 0 3px,transparent 3px 15px);pointer-events:none}.su-thumb{position:absolute;left:0;top:50%;width:48px;height:36px;transform:translateY(-50%);background:none;border:none;display:flex;align-items:center;justify-content:center;z-index:4;cursor:grab;touch-action:none;filter:drop-shadow(0 0 6px rgba(150,190,220,.4))}.su-fish{width:100%;height:100%;display:block;animation:fishWag 1.8s ease-in-out infinite}@keyframes fishWag{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.su-thumb:active{cursor:grabbing}.su-thumb:active .su-fish{animation-play-state:paused}.su-lotus{position:absolute;right:-6px;bottom:-16px;width:50px;height:50px;z-index:2;pointer-events:none;opacity:.9}.su-fish-school{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.su-mini{position:absolute;left:0;width:30px;height:21px;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease}.su-mini.show{opacity:.8;animation:miniFloat 2.2s ease-in-out infinite}.su-mini:nth-child(2).show{animation-delay:.35s}.su-mini:nth-child(3).show{animation-delay:.7s}@keyframes miniFloat{0%,to{margin-top:0}50%{margin-top:-3px}}.su-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:visible;pointer-events:none}.splash-drop{position:absolute;border-radius:50%;background:#dcebf8;box-shadow:0 0 4px #dcebf8b3;animation:splash .7s ease-out forwards}@keyframes splash{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.su-track.is-unlocked:before{background:repeating-linear-gradient(90deg,rgba(220,235,248,.95) 0 3px,transparent 3px 15px)}.keyboard-hint{position:fixed;bottom:30px;right:30px;z-index:89;font-size:12px;color:var(--cream-dim);letter-spacing:1px;display:flex;align-items:center;gap:6px;opacity:.6;transition:opacity var(--anim-fast)}.keyboard-hint:hover{opacity:1}.keyboard-hint kbd{display:inline-block;padding:2px 8px;font-family:var(--font-body);font-size:11px;color:var(--cream);background-color:#b9cfe61f;border:1px solid rgba(185,207,230,.3);border-radius:4px;box-shadow:0 2px #b9cfe626}.animate-on-scroll{opacity:0;transition:opacity var(--anim-normal) var(--ease-soft),transform var(--anim-normal) var(--ease-bounce)}.animate-on-scroll.fade-up{transform:translateY(60px)}.animate-on-scroll.fade-left{transform:translate(-80px)}.animate-on-scroll.fade-right{transform:translate(80px)}.animate-on-scroll.fade-scale{transform:scale(.82)}.animate-on-scroll.visible{opacity:1;transform:translate(0) scale(1)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}.delay-4{transition-delay:.6s}.scene-drum{padding:0;background:var(--indigo-deep)}.drum-bg-img{position:absolute;z-index:0;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drum-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07101cb8,#07101c61 38%,#07101c1f 70%,#07101c4d)}.drum-layout{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;gap:4vw;padding:0 5vw}.drum-text{flex:0 0 30%;max-width:30%}.drum-text .panel-paragraph{font-size:15px;line-height:1.9}.drum-current{margin-top:28px;font-size:15px;letter-spacing:2px;color:var(--gold)}.drum-stage{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#drumSvg{width:min(83.6vh,100%);height:auto;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}#drumSvg:active{cursor:grabbing}.drum-tick{transition:stroke .3s,stroke-width .3s}.drum-tick.is-active{stroke:#f2d57c;stroke-width:4;filter:drop-shadow(0 0 7px rgba(242,213,124,.9))}.drum-tip{margin-top:10px;font-size:13px;letter-spacing:2px;color:var(--cream-dim)}@media (max-width: 1024px){.panel-wrapper{flex-direction:column;gap:30px;padding:40px 24px}.panel-image-left,.panel-image-right{width:80%}.panel-text,.panel-text-right,.panel-text-left{text-align:center;max-width:600px}.panel-text-left .speech-bubble{margin:24px auto 0}.panel-text-left .panel-heading{border-bottom:none}.panel-grid-2{width:90%;gap:20px}}@media (max-width: 640px){.panel-wrapper{padding:30px 16px;gap:24px}.panel-image-left,.panel-image-right,.panel-image-top{width:95%}.panel-grid-2{grid-template-columns:1fr;width:95%}.cover-title{letter-spacing:4px}.chapter-title{letter-spacing:6px}.speech-bubble{max-width:100%}.keyboard-hint{display:none}.btn-start{padding:14px 32px;font-size:16px;letter-spacing:4px}.art-moth{display:none}.art-poster{width:90vw;top:50%}.art-corner{width:52px;height:52px}.art-subtitle{letter-spacing:3px;text-indent:3px}}.scene-artcover{position:relative;overflow:hidden;background:#0d2440}.art-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42;z-index:0;pointer-events:none}.art-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#0d244052,#09182cd6 80%),linear-gradient(180deg,#09182cb3,#09182cd6)}.art-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none}.art-corner{position:absolute;z-index:3;width:74px;height:74px;pointer-events:none}.art-corner-tl{top:18px;left:18px}.art-corner-tr{top:18px;right:18px;transform:rotate(90deg)}.art-corner-br{bottom:18px;right:18px;transform:rotate(180deg)}.art-corner-bl{bottom:18px;left:18px;transform:rotate(270deg)}.scene-cover .art-frame{top:-40px;right:-40px;bottom:-40px;left:-40px;opacity:.8}.scene-cover .art-corner{opacity:.8}.scene-cover .art-corner-tl{top:-8px;left:-8px}.scene-cover .art-corner-tr{top:-8px;right:-8px}.scene-cover .art-corner-br{bottom:-8px;right:-8px}.scene-cover .art-corner-bl{bottom:-8px;left:-8px}.art-moth{position:absolute;top:50%;width:clamp(120px,15vw,190px);z-index:2;pointer-events:none;opacity:.85}.art-moth-left{left:4.5%;transform:translateY(-50%) rotate(-8deg)}.art-moth-right{right:4.5%;transform:translateY(-50%) rotate(8deg) scaleX(-1)}.moth-float{transform-box:view-box;transform-origin:100px 80px;animation:mothFloat 7s ease-in-out infinite}.art-moth-right .moth-float{animation-delay:-3.5s}@keyframes mothFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}.moth-wings{transform-box:view-box;transform-origin:100px 84px;animation:mothWing 4.2s ease-in-out infinite}@keyframes mothWing{0%,to{transform:scaleX(1)}50%{transform:scaleX(.92)}}.art-poster{position:absolute;z-index:4;left:50%;top:47%;transform:translate(-50%,-50%);width:min(64vw,980px);display:flex;flex-direction:column;align-items:center;pointer-events:none}.art-words{width:100%;height:auto;animation:artWordsIn 1.6s cubic-bezier(.2,.8,.2,1) both}@keyframes artWordsIn{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.art-rule{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.art-rule-line{width:clamp(46px,7vw,96px);height:1px;background:#b9cfe68c}.art-rule-diamond{width:9px;height:9px;background:#b9cfe6;transform:rotate(45deg)}.art-subtitle{font-size:clamp(13px,1.15vw,18px);letter-spacing:clamp(4px,.7vw,10px);color:#b9cfe6e0;font-family:SimSun,Songti SC,serif;text-indent:10px;white-space:nowrap}.art-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:4;font-size:13px;letter-spacing:10px;color:#b9cfe6b3;pointer-events:none;animation:artHintPulse 2.6s ease-in-out infinite}@keyframes artHintPulse{0%,to{opacity:.35}50%{opacity:.9}}.scene-video{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--indigo) 0%,var(--ink) 78%);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.video-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#000;cursor:pointer;touch-action:manipulation}.video-inner{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;background:#000;overflow:hidden;box-shadow:0 0 80px #0000008c}.skirt-video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:#000}.video-caption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 10px;background:linear-gradient(transparent,#050f1cd1);color:#d3e3f2eb;font-size:12px;line-height:1.7;letter-spacing:1.5px;text-align:center;pointer-events:none}.video-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 18px;text-align:center;font-size:15px;letter-spacing:6px;color:var(--wax-bright);background:#08162847;opacity:0;transition:opacity .35s ease;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.8)}.video-state.is-visible{opacity:1}.video-page-head{position:absolute;top:0;left:0;right:0;z-index:3;text-align:center;padding:5.5vh 20px 3.2vh;background:linear-gradient(rgba(5,15,28,.78),transparent);pointer-events:none}.video-page-kicker{font-size:clamp(12px,1.1vw,15px);letter-spacing:8px;color:var(--gold-dim);margin-bottom:8px}.video-page-title{font-family:var(--font-title);font-size:clamp(19px,2.2vw,28px);font-weight:400;letter-spacing:4px;color:var(--gold)}.video-page-hint{position:absolute;left:0;right:0;bottom:3.4vh;z-index:3;text-align:center;font-size:13px;letter-spacing:6px;color:#d3e3f2d1;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.85);animation:videoHintPulse 2.6s ease-in-out infinite}.video-page-subhint{position:absolute;left:0;right:0;bottom:1.3vh;z-index:3;text-align:center;font-size:11px;letter-spacing:3px;color:#9ab7d6a8;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.85)}@keyframes videoHintPulse{0%,to{opacity:.5}50%{opacity:1}}@media (orientation: landscape) and (max-height: 600px){.video-caption{display:none}.video-page-head{padding-top:1.4vh;padding-bottom:2vh}.video-page-hint{bottom:2vh}.video-page-subhint{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media print{.blob-canvas,.flow-canvas,.maple-canvas,.back-to-top,.keyboard-hint,.btn-start,.btn-chapter{display:none!important}.scene{min-height:auto;page-break-after:always}}.scene-wardrobe{background:linear-gradient(#0a1c308c,#0a1c308c),url(/images/silver-bg-cloth.jpg) center / cover no-repeat;flex-direction:column;padding:5vh 0 6vh}.wardrobe-inner{width:100%;max-width:var(--content-max-width);padding:0 clamp(18px,4vw,64px);display:flex;flex-direction:column;align-items:center;text-align:center}.wardrobe-kicker{font-size:clamp(11px,1.2vw,13px);letter-spacing:.4em;color:var(--batik-light);margin-bottom:14px}.wardrobe-title{font-family:var(--font-title);font-size:clamp(30px,4.6vw,58px);font-weight:500;letter-spacing:.08em;color:var(--wax-bright);margin:0 0 12px;text-shadow:0 4px 24px rgba(0,0,0,.45)}.wardrobe-hint{font-size:clamp(12px,1.2vw,14px);color:var(--wax-dim);letter-spacing:.08em;margin-bottom:clamp(20px,3vh,40px)}.wardrobe-hint em{font-style:normal;opacity:.5;margin:0 6px}.wh-arrows{color:var(--batik-light);font-size:1.2em;margin-right:6px}.wardrobe-stage{position:relative;width:100%;padding:0 10px}.wardrobe-pole{position:relative;height:10px;margin:0 -4px;border-radius:8px;background:linear-gradient(180deg,#9fc0df,#5b93bd 45%,#3a6f96 70%,#9fc0df);box-shadow:0 4px 10px #0006}.wardrobe-pole:before,.wardrobe-pole:after{content:"";position:absolute;top:-3px;width:12px;height:16px;background:linear-gradient(90deg,#3a6f96,#b9cfe6,#3a6f96);border-radius:3px}.wardrobe-pole:before{left:-4px}.wardrobe-pole:after{right:-4px}.wardrobe-track{display:flex;align-items:flex-start;gap:clamp(14px,2vw,30px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:26px 6px 18px;min-height:340px;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--wax-dim) transparent;touch-action:pan-x}.wardrobe-track:active{cursor:grabbing}.wardrobe-track.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.wardrobe-track.dragging .wg-card{pointer-events:none}.wardrobe-track::-webkit-scrollbar{height:6px}.wardrobe-track::-webkit-scrollbar-thumb{background:var(--wax-dim);border-radius:10px}.wg-card{flex:0 0 clamp(128px,14vw,168px);scroll-snap-align:center;background:transparent;border:0;color:inherit;display:flex;flex-direction:column;align-items:center;padding:0;transition:transform .28s var(--ease-bounce)}.wg-card:hover{transform:translateY(-8px)}.wg-visual{position:relative;height:clamp(200px,26vh,260px);display:flex;justify-content:center}.wg-hook{position:absolute;top:-26px;left:50%;transform:translate(-50%);width:15px;height:22px;border:2px solid var(--wax-dim);border-bottom:0;border-radius:12px 12px 0 0}.wg-hook:after{content:"";position:absolute;left:5px;top:11px;width:2px;height:16px;background:var(--wax-dim)}.wg-hanger{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:74px;height:20px}.wg-hanger:before,.wg-hanger:after{content:"";position:absolute;top:5px;width:44px;height:2px;background:var(--wax-dim);border-radius:2px}.wg-hanger:before{left:0;transform:rotate(-18deg);transform-origin:right}.wg-hanger:after{right:0;transform:rotate(18deg);transform-origin:left}.wg-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border:0;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}.wg-name{margin-top:14px;font-size:clamp(12px,1.1vw,14px);color:var(--cream);letter-spacing:.06em;white-space:nowrap}.wardrobe-foot{margin-top:clamp(14px,2vh,26px);font-size:clamp(10px,1vw,12px);color:var(--wax-dim);letter-spacing:.1em}.wardrobe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#06101c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}.wardrobe-overlay.open{opacity:1;visibility:visible}.wardrobe-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(420px,92vw);z-index:91;background:linear-gradient(180deg,var(--indigo-deep),var(--ink));border-left:1px solid rgba(185,207,230,.3);transform:translate(105%);transition:transform .38s var(--ease-out);padding:30px 28px;overflow-y:auto;box-shadow:-20px 0 60px #00000080}.wardrobe-drawer.open{transform:translate(0)}.wardrobe-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(185,207,230,.4);background:transparent;color:var(--wax);font-size:18px;cursor:pointer}.wardrobe-drawer-art{height:300px;border-radius:16px;margin-top:34px;background:radial-gradient(ellipse at 50% 30%,rgba(91,147,189,.25),transparent 70%);display:grid;place-items:center;border:1px solid rgba(185,207,230,.18)}.wg-img-big{width:100%;height:100%}.wardrobe-drawer-kicker{margin-top:26px;font-size:11px;letter-spacing:.3em;color:var(--batik-light)}.wardrobe-drawer-title{font-family:var(--font-title);font-size:30px;font-weight:500;color:var(--wax-bright);margin:8px 0 4px;letter-spacing:.05em}.wardrobe-drawer-tag{font-size:12px;color:var(--wax-dim);letter-spacing:.08em;margin-bottom:18px}.wardrobe-drawer-desc{font-size:13.5px;line-height:2;color:var(--cream);border-top:1px solid rgba(185,207,230,.2);padding-top:18px}.wardrobe-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background-color:var(--indigo-deep);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vh 6vw;visibility:hidden;transform:translate(100%);transition:transform .5s var(--ease-out),visibility 0s linear .5s}.wardrobe-zoom.open{visibility:visible;transform:translate(0);transition:transform .5s var(--ease-out),visibility 0s}.wz-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#06101ceb,#06101cb8 38%,#06101c47 68%,#06101c1f)}html.wardrobe-view-open{overflow:hidden}html.wardrobe-view-open .keyboard-hint,html.wardrobe-view-open #progressNav,html.wardrobe-view-open #scrollHint,html.wardrobe-view-open #backToTop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.wardrobe-zoom-body{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;max-width:1180px}.wardrobe-zoom-text{max-width:460px;text-align:left;min-width:0}.wz-kicker{font-size:11px;letter-spacing:.32em;color:var(--batik-light);margin-bottom:14px}.wz-title{font-family:var(--font-title);font-size:clamp(30px,3.6vw,46px);color:var(--wax-bright);line-height:1.2;margin-bottom:14px}.wz-tag{display:inline-block;font-size:11px;letter-spacing:.12em;color:var(--wax);border:1px solid rgba(185,207,230,.35);padding:6px 14px;border-radius:999px;margin-bottom:22px}.wz-desc{font-size:14.5px;line-height:2.1;color:var(--cream)}.wz-back{position:absolute;top:26px;left:30px;z-index:2;background:#06101c59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(185,207,230,.35);color:var(--wax);font-family:var(--font-body);font-size:12px;letter-spacing:.16em;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.25s}.wz-back:hover{background:#b9cfe62e;border-color:var(--wax);color:var(--wax-bright)}@media (max-width:760px){.wz-shade{background:linear-gradient(180deg,#06101c8c,#06101c59 40%,#06101ce0 78%,#06101cf0)}.wardrobe-zoom-body{align-items:flex-end;justify-content:center}.wardrobe-zoom-text{text-align:center;max-width:88vw}.wz-back{top:18px;left:18px}}@media (max-width:760px){.wardrobe-track{min-height:290px;padding:22px 4px 14px;gap:14px}.wg-visual{height:200px}.wardrobe-drawer{padding:24px 20px}}.scene-book{background:linear-gradient(#0a1c308c,#0a1c308c),url(/images/silver-bg-cloth.jpg) center / cover no-repeat;overflow:hidden}.book-inner{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.6vh,20px);padding:clamp(16px,4vh,42px) 20px 0}.book-kicker{font-size:11px;letter-spacing:.42em;color:var(--batik-light);text-indent:.42em;transform:translateY(calc(-1*clamp(7px,1.5vh,14px)))}.book-title{font-family:var(--font-title);font-size:clamp(26px,3.4vw,40px);color:var(--wax-bright);font-weight:600;letter-spacing:.18em;margin:0;transform:translateY(calc(-1*clamp(7px,1.5vh,14px)))}.book-stage{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;perspective:2400px}.book-stage:after{content:"";position:absolute;left:50%;bottom:6%;width:calc(var(--pw, 300px) * 1.5);height:34px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,rgba(0,0,0,.16) 45%,transparent 72%);filter:blur(2px);pointer-events:none;z-index:0}.book-scene{--pw: clamp(320px, min(45vw, calc((100vh - 192px) / 1.4733)), 470px);--ph: calc(var(--pw) * 1.4733);position:relative;z-index:1;width:calc(var(--pw) * 2);height:var(--ph);transform-style:preserve-3d}.book-base{position:absolute;top:0;height:100%;width:var(--pw);overflow:hidden;background:#0d2947}.book-base-left{left:0;border-radius:8px 2px 2px 8px;box-shadow:inset 20px 0 34px #0000006b}.book-base-right{left:var(--pw);border-radius:2px 8px 8px 2px;box-shadow:inset -20px 0 34px #0000006b}.book-spine{position:absolute;top:0;left:calc(var(--pw) - 1px);width:2px;height:100%;z-index:20;background:linear-gradient(to right,#0000,#020c18b8,#0000);box-shadow:0 0 14px #00000080}.book-leaves{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.leaf{position:absolute;top:0;left:var(--pw);width:var(--pw);height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .88s cubic-bezier(.42,0,.58,1);will-change:transform}.leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#0f2d4d}.leaf-front{border-radius:2px 8px 8px 2px;box-shadow:inset -14px 0 26px #0000005c;visibility:visible}.leaf-back{transform:rotateY(180deg);border-radius:8px 2px 2px 8px;box-shadow:inset 14px 0 26px #0000005c;visibility:hidden}.leaf.flipped .leaf-front{visibility:hidden}.leaf.flipped .leaf-back{visibility:visible}.leaf.flipped,.leaf.flipping.rot-fwd{transform:rotateY(-180deg)}.leaf.flipping.rot-back{transform:rotateY(0)}.page{position:relative;width:100%;height:100%;padding:26px;box-sizing:border-box}.page:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid rgba(185,207,230,.22);pointer-events:none;border-radius:3px}.pg-corn{position:absolute;width:16px;height:16px;border:1.4px solid rgba(220,235,248,.5)}.pg-corn{border-top-color:var(--wax-bright);border-left-color:var(--wax-bright)}.pg-corn[style*=right]{border-left-color:transparent;border-right-color:var(--wax-bright)}.pg-corn[style*=bottom]{border-top-color:transparent;border-bottom-color:var(--wax-bright)}.pg-corn[style*=right][style*=bottom]{border-top-color:transparent;border-left-color:transparent;border-right-color:var(--wax-bright);border-bottom-color:var(--wax-bright)}.page-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.pop-stage{position:relative;width:90%;aspect-ratio:1;max-height:78%;display:grid;place-items:center}.pop-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(91,147,189,.2) 0%,rgba(91,147,189,.05) 55%,transparent 72%);opacity:0}.pop-art{position:relative;width:100%;height:100%;display:grid;place-items:center;transform:translateY(30px) scale(.66);opacity:0}.pop-art svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 16px 14px rgba(0,0,0,.5))}.pop-stage:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:62%;height:14px;background:radial-gradient(ellipse,rgba(0,0,0,.55) 0%,transparent 70%);opacity:0}.leaf.flipped .leaf-back .pop-art{animation:popUp .55s .26s cubic-bezier(.16,1,.3,1) forwards}.leaf.flipped .leaf-back .pop-glow{animation:popGlow .6s .3s ease forwards}.leaf.flipped .leaf-back .pop-stage:after{animation:popBase .6s .28s ease forwards}@keyframes popUp{0%{transform:translateY(30px) scale(.66) rotateX(34deg);opacity:0}60%{opacity:1}to{transform:translateY(-6px) scale(1) rotateX(0);opacity:1}}@keyframes popGlow{to{opacity:1}}@keyframes popBase{to{opacity:1}}.pa-caption{font-size:12px;letter-spacing:.3em;color:var(--wax-dim);text-indent:.3em;margin:0}.page-text{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:34px 44px 28px}.pop-mini{display:none}.pt-no{font-family:var(--font-title);font-size:30px;color:var(--wax-bright);margin:0 0 6px;letter-spacing:.1em}.pt-name{font-family:var(--font-title);font-size:27px;color:var(--wax-bright);margin:0;letter-spacing:.16em;font-weight:600}.pt-en{font-size:10px;letter-spacing:.32em;color:var(--batik-light);margin:8px 0 0;text-indent:.32em}.pt-rule{width:46px;height:1px;background:#b9cfe680;margin:18px 0}.pt-desc{font-size:14px;line-height:2.05;color:var(--cream);margin:0 0 18px;max-width:215px}.pt-poem{font-family:var(--font-title);font-size:14px;color:var(--wax-bright);letter-spacing:.08em;margin:0 0 16px}.pt-tag{font-size:10.5px;letter-spacing:.24em;color:var(--wax-dim);text-indent:.24em;margin:0}.pt-progress{display:flex;gap:8px;align-items:center}.pp-dot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(185,207,230,.5);background:transparent;transition:background .4s,box-shadow .4s}.pp-dot.is-on{background:var(--wax-bright);box-shadow:0 0 7px #dcebf8b3}.pt-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:218px}.pt-chip{font-size:11px;letter-spacing:.12em;color:var(--cream);padding:4px 11px;border-radius:999px;border:1px solid rgba(185,207,230,.4);background:#b9cfe60f}.page-intro,.page-outro,.page-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pi-mark{display:none}.cover-art{width:104px;height:104px;margin-bottom:18px}.cover-art svg{width:100%;height:100%;opacity:.95}.pi-kicker{font-size:10px;letter-spacing:.4em;color:var(--batik-light);text-indent:.4em;margin:0 0 8px}.pi-title,.cover-title{font-family:var(--font-title);font-size:30px;color:var(--wax-bright);letter-spacing:.18em;margin:0}.pi-rule,.cover-rule{width:42px;height:1px;background:#b9cfe680;margin:16px 0}.pi-text{font-family:var(--font-title);font-size:16px;line-height:1.9;color:var(--wax-bright);margin:0 0 14px}.pi-sub{font-size:12.5px;line-height:1.9;color:var(--wax-dim);margin:0}.cover-sub{font-size:11px;letter-spacing:.3em;color:var(--wax);text-indent:.3em;margin:10px 0 0}.cover-en{font-size:9px;letter-spacing:.28em;color:var(--wax-dim);margin:12px 0 0;text-indent:.28em}.book-hot{position:absolute;top:0;height:100%;width:var(--pw);background:transparent;border:0;padding:0;cursor:pointer;z-index:60;-webkit-tap-highlight-color:transparent}.book-hot-right{left:var(--pw)}.book-hot-left{left:0}.book-hot-right:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#dcebf866;font-size:34px;font-family:var(--font-title);transition:.25s}.book-hot-left:after{content:"‹";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#dcebf847;font-size:34px;font-family:var(--font-title)}.book-hot-right:hover:after{color:var(--wax-bright);right:18px}.book-controls{display:flex;align-items:center;gap:20px;min-height:26px}.book-indicator{font-size:12px;letter-spacing:.36em;color:var(--wax);text-indent:.36em;padding:5px 18px;border:1px solid rgba(185,207,230,.28);border-radius:999px;min-width:120px;text-align:center}.book-hint{font-size:11px;letter-spacing:.18em;color:var(--wax-dim);margin:0;text-indent:.18em}@media (max-width: 760px){.book-scene{--pw: 44vw;--ph: calc(var(--pw) * 1.42)}.book-inner{gap:8px;padding-top:12px}.book-kicker,.book-title{transform:none}.page{padding:14px}.page:before{top:7px;right:7px;bottom:7px;left:7px}.page-text{padding:14px 15px 10px}.page-art{gap:10px}.pop-mini{display:none}.pt-no{font-size:15px;margin-bottom:0}.pt-name{font-size:18px;letter-spacing:.1em}.pt-en{font-size:7.5px;letter-spacing:.22em;margin-top:4px}.pt-rule{margin:8px 0}.pt-desc{font-size:10.6px;line-height:1.82;max-width:100%;margin-bottom:8px}.pt-poem{font-size:11px;margin-bottom:7px;line-height:1.6}.pt-tag{font-size:8.5px;letter-spacing:.16em}.pt-progress{gap:5px}.pp-dot{width:5px;height:5px}.pt-tags{gap:5px;max-width:100%}.pt-chip{font-size:9px;padding:3px 8px}.pi-mark{display:none}.cover-art{width:52px;height:52px;margin-bottom:10px}.pi-kicker{font-size:8.5px;letter-spacing:.22em;text-indent:.22em;margin-bottom:5px}.pi-title,.cover-title{font-size:19px;letter-spacing:.12em}.pi-rule,.cover-rule{margin:10px 0}.pi-text{font-size:11.5px;line-height:1.8;margin-bottom:9px}.pi-sub{font-size:9.5px;line-height:1.7}.cover-sub{font-size:9px;letter-spacing:.18em;margin-top:7px}.cover-en{font-size:7.5px;letter-spacing:.18em;margin-top:9px;line-height:1.6}.pa-caption{font-size:8.5px;letter-spacing:.14em}.pop-stage{width:80%}.book-hot-right:after,.book-hot-left:after{font-size:20px}.book-hot-right:after{right:8px}.book-hot-left:after{left:8px}.book-hint{font-size:9px;letter-spacing:.08em}.book-indicator{font-size:10px;min-width:96px;letter-spacing:.24em}}.scene-silver{background:linear-gradient(#0a1c308c,#0a1c308c),url(/images/silver-bg-cloth.jpg) center / cover no-repeat;display:flex;flex-direction:column;padding:44px 4.5vw 24px;overflow:hidden}.silver-head{text-align:center;flex:0 0 auto}.silver-kicker{font-size:13px;letter-spacing:.5em;text-indent:.5em;color:var(--wax-dim);margin-bottom:10px}.silver-title{font-family:var(--font-title);font-size:clamp(28px,4vw,46px);font-weight:600;letter-spacing:.18em;text-indent:.18em;color:var(--wax-bright);text-shadow:0 2px 18px rgba(120,160,200,.25)}.silver-sub{margin-top:10px;font-size:14px;letter-spacing:.16em;color:var(--wax-dim)}.silver-app{flex:1;display:flex;gap:2.4vw;align-items:stretch;min-height:0;margin-top:18px}.silver-rack{flex:0 0 34%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:14px}.silver-cell{position:relative;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid rgba(185,207,230,.16);border-radius:14px;background:linear-gradient(160deg,#ffffff0b,#8caac805);transition:transform .45s var(--ease-out),border-color .45s,background .45s,box-shadow .45s}.silver-cell .sc-art{width:84%;display:block}.silver-cell .sc-art svg{width:100%;height:auto}.silver-cell[data-key=zan] .sc-art{transform:scale(1.24)}.silver-cell .sc-name{font-size:13px;letter-spacing:.18em;color:var(--wax-dim);white-space:nowrap}.silver-cell:hover{transform:translateY(-4px);border-color:#dcebf866;box-shadow:0 14px 30px #05122073}.silver-cell.on{border-color:#dcebf8c7;background:linear-gradient(160deg,#dcebf826,#8caac80d);box-shadow:0 0 0 1px #dcebf838,0 18px 40px #05122080}.silver-cell.on .sc-name{color:var(--wax-bright)}.silver-stage{flex:1;position:relative;border:1px solid rgba(185,207,230,.12);border-radius:20px;background:radial-gradient(90% 80% at 50% 34%,#5a82aa29,#08182a40 70%);overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y}.silver-stage:after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-18deg);animation:silverSweep 6.5s ease-in-out infinite;pointer-events:none}@keyframes silverSweep{0%,55%{left:-60%}to{left:130%}}.silver-halo{position:absolute;top:6%;left:50%;transform:translate(-50%);width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(220,235,248,.22) 0%,rgba(120,160,200,.08) 45%,transparent 68%);pointer-events:none}.silver-3d{flex:1;min-height:0;display:grid;place-items:center;position:relative;z-index:1;perspective:1100px}.silver-object{position:absolute;top:7%;right:9%;bottom:9%;left:9%;transform-style:preserve-3d;will-change:transform;animation:silverTurn 7.5s ease-in-out infinite alternate}@keyframes silverTurn{0%{transform:rotateY(-17deg) rotateX(3deg)}to{transform:rotateY(17deg) rotateX(3deg)}}.silver-stage.manual .silver-object{animation:none}.silver-object .sv-photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.5));animation:silverFloat 5.6s ease-in-out infinite}.silver-object.in .sv-photo{animation:silverIn .62s var(--ease-out) both,silverFloat 5.6s ease-in-out .62s infinite}@keyframes silverIn{0%{opacity:0;transform:translateY(22px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes silverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.silver-shadow{position:absolute;left:50%;top:54%;transform:translate(-50%);width:42%;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);filter:blur(4px);pointer-events:none;animation:silverShadowTurn 7.5s ease-in-out infinite alternate}@keyframes silverShadowTurn{0%{transform:translate(-50%) scaleX(.82);opacity:.75}to{transform:translate(-50%) scaleX(1.08);opacity:1}}.silver-info{flex:0 0 auto;padding:0 5% 22px;text-align:center;position:relative;z-index:2}.si-top{display:flex;align-items:baseline;justify-content:center;gap:14px}.si-index{font-family:var(--font-title);font-size:26px;color:var(--wax-dim)}.si-name{font-family:var(--font-title);font-size:30px;letter-spacing:.14em;color:var(--wax-bright);font-weight:600}.si-pinyin{font-size:11px;letter-spacing:.34em;color:var(--wax-dim);margin-top:2px}.si-desc{margin:12px auto 0;max-width:560px;font-size:14px;line-height:1.9;color:var(--wax);letter-spacing:.04em}.si-tags{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.si-tag{font-size:11px;letter-spacing:.12em;padding:4px 12px;border-radius:999px;border:1px solid rgba(185,207,230,.28);color:var(--wax-dim)}.silver-hint{flex:0 0 auto;text-align:center;margin-top:14px;font-size:12px;letter-spacing:.2em;color:var(--wax-dim)}@media (max-width: 760px){.scene-silver{padding:16px 12px 12px}.silver-kicker{font-size:10px;letter-spacing:.4em;margin-bottom:5px}.silver-title{font-size:25px;letter-spacing:.14em}.silver-sub{font-size:11px;margin-top:5px;letter-spacing:.1em}.silver-app{flex-direction:column;gap:9px;margin-top:9px}.silver-stage{flex:1.15 1 0;border-radius:14px}.silver-rack{flex:1 0 0;grid-template-columns:repeat(3,1fr);gap:7px}.silver-cell{border-radius:10px;padding:4px;gap:2px}.silver-cell .sc-art{width:80%}.silver-cell .sc-name{font-size:10px;letter-spacing:.08em}.silver-object{top:5%;right:7%;bottom:7%;left:7%}.silver-shadow{top:50%;height:16px}.silver-info{padding:0 12px 10px}.si-top{gap:9px}.si-index{font-size:18px}.si-name{font-size:20px;letter-spacing:.1em}.si-pinyin{font-size:8.5px;letter-spacing:.2em}.si-desc{font-size:10.5px;line-height:1.62;margin-top:6px;max-width:320px}.si-tags{margin-top:6px;gap:5px}.si-tag{font-size:8.5px;padding:2.5px 8px}.silver-hint{font-size:9px;margin-top:8px;letter-spacing:.12em}}.scene-illu{position:relative;padding:6vh 5vw;background:linear-gradient(#0a1c308c,#0a1c308c),url(/images/silver-bg-cloth.jpg) center / cover no-repeat}.illu-inner{position:relative;z-index:2;width:min(92vw,1180px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:100%}.illu-head{text-align:center;margin-bottom:4vh}.illu-kicker{margin:0 0 10px;font-size:clamp(11px,1vw,13px);letter-spacing:5px;color:var(--wax-dim)}.illu-title{margin:0 0 14px;font-family:var(--font-title);font-size:clamp(22px,3vw,36px);font-weight:600;letter-spacing:6px;color:var(--wax-bright);text-shadow:0 2px 18px rgba(0,0,0,.55)}.illu-sub{margin:0 auto;max-width:720px;font-size:clamp(12px,1.15vw,14px);line-height:1.9;letter-spacing:1px;color:var(--cream);opacity:.82}.illu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,34px);align-items:start}.illu-card{margin:0;display:flex;flex-direction:column;align-items:center}.illu-img{width:100%;height:auto;display:block;border:1px solid rgba(185,207,230,.28);border-radius:4px;box-shadow:0 10px 30px #030a148c,0 0 0 4px #102c4a66;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}.illu-card:hover .illu-img{transform:translateY(-6px);box-shadow:0 18px 42px #030a14a6,0 0 24px #5b93bd59}.illu-cap{margin-top:16px;font-size:clamp(12px,1.1vw,15px);letter-spacing:2px;color:var(--wax);text-align:center}@media (max-width: 1024px){.illu-head{margin-bottom:3vh}}@media (max-width: 768px){.scene-illu{padding:5vh 7vw}.illu-grid{grid-template-columns:1fr;gap:26px;max-width:340px;margin:0 auto}.illu-head{margin-bottom:2.5vh}}.illu-img.is-zoomable{cursor:zoom-in}.illu-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:5vh 6vw;background:#040b15e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s}.illu-lightbox.is-open{opacity:1;visibility:visible}.lightbox-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;transform:scale(.94);transition:transform .45s cubic-bezier(.16,1,.3,1)}.illu-lightbox.is-open .lightbox-figure{transform:scale(1)}.lightbox-img{max-width:min(82vw,620px);max-height:76vh;width:auto;height:auto;display:block;border:1px solid rgba(185,207,230,.32);border-radius:6px;box-shadow:0 24px 60px #0009,0 0 40px #5b93bd47}.lightbox-cap{margin-top:18px;font-size:clamp(13px,1.4vw,17px);letter-spacing:3px;color:var(--wax-bright);text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.6)}.lightbox-close{position:absolute;top:-3.2vh;right:-2.5vw;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(185,207,230,.35);border-radius:50%;background:#102c4a99;color:var(--wax-bright);font-size:26px;line-height:1;cursor:pointer;transition:background .3s ease,transform .3s ease}.lightbox-close:hover,.lightbox-close:focus-visible{background:#5b93bd8c;transform:rotate(90deg);outline:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(185,207,230,.32);border-radius:50%;background:#102c4a8c;color:var(--wax-bright);font-size:30px;line-height:1;cursor:pointer;transition:background .3s ease,transform .3s ease}.lightbox-nav:hover,.lightbox-nav:focus-visible{background:#5b93bd8c;outline:none}.lightbox-prev{left:-5.5vw}.lightbox-prev:hover{transform:translateY(-50%) translate(-3px)}.lightbox-next{right:-5.5vw}.lightbox-next:hover{transform:translateY(-50%) translate(3px)}html.illu-lightbox-open{overflow:hidden}@media (max-width: 768px){.illu-lightbox{padding:4vh 4vw}.lightbox-img{max-width:92vw;max-height:66vh}.lightbox-close{top:-2.6vh;right:0;width:40px;height:40px;font-size:22px}.lightbox-nav{width:42px;height:42px;font-size:24px}.lightbox-prev{left:0}.lightbox-next{right:0}}.scene-craft{position:relative;background:radial-gradient(120% 95% at 50% 8%,#0b1f36,#071522 46%,#050d17);padding:0}.craft-halo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,#7ab0de4d,#406ea021 34%,#08142200 62%)}.craft-vapor{position:absolute;z-index:0;border-radius:50%;filter:blur(72px);pointer-events:none}.vapor-a{width:48vw;height:48vw;left:-13vw;top:-15vw;background:radial-gradient(circle,#2e5c8c8c,#2e5c8c00 70%);animation:vaporDrift 19s ease-in-out infinite alternate}.vapor-b{width:44vw;height:44vw;right:-13vw;bottom:-16vw;background:radial-gradient(circle,#9e48383d,#9e483800 70%);animation:vaporDrift 24s ease-in-out infinite alternate-reverse}@keyframes vaporDrift{0%{transform:translate(0) scale(1)}to{transform:translate(5vw,4vw) scale(1.14)}}.craft-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.craft-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.07);transition:opacity 1.1s var(--ease-out),transform 1.8s var(--ease-out)}[data-stage="0"] .craft-bg-layer[data-bg="0"],[data-stage="1"] .craft-bg-layer[data-bg="1"],[data-stage="2"] .craft-bg-layer[data-bg="2"],[data-stage="3"] .craft-bg-layer[data-bg="3"],[data-stage="4"] .craft-bg-layer[data-bg="4"],[data-stage="5"] .craft-bg-layer[data-bg="5"]{opacity:1;transform:scale(1)}.craft-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07101c80,#07101ca8)}.craft-wax .craft-bg-layer[data-bg="0"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/wax-draw.png)}.craft-wax .craft-bg-layer[data-bg="1"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/wax-dye.png)}.craft-wax .craft-bg-layer[data-bg="2"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/wax-remove.png)}.craft-weave .craft-bg-layer[data-bg="0"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/weave-warp.png)}.craft-weave .craft-bg-layer[data-bg="1"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/weave-weft.png)}.craft-weave .craft-bg-layer[data-bg="2"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/weave-pick.png)}.craft-emb .craft-bg-layer[data-bg="0"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/emb-start.png)}.craft-emb .craft-bg-layer[data-bg="1"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/emb-lay.png)}.craft-emb .craft-bg-layer[data-bg="2"]{background-image:linear-gradient(180deg,#07101c6b,#07101c99),url(/images/craft/emb-lock.png)}.craft-stage{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:4.5vw;width:min(1180px,92vw);margin:0 auto;min-height:100vh;padding:7vh 0}.craft-copy{color:var(--cream)}.craft-kicker{font-size:12px;letter-spacing:.42em;text-indent:.42em;color:var(--batik-light);margin-bottom:14px}.craft-title{font-family:var(--font-title);font-size:clamp(32px,4.4vw,56px);font-weight:600;letter-spacing:.12em;color:var(--wax-bright);margin-bottom:24px;text-shadow:0 0 30px rgba(122,176,222,.45)}.craft-steps{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.craft-steps li{display:flex;align-items:center;gap:7px;font-size:13px;letter-spacing:.18em;color:var(--wax-dim);padding:7px 15px;border-radius:999px;border:1px solid rgba(159,196,232,.22);background:#0a1c2e6b;transition:color .5s var(--ease-out),border-color .5s,background .5s,box-shadow .5s}.craft-steps .step-num{font-size:10px;letter-spacing:0;color:var(--gold-dim)}.craft-steps li.is-active{color:#ffe7d4;border-color:#d6745699;background:#78342847;box-shadow:0 0 20px #d6745659}.craft-steps li.is-active .step-num{color:#e8a07f}.craft-desc{font-size:clamp(14px,1.18vw,16.5px);line-height:2.1;color:var(--cream-dim);max-width:470px}.craft-quote{margin-top:20px;font-size:14px;font-style:italic;color:var(--wax);padding-left:16px;max-width:430px;border-left:2px solid rgba(214,116,86,.55)}.craft-hint{margin-top:20px;font-size:12px;letter-spacing:.16em;color:var(--gold-dim)}.craft-device{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;will-change:transform}.craft-device-tag{font-size:11px;letter-spacing:.32em;color:var(--wax-dim);text-align:center}.craft-copy,.craft-device{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out)}.craft-device{transition-delay:.15s}.is-on .craft-copy,.is-on .craft-device{opacity:1;transform:none}.wax-cloth{position:relative;height:min(56vh,436px);aspect-ratio:400/480;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)) drop-shadow(0 0 42px rgba(90,150,210,.18))}.wax-svg{width:100%;height:100%;overflow:visible}.wax-videos{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;z-index:2}.wax-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out)}[data-stage="0"] .wax-video[data-v="0"],[data-stage="1"] .wax-video[data-v="1"],[data-stage="2"] .wax-video[data-v="2"]{opacity:1}.weave-videos{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;z-index:3}.weave-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out)}[data-stage="0"] .weave-video[data-v="0"],[data-stage="1"] .weave-video[data-v="1"],[data-stage="2"] .weave-video[data-v="2"]{opacity:1}.emb-videos{position:absolute;top:12.5%;right:12.5%;bottom:12.5%;left:12.5%;border-radius:50%;overflow:hidden;z-index:1}.emb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out)}[data-stage="0"] .emb-video[data-v="0"],[data-stage="1"] .emb-video[data-v="1"],[data-stage="2"] .emb-video[data-v="2"]{opacity:1}.wax-indigo{opacity:0;transition:opacity .8s var(--ease-out)}[data-stage="1"] .wax-indigo,[data-stage="2"] .wax-indigo{opacity:1}.wax-draw{stroke:#c9a866;stroke-dasharray:640;stroke-dashoffset:640;transition:stroke .6s var(--ease-out)}[data-stage="2"] .wax-draw{stroke:#f4f8fc}.is-on[data-stage="0"] .wax-cloth.is-growing .wax-draw{animation:waxGrow 1.5s var(--ease-out) forwards}[data-stage="1"] .wax-draw,[data-stage="2"] .wax-draw{stroke-dashoffset:0}@keyframes waxGrow{to{stroke-dashoffset:0}}.wax-knife-g{opacity:0;transition:opacity .4s}[data-stage="0"] .wax-knife-g{opacity:1}.wax-bubbles{transition:opacity .5s}[data-stage="1"] .wax-bubbles{opacity:.9}.weave-device{height:min(52vh,420px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(90,150,210,.18))}.weave-panel{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#143454eb,#081626f5);border:1px solid rgba(159,196,232,.28);box-shadow:inset 0 0 60px #061220cc}.weave-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(159,196,232,.12) 0 1px,transparent 1px 14.28%)}[data-stage="0"] .weave-panel:before{background-image:repeating-linear-gradient(90deg,rgba(170,205,238,.55) 0 1.5px,transparent 1.5px 14.28%)}.weave-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-image:repeating-linear-gradient(0deg,rgba(170,205,238,.45) 0 1.5px,transparent 1.5px 14.28%);transition:opacity .6s var(--ease-out)}[data-stage="1"] .weave-panel:after,[data-stage="2"] .weave-panel:after{opacity:1}.weave-grid{position:absolute;top:9%;right:9%;bottom:9%;left:9%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:5px;z-index:2}.weave-cell{display:block;width:62%;height:62%;margin:auto;transform:rotate(45deg);border-radius:3px;border:1px solid rgba(159,196,232,.16);background:transparent;opacity:0;transition:opacity .4s,background .4s,border-color .4s,box-shadow .4s}[data-stage="1"] .weave-cell,[data-stage="2"] .weave-cell{opacity:1}[data-stage="2"] .weave-cell.is-pattern{background:#d674568c;border-color:#ffd6a0d9;box-shadow:0 0 12px #d6745680;animation:weavePick .6s var(--ease-out) backwards;animation-delay:var(--d,0s)}@keyframes weavePick{0%{background:#d6745600}to{background:#d674568c}}.weave-center-pattern{position:absolute;top:24%;right:24%;bottom:24%;left:24%;z-index:1;opacity:0;transition:opacity .6s}[data-stage="2"] .weave-center-pattern{opacity:1;animation:weaveRotate 26s linear infinite}.weave-center-pattern svg{width:100%;height:100%}@keyframes weaveRotate{to{transform:rotate(360deg)}}.weave-shuttle{position:absolute;z-index:3;top:12%;left:50%;width:13%;height:7%;transform:translate(-50%);filter:drop-shadow(0 0 8px rgba(240,217,168,.5));opacity:0;pointer-events:none}[data-stage="1"] .weave-shuttle,[data-stage="2"] .weave-shuttle{opacity:1;animation:shuttleFloat 2.6s ease-in-out infinite}.weave-shuttle svg{width:100%;height:100%}@keyframes shuttleFloat{0%,to{top:11%}50%{top:82%}}.emb-device{height:min(56vh,436px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)) drop-shadow(0 0 50px rgba(200,96,74,.16))}.emb-hoop{position:relative;width:100%;height:100%}.emb-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.emb-hoop:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:10px solid rgba(232,200,150,.45);box-shadow:0 0 32px #f0d9a02e,inset 0 0 20px #00000073;pointer-events:none}.emb-stem-g,.emb-flower-g,.emb-core-g,.emb-butterfly-g{opacity:0;transition:opacity .4s var(--ease-out)}[data-stage="0"] .emb-stem-g,[data-stage="1"] .emb-stem-g,[data-stage="1"] .emb-flower-g,[data-stage="2"] .emb-stem-g,[data-stage="2"] .emb-flower-g,[data-stage="2"] .emb-core-g,[data-stage="2"] .emb-butterfly-g{opacity:1}.emb-draw{stroke-dasharray:420;stroke-dashoffset:420}[data-stage="0"] .emb-stem-g .emb-draw{animation:embGrow 1.2s var(--ease-out) forwards}[data-stage="1"] .emb-stem-g .emb-draw{stroke-dashoffset:0}[data-stage="1"] .emb-flower-g .emb-draw{animation:embGrow 1.5s var(--ease-out) forwards}[data-stage="2"] .emb-stem-g .emb-draw,[data-stage="2"] .emb-flower-g .emb-draw{stroke-dashoffset:0}[data-stage="2"] .emb-core-g .emb-draw,[data-stage="2"] .emb-butterfly-g .emb-draw{animation:embGrow 1.2s var(--ease-out) forwards}@keyframes embGrow{to{stroke-dashoffset:0}}.craft-diy .craft-bg-layer[data-bg="0"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/diy-potato.png)}.craft-diy .craft-bg-layer[data-bg="1"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/diy-wall.png)}.craft-goods .craft-bg-layer[data-bg="0"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-pillow.png)}.craft-goods .craft-bg-layer[data-bg="1"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-scarf.png)}.craft-goods .craft-bg-layer[data-bg="2"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-fan.png)}.craft-goods .craft-bg-layer[data-bg="3"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-pouch.png)}.craft-goods .craft-bg-layer[data-bg="4"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-notebook.png)}.craft-goods .craft-bg-layer[data-bg="5"]{background-image:linear-gradient(180deg,#07101c80,#07101cb8),url(/images/craft/goods-runner.png)}.diy-frame{position:relative;width:100%;max-width:560px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#081a2c;border:1px solid rgba(159,196,232,.3);box-shadow:0 30px 60px #0000008c,0 0 46px #5a96d233,inset 0 0 0 1px #ffffff0d}.diy-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s var(--ease-out),transform 1.2s var(--ease-out);pointer-events:none}[data-stage="0"] .diy-photo[data-p="0"],[data-stage="1"] .diy-photo[data-p="1"],[data-stage="2"] .diy-photo[data-p="2"],[data-stage="3"] .diy-photo[data-p="3"],[data-stage="4"] .diy-photo[data-p="4"],[data-stage="5"] .diy-photo[data-p="5"]{opacity:1;transform:scale(1)}.diy-frame.is-switching{animation:diyFramePop .6s var(--ease-out)}@keyframes diyFramePop{0%{transform:scale(.985)}to{transform:scale(1)}}@media (max-width:900px){.craft-stage{grid-template-columns:1fr;gap:2.4vh;text-align:center;padding:10vh 0 8vh}.craft-copy{order:2}.craft-device{order:1}.craft-desc,.craft-quote{margin-left:auto;margin-right:auto}.craft-steps{justify-content:center}.wax-cloth{height:40vh}.weave-device{height:38vh}.emb-device{height:40vh}.diy-frame{width:min(88vw,560px)}}