:root{--archive-red:#a83e2b;--archive-deep:#552018;--archive-paper:#f1dfbd;--archive-gold:#e6bf78;--archive-ink:#2d2019;--font-title:"STKaiti","KaiTi","华文楷体",serif;--font-body:"KaiTi","STKaiti","楷体",serif;--font-ui:"Microsoft YaHei","PingFang SC",sans-serif}
.story-screen{position:absolute;inset:0;overflow:hidden;color:#fff0c9;background:radial-gradient(circle at 50% 24%,#d77d56 0,#b84d35 45%,#7e2b22 100%);isolation:isolate;font-family:var(--font-body)}
.story-screen:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,transparent 0 42%,#f1c86b12 50%,transparent 58%),repeating-linear-gradient(0deg,#fff0 0 5px,#00000008 6px);animation:storyLight 8s ease-in-out infinite alternate}
.story-screen:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 52px #5c201b52;background-image:radial-gradient(#4b1a1429 .45px,transparent .8px);background-size:7px 7px;opacity:.11}
.story-screen .story-page{position:absolute;right:6.5%;bottom:2.1%;z-index:9;color:#caa46d;font:12px Georgia,serif;letter-spacing:.12em}
.story-back{position:absolute;z-index:12;left:5.5%;bottom:2%;border:0;background:transparent;color:#d6b274;min-height:44px;font-size:11px;letter-spacing:.12em;padding:10px 8px}
.story-head{position:absolute;z-index:5;left:7%;right:7%;top:5.2%}
.story-head .chapter{margin:0 0 8px;font:12px var(--font-title);letter-spacing:.3em;color:#f0c77f}
.story-head h2{margin:0;font:400 clamp(29px,8.5cqw,46px)/1.06 var(--font-title);letter-spacing:.05em;color:#fff1c8;text-shadow:0 4px 18px #69201670}
.story-head .dek{margin:9px 0 0;font:11px var(--font-ui);letter-spacing:.14em;color:#f0d2a0}
.story-screen .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.25,1)}
.story-screen.is-active .reveal{opacity:1;transform:none}
.story-screen.is-returned .reveal{transition:none!important}
.scene3.is-returned .s3-quote span,.scene11.is-returned .final-letter span{background-position:0 0;animation:none!important}
.scene6.is-returned .tax-doc:before,.scene6.is-returned .tax-doc:after{transform:scaleX(1);animation:none!important}
.scene10.is-returned .phone-note{opacity:1;animation:none!important}
.story-screen.is-active .reveal:nth-child(2){transition-delay:.12s}.story-screen.is-active .reveal:nth-child(3){transition-delay:.25s}
.archive-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border:1px solid #dcb56b66;background:#4a100cb3;color:#efd59f;font:11px var(--font-title);letter-spacing:.12em;backdrop-filter:blur(4px)}
.story-quote{position:relative;margin:0;color:#302119;background-color:#f0dfbd;background-image:linear-gradient(90deg,transparent 0 19px,#a94b3b4d 20px,#a94b3b4d 21px,transparent 22px),repeating-linear-gradient(0deg,transparent 0 27px,#b266523b 28px,#b266523b 29px),linear-gradient(145deg,#f8e9cb,#e6ca99);box-shadow:0 17px 35px #6b261d52,inset 0 0 0 1px #fff3d2,inset 0 0 0 5px #a8453124;border:1px solid #b34b397d;border-left:3px solid #a83e2b;padding:18px 20px 18px 28px;font:15px/1.9 var(--font-body);transform:rotate(-1.5deg)}
.story-quote:before{content:"档案摘录";display:block;margin-bottom:8px;color:#8d2a20;font:9px/1.2 var(--font-ui);letter-spacing:.25em}
.story-quote:after{content:"";position:absolute;right:-1px;top:-1px;width:22px;height:22px;background:linear-gradient(225deg,#b2473600 48%,#b24736 49% 52%,#f8e8c8 53%);box-shadow:-3px 3px 6px #7b2c2152}
.story-media{border:0;padding:0;background:none;color:inherit}
.media-stamp{position:absolute;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid #e6bd72;background:#7e271dd9;border-radius:24px;color:#fff1c8;font-size:12px;box-shadow:0 9px 24px #21060480}
.media-stamp b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edcf8b;color:#652016}

/* Screen 3 */
.scene3{background:linear-gradient(180deg,#7d2c22 0 18%,#a3412f 54%,#7c2b22 100%)}.s3-portrait{position:absolute;left:0;right:0;top:16%;height:52%;margin:0;overflow:hidden}
.s3-portrait img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:saturate(.84) contrast(1.04) brightness(.94);transform:scale(1.07)}
.scene3.is-active .s3-portrait img{animation:documentaryPush 12s ease-out both}
.s3-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#6d251c7a 0,transparent 26%,#7d2d238f 100%),linear-gradient(90deg,#9c3a2873,transparent 48%)}
.s3-first{position:absolute;z-index:3;left:5%;top:55%;width:34%;transform:rotate(-8deg);filter:drop-shadow(0 13px 13px #160503a6)}
.s3-first img{display:block;width:100%;border:7px solid #e6d2aa}
.s3-quote{position:absolute;z-index:4;right:5.5%;top:59%;width:61%;padding:17px 18px 18px 23px;transform:rotate(1.5deg)}
.s3-quote span{background:linear-gradient(90deg,#302119 50%,transparent 50%) 100% 0/200% 100% no-repeat;color:transparent;background-clip:text;-webkit-background-clip:text}
.scene3.is-active .s3-quote span{animation:inkReveal 3.2s 1s ease forwards}
.s3-video{right:7%;top:48%;z-index:6}
.pen-shadow{position:absolute;z-index:5;right:9%;top:81%;width:28%;height:6px;background:#1d0805aa;filter:blur(5px);transform:rotate(-18deg);animation:penHover 3.6s ease-in-out infinite}

/* Screen 4 */
.scene4{background:linear-gradient(90deg,#47201a 0 50%,#d49161 50%,#aa4934 100%)}
.light-lab{position:absolute;left:5.5%;right:5.5%;top:20%;height:39%;border:1px solid #d0a86955;overflow:hidden;background:#261310;box-shadow:0 20px 42px #10040299}
.light-before,.light-after{position:absolute;inset:0}.light-before{background:radial-gradient(circle at 22% 62%,#c16a2e55 0 9%,transparent 27%),linear-gradient(#20100e,#361611)}
.light-after{clip-path:inset(0 0 0 calc(100% - var(--light,50%)));background:radial-gradient(circle at 78% 22%,#fffbd9 0 4%,#ffe8a9b0 8%,transparent 38%),linear-gradient(#dfad77,#a95d3d)}
.paper-wall{position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 62px,#2a0c0819 63px),repeating-linear-gradient(0deg,transparent 0 66px,#2a0c0818 67px)}
.lamp{position:absolute;z-index:2;left:14%;bottom:12%;width:54px;height:105px;border:4px solid #b98954;border-radius:45% 45% 20% 20%;background:#3f1b13}
.lamp:before{content:"";position:absolute;left:13px;top:-34px;width:20px;height:42px;border-radius:55% 45% 60% 40%;background:#efb64e;box-shadow:0 0 30px #e9892c;animation:flame 1.1s ease-in-out infinite alternate}
.bulb{position:absolute;z-index:3;right:14%;top:15%;width:48px;height:58px;border:4px solid #e6c47f;border-radius:50%;background:#fff0aa;box-shadow:0 0 45px #ffe18b}.bulb:after{content:"";position:absolute;left:18px;top:56px;width:6px;height:130px;background:#3b241b}
.electric-wire{position:absolute;z-index:2;right:15%;top:0;width:45%;height:50%;border-bottom:3px solid #33231a;border-right:3px solid #33231a}
.light-slider{position:absolute;left:7%;right:7%;bottom:8%;width:86%;accent-color:#d9ad62}
.light-caption{position:absolute;left:0;right:0;bottom:13%;text-align:center;margin:0;font-size:10px;letter-spacing:.22em;color:#e2c38c}
.s4-record{position:absolute;left:7%;right:7%;top:62%;height:23%;display:grid;grid-template-columns:42% 1fr;gap:13px;align-items:center}
.s4-record img{width:100%;height:100%;object-fit:cover;border:7px solid #ddc79f;transform:rotate(-3deg);box-shadow:0 10px 26px #17050399}
.s4-record .story-quote{font-size:12px;line-height:1.65;padding:13px 13px 13px 24px;transform:rotate(1deg)}

/* Screen 5 */
.scene5{background:radial-gradient(circle at 45% 42%,#4c6678 0,#2f485d 44%,#8e352b 100%)}
.tv-room{position:absolute;left:5%;right:5%;top:20%;height:49%;background:linear-gradient(#172230,#0b1018);overflow:hidden;border:1px solid #a9825055}
.family-shape{position:absolute;bottom:-7%;border-radius:50% 50% 0 0;background:#090c12;filter:drop-shadow(0 0 18px #030509)}
.family-shape.a{left:3%;width:29%;height:40%}.family-shape.b{right:2%;width:31%;height:46%}.family-shape.c{left:33%;width:20%;height:29%}
.paper-tv{position:absolute;left:16%;right:16%;top:11%;height:58%;border:14px solid #4f3426;border-radius:10px;background:#241912;box-shadow:0 20px 35px #000}
.tv-screen{position:absolute;left:5%;top:7%;width:72%;height:82%;border:0;overflow:hidden;background:#c7c7b9;color:#fff}
.tv-screen:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle,#fff 0 1px,#131313 1.5px 3px);background-size:5px 5px;animation:staticShift .18s steps(2) infinite;opacity:.65}
.tv-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#0006 5px);animation:scan 4s linear infinite}
.tv-screen img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}.tv-screen.is-revealed img{opacity:1}.tv-screen.is-revealed:before{opacity:.08}.tv-screen.is-revealed:after{opacity:.25}
.tv-knob{position:absolute;right:4%;top:21%;width:15%;aspect-ratio:1;border:4px solid #a88152;border-radius:50%;background:#2b211a;color:#e3c98f;display:grid;place-items:center;font-size:10px;transform:rotate(-18deg)}
.tv-knob.second{top:55%;transform:rotate(25deg)}
.s5-quote{position:absolute;left:7%;right:7%;top:73%;font-size:13px;transform:rotate(-1deg)}

/* Screen 6 */
.scene6{background:radial-gradient(circle at 50% 42%,#db7954,#b54a34 59%,#7b2921)}
.tax-doc{position:absolute;left:6%;right:6%;top:19%;height:55%;margin:0;transform:rotate(-1.2deg);box-shadow:0 22px 45px #170402a6;overflow:hidden;border:8px solid #e4cea4;background:#e1c69b}
.tax-doc img{width:100%;height:100%;object-fit:cover;object-position:center}
.tax-doc:before,.tax-doc:after{content:"";position:absolute;left:17%;right:12%;height:4px;background:#b5261f;box-shadow:0 0 9px #d33b23;transform-origin:left;transform:scaleX(0)}
.tax-doc:before{top:46%}.tax-doc:after{top:52%}.scene6.is-active .tax-doc:before{animation:redLine .8s 1s forwards}.scene6.is-active .tax-doc:after{animation:redLine .8s 1.65s forwards}
.wheat{position:absolute;left:2%;right:2%;bottom:0;height:30%;opacity:.5;background:repeating-linear-gradient(72deg,transparent 0 31px,#d8ae5e 32px 34px,transparent 35px 66px);mask-image:linear-gradient(transparent,#000)}
.tax-actions{position:absolute;left:8%;right:8%;top:77%;display:flex;justify-content:space-between;align-items:center}
.tax-actions button{position:static}.news-flash{padding-left:13px;border-left:2px solid #d9ad62;font:13px KaiTi,serif;color:#f3d79d}.news-flash b{display:block;font-size:23px}

/* Screen 8 */
.scene8{background:radial-gradient(circle at 50% 52%,#d47853,#ad4634 62%,#7e2c22)}
.life-viewport{position:absolute;left:0;right:0;top:20%;height:63%;overflow:hidden;touch-action:pan-y}
.life-viewport{cursor:grab;user-select:none;-webkit-user-select:none}.life-viewport:active{cursor:grabbing}.life-card img{-webkit-user-drag:none}
.life-track{height:100%;display:flex;align-items:center;gap:4%;padding:0 15%;transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.life-card{flex:0 0 72%;height:82%;border:0;padding:0;background:#e7d3ab;box-shadow:0 18px 45px #170402aa;position:relative;transform:scale(.88) rotate(-2deg);transition:transform .55s,opacity .55s;opacity:.55}
.life-card.is-current{transform:scale(1) rotate(0);opacity:1}.life-card:nth-child(even){transform:scale(.88) rotate(2deg)}.life-card:nth-child(even).is-current{transform:scale(1)}
.life-card img{width:100%;height:66%;object-fit:cover;display:block;border:8px solid #ead9b7}
.life-card .year{position:absolute;right:11px;top:10px;background:#5d1b15;color:#f4d79d;padding:7px 10px;font:18px Georgia,serif}
.life-card blockquote{margin:0;padding:14px 17px;color:#3a241c;font:13px/1.65 KaiTi,serif;text-align:left}
.life-progress{position:absolute;left:8%;right:8%;bottom:11%;height:2px;background:#a9804c66}.life-progress i{display:block;width:25%;height:100%;background:#f0cf89;transform:translateX(calc(var(--life-index,0)*100%));transition:transform .55s}
.life-count{position:absolute;left:0;right:0;bottom:6%;text-align:center;font:13px Georgia,serif;color:#ddb877}

/* Screen 7 */
.scene7{background:radial-gradient(circle at 45% 48%,#cf7453,#a34534 68%,#733026)}
.ledger-ghosts{position:absolute;inset:18% 0 12%;opacity:.22;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-5deg) scale(1.12);filter:sepia(.35) brightness(1.2)}.ledger-ghosts img{width:100%;height:100%;object-fit:cover}
.spending-chart{position:absolute;left:7%;right:7%;top:31%;height:45%;border-bottom:2px solid #d7ad6466;display:flex;align-items:flex-end;justify-content:space-around;padding:0 2%}
.spending-chart:before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#ffe0a3,transparent);animation:trackLight 3.2s linear infinite}
.money-item{position:relative;width:19%;height:100%;border:0;background:none;color:#efcf91;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.money-item .amount{position:absolute;bottom:calc(var(--bar)*1% + 29px);font:bold 14px Georgia,serif;white-space:nowrap}.money-item .bar{width:42%;height:0;background:linear-gradient(#f0c86e,#8d2a1d);box-shadow:0 0 16px #e9b95655;transition:height 1.2s cubic-bezier(.16,.8,.28,1)}
.scene7.is-active .money-item .bar{height:calc(var(--bar)*1%)}.money-item .dot{width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#f4d48d;box-shadow:0 0 0 0 #e8bd6d99;animation:nodePulse 1.8s infinite}.money-item .year{margin-top:12px;font:11px Georgia,serif}
.ledger-drawer{position:absolute;z-index:11;left:4%;right:4%;bottom:-48%;height:43%;background:#ead9b7;color:#332219;border:1px solid #f3dfb8;box-shadow:0 -18px 42px #18040399;transition:bottom .55s cubic-bezier(.2,.7,.25,1);display:grid;grid-template-columns:45% 1fr;gap:14px;padding:18px}.ledger-drawer.is-open{bottom:0}.ledger-drawer img{width:100%;height:100%;object-fit:cover}.ledger-drawer h3{font:24px KaiTi,serif;margin:6px 0;color:#84291e}.ledger-drawer p{font:13px/1.8 KaiTi,serif}.drawer-close{position:absolute;right:8px;top:7px;border:0;background:none;font-size:24px;color:#6b2019}

/* Screen 9 */
.scene9{background:linear-gradient(#b84a35,#d36a49 55%,#9c3a2c)}
.village-echo{position:absolute;inset:12% -15% -8%;background:url('assets/story/puzzle-village-editorial-v2.jpg') center/cover;opacity:.12;filter:saturate(.7) sepia(.12)}
.puzzle-board{position:absolute;left:9%;right:9%;top:21%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:7px;background:#d3ae6c;box-shadow:0 22px 48px #160403aa;touch-action:none}
.puzzle-piece{border:0;background-image:url('assets/story/puzzle-village-editorial-v2.jpg');background-size:300% 300%;box-shadow:inset 0 0 0 1px #f7e1ad;transition:transform .28s,box-shadow .28s}.puzzle-piece.is-selected{transform:scale(.94);box-shadow:inset 0 0 0 4px #fff0c7,0 0 20px #f0c87a}.puzzle-board.is-solved .puzzle-piece{box-shadow:inset 0 0 0 1px #fff0c2}
.puzzle-success{position:absolute;left:10%;right:10%;top:74%;text-align:center;font:26px KaiTi,serif;color:#ffe2a1;opacity:0;transform:scale(.8);transition:.6s}.puzzle-board.is-solved~.puzzle-success{opacity:1;transform:scale(1)}
.puzzle-hint{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:#d9b77b;font-size:11px;letter-spacing:.13em}.puzzle-skip{position:absolute;z-index:6;right:7%;bottom:4%;border:0;background:transparent;color:#dab879;min-height:44px;opacity:0;pointer-events:none;transition:opacity .4s}.puzzle-skip.is-ready{opacity:1;pointer-events:auto}

/* Screen 10 */
.scene10{background:radial-gradient(circle at 50% 46%,#cc6b4d,#9e3c2e 66%,#6f2820)}
.legacy-stage{position:absolute;left:6%;right:6%;top:20%;height:47%;display:grid;grid-template-columns:47% 1fr;align-items:center;gap:6%}
.legacy-paper{height:76%;background-color:#f1dfbd;color:#32231b;padding:18px 14px 18px 24px;transform:rotate(-4deg);border:1px solid #b34b397d;border-left:3px solid #a83e2b;box-shadow:0 16px 30px #6d291e52,inset 0 0 0 4px #a845311d;font:14px/2 var(--font-body);background-image:linear-gradient(90deg,transparent 0 16px,#a94b3b4d 17px,#a94b3b4d 18px,transparent 19px),repeating-linear-gradient(0deg,transparent 0 30px,#a94a3833 31px)}
.legacy-paper strong{display:block;color:#8a291f;font-size:20px}.legacy-phone{height:92%;border:7px solid #241713;border-radius:28px;background:#e8ddc8;color:#33261e;box-shadow:0 18px 38px #140302aa;padding:40px 15px 15px;position:relative}.legacy-phone:before{content:"";position:absolute;top:13px;left:38%;width:24%;height:5px;border-radius:6px;background:#35231b}.phone-note{font:12px/1.8 "Microsoft YaHei";opacity:0}.scene10.is-active .phone-note{animation:typeNote 2.2s 1.1s forwards}.legacy-ribbon{position:absolute;left:35%;right:31%;top:47%;height:8px;background:linear-gradient(90deg,#8d2018,#ffd987,#8d2018);filter:drop-shadow(0 0 10px #f3c96e);transform:rotate(-8deg);animation:ribbonFlow 2.4s linear infinite}
.legacy-quote{position:absolute;left:6%;right:6%;top:69%;font-size:12px;line-height:1.7;padding:14px 17px;border-left:4px solid #b24130;background:linear-gradient(145deg,#f8e8c9,#e7c99a);box-shadow:0 16px 30px #6d291e45}.legacy-audio{position:absolute;left:8%;right:8%;bottom:8%;height:52px;border:1px solid #f1c77b;background:#9e3b2ec9;color:#ffe9b9;border-radius:27px;display:flex;align-items:center;padding:0 17px;gap:12px}.audio-bars{margin-left:auto;display:flex;gap:3px;align-items:center}.audio-bars i{display:block;width:2px;height:10px;background:#efd18f}.legacy-audio.is-playing .audio-bars i{animation:wave .7s ease-in-out infinite alternate}.audio-bars i:nth-child(2){animation-delay:.15s}.audio-bars i:nth-child(3){animation-delay:.3s}.audio-bars i:nth-child(4){animation-delay:.08s}
.continue-story{position:absolute;right:7%;bottom:3.1%;border:0;background:transparent;color:#e2bf80;min-height:44px;letter-spacing:.15em}

/* Screen 11 */
.scene11{background:radial-gradient(circle at 50% 38%,#e6a66e,#c3593e 58%,#8b3026)}
.final-rays{position:absolute;inset:-20% -30% 20%;background:conic-gradient(from 188deg at 50% 0,#f5d18400,#f5d18428,#f5d18400 8%,#f5d18418 14%,#f5d18400 23%);animation:rays 8s ease-in-out infinite alternate}
.final-cover{position:absolute;left:7%;top:20%;width:31%;transform:rotate(-7deg);box-shadow:0 14px 28px #160403aa;border:7px solid #e6d1a8}.final-cover img{display:block;width:100%}
.final-letter{position:absolute;left:32%;right:6%;top:22%;min-height:22%;background-color:#f1dfbd;color:#302018;padding:20px 18px 16px 28px;border:1px solid #b34b397d;border-left:3px solid #a83e2b;box-shadow:0 17px 34px #6d291e52,inset 0 0 0 4px #a845311d;transform:rotate(2deg);font:15px/1.9 var(--font-body);background-image:linear-gradient(90deg,transparent 0 17px,#a94b3b4d 18px,#a94b3b4d 19px,transparent 20px),repeating-linear-gradient(0deg,transparent 0 28px,#b2665233 29px,#b2665233 30px)}.final-letter:after{content:"";position:absolute;right:-1px;bottom:-1px;width:27px;height:27px;background:linear-gradient(135deg,#e8cca0 0 48%,#a84635 50% 53%,#f8ebce 55%);box-shadow:-4px -3px 8px #7d2b2052}.final-letter span{background:linear-gradient(90deg,#302018 50%,transparent 50%) 100%/200% 100% no-repeat;color:transparent;background-clip:text;-webkit-background-clip:text}.scene11.is-active .final-letter span{animation:inkReveal 2.5s .7s forwards}
.donation-collage{position:absolute;left:5%;right:5%;top:49%;height:28%}.donation-photo{position:absolute;border:6px solid #ebd7b0;background:#ead9b7;box-shadow:0 14px 28px #17040399;overflow:hidden}.donation-photo img{width:100%;height:100%;object-fit:cover}.donation-photo.main{left:17%;top:0;width:58%;height:100%;z-index:2}.donation-photo.side-a{left:0;top:15%;width:34%;height:72%;transform:rotate(-8deg)}.donation-photo.side-b{right:0;top:13%;width:34%;height:72%;transform:rotate(8deg)}
.archive-seal{position:absolute;z-index:4;right:8%;bottom:2%;width:64px;height:64px;border:3px double #a4261e;border-radius:50%;display:grid;place-items:center;color:#a4261e;background:#ead9b7cc;font:18px KaiTi,serif;transform:rotate(-14deg);animation:sealBreath 2.2s ease-in-out infinite}
.final-actions{position:absolute;left:7%;right:7%;bottom:7%;display:flex;gap:12px}.final-actions button{flex:1;min-height:46px;border:1px solid #dfb76e;background:#762218;color:#f5dba5;border-radius:24px}.final-date{position:absolute;left:0;right:0;bottom:3.8%;text-align:center;font:10px Georgia,serif;letter-spacing:.16em;color:#cda86c}

/* Shared dialogs */
.story-dialog{position:relative;width:min(90%,500px);max-height:90%;overflow:auto;border:1px solid #f0d5a7;border-radius:20px;background-color:#f0dfbd;background-image:linear-gradient(90deg,transparent 0 27px,#ae4a3942 28px,#ae4a3942 29px,transparent 30px),repeating-linear-gradient(0deg,transparent 0 31px,#b2665226 32px,#b2665226 33px),linear-gradient(145deg,#f9ecd1,#e4c491);color:#35231b;padding:25px 22px 22px 34px;box-shadow:0 30px 90px #260906b3,0 0 0 7px #f6e6c52b;font-family:var(--font-body)}.story-dialog:before{content:"影像档案 · NEWS ARCHIVE";display:block;margin:-5px 48px 16px 0;padding-bottom:10px;border-bottom:1px solid #a9463652;color:#9c382b;font:9px var(--font-ui);letter-spacing:.18em}.story-dialog::backdrop{background:radial-gradient(circle at 50% 44%,#713025b8,#260806e8);backdrop-filter:blur(7px)}
#storyQuizDialog:before{content:"互动档案 · NEWS INTERACTIVE"}#storyPosterDialog:before{content:"专题海报 · SHARE POSTER"}
.story-dialog .dialog-close{position:absolute;right:12px;top:11px;z-index:3;width:38px;height:38px;border:1px solid #ad493979;border-radius:50%;background:#f7e7c9;color:#96372c;font:22px/1 var(--font-ui);padding:0;box-shadow:0 5px 14px #73302530}.story-dialog img,.story-dialog video{display:block;width:100%;max-height:62vh;object-fit:contain;background:#25100d;border:6px solid #f8ead0;border-radius:13px;box-shadow:0 15px 35px #5f251b45}.story-dialog h3{font:400 27px/1.25 var(--font-title);color:#72291f;margin:8px 46px 14px 0}.story-dialog .dialog-note{font:11px/1.8 var(--font-ui);color:#7e6251}.quiz-options{display:grid;gap:10px}.quiz-options button{position:relative;min-height:50px;border:1px solid #b64d3c73;border-radius:15px;background:#fff4dac7;color:#4d2c22;padding:10px 16px 10px 34px;text-align:left;font:14px var(--font-body);box-shadow:0 6px 16px #72302522;transition:transform .2s,background .2s}.quiz-options button:before{content:"";position:absolute;left:15px;top:50%;width:7px;height:7px;border:1px solid #a54031;border-radius:50%;transform:translateY(-50%)}.quiz-options button:active{transform:scale(.98)}.quiz-options button.is-wrong{animation:shake .35s;background:#d8b59d;color:#64281f}.quiz-options button.is-correct{background:#a84231;color:#fff0c9;box-shadow:0 10px 24px #8b35294a}.quiz-options button.is-correct:before{background:#ffe2a2;border-color:#ffe2a2}.quiz-feedback{font:13px/1.8 var(--font-body);color:#693629}.poster-canvas{display:block;width:100%;height:auto;background:#ead9b7;border-radius:12px;box-shadow:0 12px 26px #67302542}.poster-actions{display:flex;gap:10px;margin-top:14px}.poster-actions button{flex:1;min-height:46px;border:1px solid #a9473775;border-radius:24px;background:#a64030;color:#fff0c9;font:12px var(--font-ui);box-shadow:0 7px 16px #71302532}

@media(max-width:430px){.story-head h2{font-size:clamp(22px,7cqw,32px)!important;line-height:1.12!important;letter-spacing:.02em!important;white-space:nowrap}.story-head .dek{font-size:clamp(10px,2.6cqw,13px)!important;line-height:1.5!important}.story-dialog .dialog-close{display:grid!important;place-items:center;min-width:44px;min-height:44px;right:6px;top:6px}}

@keyframes storyLight{to{transform:translateX(9%) scale(1.04)}}@keyframes documentaryPush{from{transform:scale(1.07)}to{transform:scale(1.14) translateX(-1%)}}
@keyframes inkReveal{to{background-position:0 0}}@keyframes penHover{50%{transform:rotate(-16deg) translateY(-7px)}}@keyframes flame{to{transform:scale(.82,1.14) rotate(4deg)}}
@keyframes staticShift{to{background-position:11px -8px}}@keyframes scan{to{background-position:0 90px}}@keyframes redLine{to{transform:scaleX(1)}}
@keyframes trackLight{to{transform:translateX(100%)}}@keyframes nodePulse{70%{box-shadow:0 0 0 12px #e8bd6d00}}@keyframes typeNote{to{opacity:1}}
@keyframes ribbonFlow{50%{filter:drop-shadow(0 0 18px #ffe59a);transform:rotate(-6deg) scaleX(1.08)}}@keyframes wave{to{height:25px}}@keyframes rays{to{transform:rotate(4deg) scale(1.06);opacity:.7}}
@keyframes sealBreath{50%{transform:rotate(-12deg) scale(1.06)}}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

@media(max-height:700px){.story-head{top:3.5%}.story-head h2{font-size:27px}.s3-portrait,.light-lab,.tv-room,.tax-doc{top:17%}.s3-portrait{height:47%}.s3-quote{top:57%}.life-viewport{top:17%;height:65%}.puzzle-board{top:17%;width:auto}.legacy-stage{top:17%;height:46%}.legacy-quote{top:66%}}
@media(prefers-reduced-motion:reduce){.story-screen:before,.scene3.is-active .s3-portrait img,.lamp:before,.tv-screen:before,.tv-screen:after,.spending-chart:before,.money-item .dot,.legacy-ribbon,.final-rays,.archive-seal{animation:none!important}.story-screen .reveal{transition-duration:.2s}.scene7.is-active .money-item .bar{transition-duration:.2s}}

/* Screen 10 — documentary relay: authentic portraits, complete quotes, one flowing visual axis. */
.scene10{background:#d7b97d;color:#3b271c;background-image:linear-gradient(90deg,#6d2017 0 3.5%,transparent 3.5% 96.5%,#6d2017 96.5%),radial-gradient(circle at 50% 35%,#f2dfb2 0,#d9bd83 61%,#b98a55 100%)}
.scene10:before{opacity:.21;background-image:radial-gradient(circle at 20% 13%,#fff8d5 0 1px,transparent 1.5px),repeating-linear-gradient(4deg,#5b2c1807 0 1px,transparent 1px 5px);background-size:31px 31px,auto}
.scene10 .story-head{top:4.6%;color:#4b2b1d}.scene10 .story-head .archive-tag{border-color:#7f261f66;background:#7f261f;color:#f3ddb0}.scene10 .story-head h2{color:#671f19;text-shadow:none}.scene10 .story-head>p:last-child{color:#684735}
.scene10 .legacy-stage{position:absolute;left:7%;right:7%;top:18.5%;height:35%;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:0;align-items:center}
.legacy-person{position:relative;height:100%;margin:0;overflow:hidden;border:1px solid #74261fb0;background:#b98f59;box-shadow:0 14px 28px #4b1c153d,inset 0 0 0 5px #f4e3bd55}
.legacy-person:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,#29130ddd 100%)}
.legacy-person img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.85) contrast(1.04)}
.legacy-father img{object-position:50% 43%}.legacy-daughter img{object-position:46% 44%}
.legacy-person figcaption{position:absolute;z-index:2;left:12px;right:8px;bottom:10px;color:#fff3d1;text-shadow:0 1px 5px #120604}.legacy-person figcaption b{display:block;font:18px var(--font-title);letter-spacing:.14em}.legacy-person figcaption small{display:block;margin-top:3px;font:10px var(--font-body);letter-spacing:.1em;color:#dfc999}
.legacy-phone-mark{position:absolute;right:10px;top:10px;z-index:3;width:20px;height:30px;border:1px solid #f1d693;border-radius:3px;color:transparent;box-shadow:0 0 10px #f6d4818c}.legacy-phone-mark:before{content:"";position:absolute;left:4px;right:4px;bottom:3px;border-top:1px solid #f1d693}
.scene10 .legacy-ribbon{position:relative;left:auto;right:auto;top:auto;width:42px;height:100%;background:none;filter:none;transform:none;animation:none;overflow:visible;z-index:4}
.legacy-ribbon:before,.legacy-ribbon span{content:"";position:absolute;left:-13px;top:50%;width:68px;height:2px;transform:rotate(-9deg);transform-origin:left center;background:linear-gradient(90deg,#7f251f,#e2b45f 45%,#7f251f);box-shadow:0 0 9px #f0c66f;opacity:.92}
.legacy-ribbon span{top:53%;height:1px;transform:rotate(8deg);opacity:.48}
.scene10.is-active .legacy-ribbon:before{animation:legacyDraw 1.2s .55s both}.scene10.is-active .legacy-ribbon span{animation:legacyDraw 1.2s .8s both}
@keyframes legacyDraw{from{clip-path:inset(0 100% 0 0);filter:brightness(2)}to{clip-path:inset(0);filter:brightness(1)}}
.legacy-father-quote,.legacy-daughter-quote{position:absolute;margin:0;color:#3c281d;font-family:var(--font-body);font-style:normal;line-height:1.58;background:#f5e5c5cc;border-left:3px solid #8c2b22;box-shadow:0 7px 18px #54231720;padding:9px 11px}.legacy-father-quote{left:7%;right:7%;top:55.2%;font-size:12px}.legacy-daughter-quote{left:7%;right:7%;top:65.4%;font-size:11.5px}.legacy-father-quote cite,.legacy-daughter-quote cite{display:block;margin-top:3px;text-align:right;color:#812a22;font-style:normal;font-size:10px;letter-spacing:.12em}
.scene10.is-active .legacy-father-quote{transition-delay:.75s}.scene10.is-active .legacy-daughter-quote{transition-delay:1.15s}
.scene10 .legacy-audio{position:absolute;left:7%;right:auto;bottom:7.4%;width:56%;height:45px;border:1px solid #7b281f;background:#76251ee8;color:#f7e3b8;border-radius:2px;display:flex;align-items:center;padding:0 12px;gap:9px;box-shadow:0 7px 16px #5220182f}.legacy-audio b{display:block;font:12px var(--font-title);letter-spacing:.08em}.legacy-audio small{display:block;color:#d7bd8c;font-size:9px;margin-top:2px}.scene10 .audio-bars i{background:#f1d18a}
.scene10 .continue-story{right:7%;bottom:7.4%;width:29%;height:45px;min-height:0;border:1px solid #8b4a30;background:#e7cc98b8;color:#69251e;font-size:10px;letter-spacing:.08em}
.scene10 .story-back{color:#69251e}.scene10 .story-page{color:#7f4b36}
@media(max-height:700px){.scene10 .legacy-stage{top:17%;height:34%}.legacy-father-quote{top:53%}.legacy-daughter-quote{top:63.5%;font-size:10.8px;line-height:1.48}.scene10 .legacy-audio,.scene10 .continue-story{bottom:6.7%}}

/* Screen 10 final direction — red archive field and one continuous inheritance ribbon. */
.scene10{background:#7f211a;color:#f4dfb5;background-image:radial-gradient(ellipse at 50% 36%,#b94832 0,#8e2a20 49%,#56140f 100%)}
.scene10:before{opacity:.32;background-image:radial-gradient(circle at 20% 13%,#f8d58a 0 1px,transparent 1.5px),repeating-linear-gradient(4deg,#17070416 0 1px,transparent 1px 5px);background-size:31px 31px,auto}
.scene10:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #260604b8;background:linear-gradient(90deg,#26080655,transparent 13% 87%,#26080655)}
.scene10 .story-head{z-index:8;top:4.5%;color:#f0cf91}.scene10 .story-head .archive-tag{border-color:#e0b86677;background:#4f100dbd;color:#f4d694}.scene10 .story-head h2{color:#fff0c5;text-shadow:0 2px 14px #340704}.scene10 .story-head>p:last-child{color:#d8b985}
.scene10 .legacy-stage{z-index:3;left:7%;right:7%;top:18%;height:32%;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}
.scene10 .legacy-person{border-color:#d5ad617d;background:#55140f;box-shadow:0 17px 32px #28050391,inset 0 0 0 4px #efce8152;clip-path:polygon(0 0,96% 2%,100% 96%,4% 100%)}
.scene10 .legacy-daughter{clip-path:polygon(4% 2%,100% 0,96% 100%,0 96%)}
.scene10 .legacy-person img{filter:sepia(.2) saturate(.78) contrast(1.08)}
.scene10 .legacy-person:after{background:linear-gradient(180deg,transparent 43%,#2b0805ed 100%)}
.scene10 .legacy-ribbon{position:relative;width:52px;height:100%;overflow:visible;z-index:6;background:none;filter:none;transform:none;animation:none}
.scene10 .legacy-ribbon:before,.scene10 .legacy-ribbon:after,.scene10 .legacy-ribbon i{content:"";position:absolute;left:-18px;top:48%;width:88px;height:5px;border-radius:50%;transform:rotate(-8deg);transform-origin:left center;background:linear-gradient(90deg,#8b251d00,#f8d57c 25%,#fff0ad 52%,#b42d22 82%,#8b251d00);box-shadow:0 0 5px #ffd985,0 0 18px #f0a83d;clip-path:inset(0 100% 0 0)}
.scene10 .legacy-ribbon:after{top:52%;height:2px;transform:rotate(7deg);opacity:.72}.scene10 .legacy-ribbon i:nth-child(1){top:45%;height:1px;transform:rotate(15deg);opacity:.55}.scene10 .legacy-ribbon i:nth-child(2){top:55%;height:2px;transform:rotate(-16deg);opacity:.45}.scene10 .legacy-ribbon i:nth-child(3){top:50%;height:7px;filter:blur(4px);opacity:.38}
.scene10.is-active .legacy-ribbon:before,.scene10.is-active .legacy-ribbon:after,.scene10.is-active .legacy-ribbon i{animation:legacyDraw 1.75s .45s cubic-bezier(.22,.7,.2,1) forwards}.scene10.is-active .legacy-ribbon:after{animation-delay:.65s}.scene10.is-active .legacy-ribbon i:nth-child(1){animation-delay:.8s}.scene10.is-active .legacy-ribbon i:nth-child(2){animation-delay:.95s}.scene10.is-active .legacy-ribbon i:nth-child(3){animation-delay:.55s}
.legacy-words{position:absolute;z-index:4;left:7%;right:7%;top:52%;height:auto;display:grid;grid-template-columns:42% 55%;gap:3%;align-items:start}
.scene10 .legacy-father-quote,.scene10 .legacy-daughter-quote{position:relative;left:auto;right:auto;top:auto;margin:0;padding:9px 0 8px 12px;background:linear-gradient(90deg,#3e0b08a8,transparent);border:0;border-left:2px solid #dcad5d;box-shadow:none;color:#f9e7bf;font-size:11px;line-height:1.62;font-family:var(--font-body)}
.scene10 .legacy-daughter-quote{background:linear-gradient(90deg,#5a120eb3,transparent);font-size:10.5px}
.legacy-words blockquote span{display:block;opacity:0;transform:translateY(7px);filter:blur(3px)}
.scene10.is-active .legacy-words blockquote span{animation:legacyLine .7s forwards}.scene10.is-active .legacy-father-quote span:nth-child(1){animation-delay:1.05s}.scene10.is-active .legacy-father-quote span:nth-child(2){animation-delay:1.35s}.scene10.is-active .legacy-father-quote span:nth-child(3){animation-delay:1.65s}.scene10.is-active .legacy-daughter-quote span:nth-child(1){animation-delay:1.35s}.scene10.is-active .legacy-daughter-quote span:nth-child(2){animation-delay:1.65s}.scene10.is-active .legacy-daughter-quote span:nth-child(3){animation-delay:1.95s}.scene10.is-active .legacy-daughter-quote span:nth-child(4){animation-delay:2.25s}.scene10.is-active .legacy-daughter-quote span:nth-child(5){animation-delay:2.55s}
@keyframes legacyLine{to{opacity:1;transform:none;filter:blur(0)}}
.scene10 .legacy-father-quote cite,.scene10 .legacy-daughter-quote cite{color:#e7bf73;opacity:0}.scene10.is-active .legacy-father-quote cite{animation:legacyLine .6s 1.95s forwards}.scene10.is-active .legacy-daughter-quote cite{animation:legacyLine .6s 2.9s forwards}
.scene10 .legacy-audio{z-index:6;left:7%;bottom:13.4%;width:54%;height:44px;border-color:#d8a84f99;background:#4c0e0bd9;color:#f7dfa7;box-shadow:0 8px 20px #27060478}.scene10 .continue-story{z-index:6;right:7%;bottom:13.4%;width:31%;height:44px;border-color:#d9ad60a8;background:#d3a85322;color:#f1ce88}.scene10 .story-back,.scene10 .story-page{z-index:7;color:#d8b06d}
@media(max-height:700px){.scene10 .legacy-stage{top:17%;height:30%}.legacy-words{top:49%;height:auto}.scene10 .legacy-father-quote,.scene10 .legacy-daughter-quote{font-size:9.8px;line-height:1.5}.scene10 .legacy-audio,.scene10 .continue-story{bottom:10.4%}}
.scene10:before{animation:none!important;background-image:repeating-linear-gradient(4deg,#17070416 0 1px,transparent 1px 5px)!important;background-size:auto!important}

/* Screen 11 — final archival offering. */
.scene11{background:#711b16;color:#f3d79c;background-image:radial-gradient(ellipse at 50% 35%,#ad3e2d 0,#7b2119 56%,#43100d 100%)}
.scene11:before{animation:none!important;opacity:.22;background-image:repeating-linear-gradient(3deg,#19070414 0 1px,transparent 1px 5px)}
.scene11 .story-head{top:4.3%;z-index:7}.scene11 .story-head h2{color:#fff0c5;text-shadow:0 2px 14px #310604}.scene11 .story-head>p:last-child{color:#ddb977}
.scene11 .final-rays{inset:-18% -38% 28%;opacity:.65;animation:rays 8s ease-in-out infinite alternate}
.final-archive{position:absolute;z-index:3;left:7%;right:7%;top:18%;height:35%}
.final-stack{position:absolute;left:2%;bottom:0;width:54%;height:36%}.final-stack i{position:absolute;left:calc(var(--n)*1.2%);right:calc((5 - var(--n))*1.2%);bottom:calc(var(--n)*5px);height:35px;border:1px solid #c9a25a;background:linear-gradient(180deg,#f0dfb5,#b98f51);box-shadow:0 4px 8px #25060466;transform:translateY(110px)}
.scene11.is-active .final-stack i{animation:calendarRise .75s calc(.18s + var(--n)*.11s) cubic-bezier(.2,.72,.24,1) forwards}
@keyframes calendarRise{to{transform:translateY(0)}}
.final-page{position:absolute;z-index:3;left:3%;top:0;width:64%;height:72%;box-sizing:border-box;padding:16px 14px 14px 22px;color:#37241a;background-color:#f0ddb5;background-image:linear-gradient(90deg,transparent 0 16px,#a441343f 17px,#a441343f 18px,transparent 19px),repeating-linear-gradient(0deg,transparent 0 27px,#8e513021 28px);border:1px solid #e7c984;box-shadow:0 15px 28px #2a06058c;transform-origin:left bottom}
.scene11.is-active .final-page{animation:pageClose 1.1s 1.45s cubic-bezier(.5,0,.25,1) both}@keyframes pageClose{0%{transform:perspective(700px) rotateY(-13deg)}55%{transform:perspective(700px) rotateY(2deg)}100%{transform:none}}
.final-page time{display:block;color:#8e2f26;font:11px var(--font-ui);letter-spacing:.1em}.final-page p{margin:19px 0 8px;font:17px/1.8 var(--font-body)}.final-page strong{color:#85261f;font-weight:500}.final-page small{font:9px var(--font-ui);color:#806552;letter-spacing:.06em}
.final-silhouette{position:absolute;z-index:4;right:-2%;bottom:0;width:43%;height:94%;margin:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.final-silhouette img{width:100%;height:100%;object-fit:cover;object-position:49% 38%;filter:sepia(.5) saturate(.45) brightness(.46) contrast(1.35);mix-blend-mode:multiply}.final-silhouette:after{content:"陈治国 · 85岁";position:absolute;right:7px;bottom:7px;color:#efcf8e;font:9px var(--font-ui);letter-spacing:.1em}
.final-video{position:absolute;z-index:4;left:7%;right:7%;top:55%;height:20%;padding:0;border:1px solid #d4aa5d;background:#43100d;overflow:hidden;box-shadow:0 13px 25px #2b070587}.final-video img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:brightness(.72) saturate(.78)}.final-video:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#270706cf 0,#2707063d 58%,transparent)}.final-video span{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;text-align:left;color:#f7dfaa}.final-video span b{grid-row:1/3;align-self:center;width:24px;height:24px;border:1px solid #e5c47f;border-radius:50%;display:grid;place-items:center;font-size:9px}.final-video em{font:8px var(--font-ui);letter-spacing:.16em;color:#d9b66f}.final-video strong{font:12px var(--font-title);font-weight:400;letter-spacing:.08em}
.final-choice{position:absolute;z-index:4;left:7%;right:7%;top:77%;height:7%;display:flex;align-items:center;gap:8px;border-top:1px solid #d0a35c70;border-bottom:1px solid #d0a35c70;color:#e3c17c;font:9px var(--font-ui)}.final-choice span{white-space:nowrap}.final-choice select{min-width:0;flex:1;border:0;background:transparent;color:#fff0c6;font:10px var(--font-body);outline:0}.final-choice option{color:#3c1b15;background:#f0ddb5}
.scene11 .final-actions{left:7%;right:7%;bottom:8%;gap:8px}.scene11 .final-actions button{min-height:42px;border-radius:2px;background:#4c0e0bd9;border-color:#d6ad63;color:#f4d28d;font-size:11px}.scene11 .final-actions button:last-child{background:#d1a75a22}.scene11 .final-date{bottom:4.2%;color:#d9b574;font-size:9px}.scene11 .final-date b{color:#f1d391;font-weight:400}.scene11 .story-back,.scene11 .story-page{color:#d4ab66}
@media(max-height:700px){.final-archive{top:17%;height:33%}.final-video{top:52%;height:19%}.final-choice{top:73%}.scene11 .final-actions{bottom:7.2%}.scene11 .final-date{bottom:3.8%}}

/* Screen 11 correction — readable documentary portrait and real calendar covers. */
.scene11 .final-archive{left:7%;right:7%;top:18%;height:36%;overflow:visible}
.final-documentary{position:absolute;z-index:1;left:0;right:0;top:0;height:78%;margin:0;overflow:hidden;border:1px solid #d8b66f;background:#3c0c09;box-shadow:0 15px 30px #2505048c}
.final-documentary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2c0806cc 0,#2c08061d 50%,transparent 78%),linear-gradient(0deg,#260706c7,transparent 43%)}
.final-documentary img{width:100%;height:100%;object-fit:cover;object-position:57% 44%;filter:sepia(.12) saturate(.8) brightness(.92) contrast(1.03)}
.final-documentary figcaption{position:absolute;z-index:2;left:14px;bottom:13px;color:#fff0c5;text-align:left}.final-documentary figcaption b{display:block;font:18px var(--font-title);letter-spacing:.12em}.final-documentary figcaption span{display:block;margin-top:3px;font:9px var(--font-ui);color:#dbbc7c;letter-spacing:.08em}
.scene11 .final-stack{z-index:4;left:2%;bottom:-2%;width:39%;height:38%}.scene11 .final-stack img{position:absolute;left:calc(var(--n)*5px);bottom:calc(var(--n)*7px);width:62%;height:74%;object-fit:cover;object-position:top;border:2px solid #ead6a8;background:#ead6a8;box-shadow:0 5px 12px #26060496;transform:translateY(120px) rotate(calc((var(--n) - 2)*-1deg))}.scene11.is-active .final-stack img{animation:calendarRise .7s calc(.25s + var(--n)*.13s) cubic-bezier(.2,.72,.24,1) forwards}
.scene11 .final-page{z-index:5;left:34%;top:56%;width:64%;height:42%;padding:11px 10px 9px 17px;box-shadow:0 11px 22px #29060599;transform:rotate(-1deg)}.scene11 .final-page time{font-size:9px}.scene11 .final-page p{margin:8px 0 4px;font-size:13px;line-height:1.55}.scene11 .final-page small{font-size:7.5px}.scene11 .final-silhouette{display:none}
.scene11 .final-video{top:56%;height:18%}
@media(max-height:700px){.scene11 .final-archive{top:17%;height:34%}.scene11 .final-video{top:53%;height:18%}.scene11 .final-choice{top:73%}}

/* Screen 11 brief-accurate composition: centered closing page, small cutout pile, quiet elder. */
.scene11 .final-archive{left:6%;right:6%;top:18%;height:51%;overflow:visible}
.scene11 .final-documentary{display:none}
.scene11 .final-page{z-index:5;left:14%;top:0;width:72%;height:34%;padding:16px 14px 12px 24px;transform:none;box-shadow:0 16px 28px #2805048f}.scene11 .final-page time{font-size:10px}.scene11 .final-page p{margin:12px 0 5px;font-size:16px;line-height:1.65}.scene11 .final-page small{font-size:8px}
.scene11.is-active .final-page{animation:finalPageClose 1.25s 3.9s cubic-bezier(.4,0,.2,1) both}@keyframes finalPageClose{0%{transform:perspective(900px) rotateX(0);filter:brightness(1)}55%{transform:perspective(900px) rotateX(-5deg) translateY(2px);filter:brightness(.96)}100%{transform:perspective(900px) rotateX(0);filter:brightness(.92)}}
.scene11 .final-stack{z-index:4;left:17%;bottom:0;width:52%;height:59%;perspective:700px}
.scene11 .final-stack img{position:absolute;left:8%;bottom:calc(var(--n)*2.25px);width:76%;height:58%;object-fit:contain;object-position:center;background:transparent;border:0;box-shadow:0 3px 5px #2405045e;opacity:0;transform:translateY(120px) rotate(var(--tilt));filter:drop-shadow(0 4px 3px #27060570)}
.scene11.is-active .final-stack img{animation:finalPileLand .42s calc(.22s + var(--n)*.075s) cubic-bezier(.16,.82,.25,1) forwards}@keyframes finalPileLand{from{opacity:0;transform:translateY(115px) rotate(calc(var(--tilt) + 2deg))}to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}
.scene11 .final-silhouette{display:block;z-index:3;right:-1%;left:auto;top:25%;bottom:auto;width:34%;height:71%;margin:0;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 88%,transparent 100%)}.scene11 .final-silhouette img{width:100%;height:100%;object-fit:cover;object-position:48% 38%;filter:sepia(.28) saturate(.68) brightness(.86) contrast(1.08);mix-blend-mode:multiply}.scene11 .final-silhouette:after{display:none}.scene11 .final-silhouette figcaption{position:absolute;right:9px;bottom:5px;color:#f0cf8a;font:8px var(--font-ui);letter-spacing:.08em;text-shadow:0 1px 4px #2a0705}
.scene11 .final-video{z-index:7;left:auto;right:7%;top:69%;width:auto;height:34px;padding:0 11px;border:1px solid #d3a85e;background:#4b0d0bd9;box-shadow:0 6px 14px #2b05045e;color:#f3d28f;display:flex;align-items:center;gap:6px}.scene11 .final-video img,.scene11 .final-video:after{display:none}.scene11 .final-video b{font-size:13px}.scene11 .final-video span{position:static;display:block;transform:none;color:#f3d28f;font:9px var(--font-ui);white-space:nowrap}
.scene11 .final-choice{top:75%;height:7%}.scene11 .final-actions{bottom:8%}.scene11 .final-date{bottom:4.2%}
@media(max-height:700px){.scene11 .final-archive{top:17%;height:49%}.scene11 .final-video{top:67%}.scene11 .final-choice{top:73%}.scene11 .final-actions{bottom:7%}}

/* Screen 11 demo-based finale with the title-screen stack turned horizontally. */
.scene11 .story-head{top:4.1%;text-align:center}.scene11 .story-head h2{font-size:26px;line-height:1.35;max-width:92%;margin-left:auto;margin-right:auto}.scene11 .story-head .dek{font-size:10px}
.scene11 .final-archive{left:7%;right:7%;top:20%;height:25%;overflow:visible}
.scene11 .final-stack{z-index:3;left:1%;bottom:0;width:75%;height:50%;perspective:700px}
.scene11 .final-stack img{left:calc(var(--n)*.9%);bottom:calc(var(--n)*.3px);width:43%;height:100%;object-fit:contain;object-position:center;background:transparent;border:0;box-shadow:0 3px 5px #2405045e;opacity:0;transform:translate(-90px,70px) rotate(var(--tilt));filter:drop-shadow(0 3px 3px #27060569)}
.scene11.is-active .final-stack img{animation:finalPileHorizontal .42s calc(.18s + var(--n)*.07s) cubic-bezier(.16,.82,.25,1) forwards}@keyframes finalPileHorizontal{to{opacity:1;transform:translate(0,0) rotate(var(--tilt))}}
.scene11 .final-page{z-index:5;left:3%;top:0;width:61%;height:53%;padding:10px 12px 9px 19px;transform:rotate(-1deg);box-shadow:0 12px 24px #2805048f}.scene11 .final-page time{font-size:9px}.scene11 .final-page p{margin:8px 0 0;font-size:12px;line-height:1.55}.scene11.is-active .final-page{animation:finalPageClose 1.1s 3.6s cubic-bezier(.4,0,.2,1) both}
.scene11 .final-silhouette{right:-1%;top:2%;width:35%;height:100%;mask-image:linear-gradient(90deg,transparent 0,#000 23%,#000 93%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 23%,#000 93%)}.scene11 .final-silhouette img{filter:sepia(.32) saturate(.63) brightness(.78) contrast(1.08)}
.scene11 .final-donation{position:absolute;z-index:4;left:7%;right:7%;top:47%;height:25%;margin:0}.scene11 .final-donation .donation-photo{padding:3px;border:0;background:#ead9b7;box-shadow:0 9px 20px #23050487}.scene11 .final-donation .donation-photo picture,.scene11 .final-donation .donation-photo img{display:block;width:100%;height:100%;object-fit:cover}.scene11 .final-donation .photo-main{left:2%;top:2%;width:68%;height:75%;transform:rotate(-2deg)}.scene11 .final-donation .photo-side{right:0;left:auto;top:18%;width:43%;height:51%;transform:rotate(4deg)}.scene11 .final-donation .photo-detail{right:10%;bottom:0;width:50%;height:37%;transform:rotate(-1deg)}.scene11 .final-donation .archive-seal{left:3%;right:auto;bottom:1%;width:48px;height:48px;font-size:13px}
.scene11 .final-donation .final-video{right:0;top:auto;bottom:-4px;width:auto;height:30px;padding:0 9px;transform:none;z-index:8}.scene11 .final-donation .final-video span{font-size:8px}
.scene11 .final-choice{top:74%;height:6.5%}.scene11 .final-actions{bottom:8%;}.scene11 .final-date{bottom:4.3%}
@media(max-height:700px){.scene11 .story-head h2{font-size:23px}.scene11 .final-archive{top:19%;height:24%}.scene11 .final-donation{top:45%;height:24%}.scene11 .final-choice{top:71%}.scene11 .final-actions{bottom:7%}}

/* Screen 3 — restore the production brief: illustration left, written narrative right. */
.scene3{background:#e4c994;color:#3d2a1f}
.scene3:before{opacity:1!important;background:radial-gradient(circle at 18% 12%,rgba(255,248,213,.72),transparent 34%),repeating-linear-gradient(7deg,rgba(92,62,35,.025) 0 1px,transparent 1px 5px),linear-gradient(145deg,#f1dfb8,#d8b77d 72%,#c99b61)!important;filter:none!important}
.scene3:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(83,48,27,.08),transparent 38% 70%,rgba(101,55,31,.07)),radial-gradient(ellipse at center,transparent 55%,rgba(97,55,30,.12));mix-blend-mode:multiply}
.scene3 .story-head{z-index:6;left:6%;right:6%;top:5%}
.scene3 .story-head .chapter{color:#8d3528}
.scene3 .story-head h2{color:#39261c;text-shadow:none}
.scene3 .story-head .dek{color:#75533b}
.scene3 .s3-portrait{left:4%;right:auto;top:20%;width:49%;height:64%;border:1px solid rgba(111,71,39,.28);box-shadow:0 18px 34px rgba(79,43,25,.2);clip-path:polygon(0 1%,98% 0,100% 98%,2% 100%)}
.scene3 .s3-portrait img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:sepia(.12) saturate(.78) contrast(1.03);transform:scale(1.025)}
.scene3 .s3-portrait:after{background:linear-gradient(90deg,transparent 68%,rgba(225,199,151,.3)),linear-gradient(180deg,rgba(255,238,194,.08),transparent 70%,rgba(74,39,23,.12))}
.scene3 .s3-first{display:none!important}
.scene3 .s3-quote{right:4.5%;top:24%;width:42%;padding:20px 5px 18px 16px;border:0;border-left:2px solid rgba(145,54,38,.62);background:transparent;box-shadow:none;transform:none;color:#3b291f;font:calc(3.25 * var(--h5-unit,3.9px))/2 KaiTi,STKaiti,serif}
.scene3 .s3-quote:before{content:"1987 · 第一本记录";margin:0 0 14px;color:#9a3e2f;font:calc(2.25 * var(--h5-unit,3.9px))/1.3 "Microsoft YaHei",sans-serif;letter-spacing:.16em}
.scene3 .s3-quote:after{display:none}
.scene3 .s3-quote .s3-line{display:block;margin-bottom:14px;color:#3b291f;background:none;opacity:0;transform:translateY(10px)}
.scene3 .s3-quote .s3-line.emphasis{color:#8e3327;font-size:1.12em;font-weight:700}
.scene3.is-active .s3-quote .s3-line{animation:s3ParagraphReveal .72s ease forwards}
.scene3.is-active .s3-quote .s3-line:nth-child(1){animation-delay:.7s}
.scene3.is-active .s3-quote .s3-line:nth-child(2){animation-delay:1.55s}
.scene3.is-active .s3-quote .s3-line:nth-child(3){animation-delay:2.45s}
.scene3.is-returned .s3-quote .s3-line{opacity:1;transform:none;animation:none}
.scene3 .s3-video{left:34%;right:auto;top:73%;z-index:8;border-color:#8d3729;background:rgba(112,39,29,.92);color:#fff1d3}
.scene3 .s3-video b{background:#f0d39a;color:#6c251c}
.scene3 .pen-shadow{display:none}
.scene3 .story-back,.scene3 .story-page{color:#68432d}
@keyframes s3ParagraphReveal{to{opacity:1;transform:translateY(0)}}
@media(max-height:700px){.scene3 .s3-portrait{top:18%;height:62%}.scene3 .s3-quote{top:21%;font-size:calc(2.85 * var(--h5-unit,3.9px))}.scene3 .s3-video{top:70%}}

/* Screen 3 editorial composition: factual hierarchy, complete writing scene, interview entry. */
.scene3 .story-head{top:4.5%}
.scene3 .story-head .chapter{margin-bottom:5px}
.scene3 .story-head h2{font-size:clamp(31px,9cqw,44px)}
.scene3 .story-head .dek{display:none}
.scene3 .s3-portrait{left:-7%;top:38%;width:72%;height:47%;border:0;box-shadow:0 18px 34px rgba(62,38,23,.2);clip-path:polygon(0 3%,97% 0,100% 96%,3% 100%)}
.scene3 .s3-portrait img{object-position:55% center;transform:scale(1.03)}
.scene3 .s3-portrait:after{background:linear-gradient(90deg,transparent 56%,rgba(229,207,166,.5) 88%,rgba(229,207,166,.88)),linear-gradient(180deg,rgba(255,241,205,.08),transparent 65%,rgba(74,39,23,.14))}
.scene3 .s3-quote{right:4.5%;top:18.5%;width:48%;padding:18px 4px 12px 18px;border-left:1px solid rgba(145,54,38,.55);font-size:clamp(13px,3.55cqw,17px);line-height:1.78}
.scene3 .s3-quote:before{content:"1987 / 时间档案";margin-bottom:13px;font-size:clamp(9px,2.25cqw,11px)}
.scene3 .s3-quote .s3-line{margin-bottom:8px}
.scene3 .s3-quote .date{color:#8e3327;font:bold clamp(15px,4.1cqw,20px)/1.35 var(--font-title);letter-spacing:.05em}
.scene3 .s3-quote .context{color:#5d4637;font-size:.88em}
.scene3 .s3-quote .emphasis{margin:10px 0 14px;color:#6f291f;font-size:1.08em;line-height:1.75;font-weight:700}
.scene3 .s3-quote .coda{margin-top:13px;padding-top:11px;border-top:1px solid rgba(122,72,43,.25);color:#38271f;font-size:.94em}
.scene3 .s3-quote .coda b{color:#8e3327;font-size:1.22em}
.scene3 .s3-video{left:auto;right:5%;top:auto;bottom:9%;min-width:46%;justify-content:flex-start;padding:7px 14px 7px 9px;border:1px solid rgba(112,39,29,.68);border-radius:3px;background:rgba(244,226,190,.9);color:#512d22;box-shadow:0 10px 24px rgba(67,34,20,.16);text-align:left}
.scene3 .s3-video b{flex:0 0 auto;width:32px;height:32px;background:#8b3025;color:#f7e4ba}
.scene3 .s3-video span{display:grid;gap:2px;font:13px/1.15 var(--font-title)}
.scene3 .s3-video small{color:#9a4b3c;font:8px/1 var(--font-ui);letter-spacing:.18em}
.scene3.is-active .s3-quote .s3-line:nth-child(1){animation-delay:.55s}
.scene3.is-active .s3-quote .s3-line:nth-child(2){animation-delay:1.15s}
.scene3.is-active .s3-quote .s3-line:nth-child(3){animation-delay:1.75s}
.scene3.is-active .s3-quote .s3-line:nth-child(4){animation-delay:2.75s}
@media(max-height:700px){.scene3 .s3-portrait{top:36%;height:45%}.scene3 .s3-quote{top:17%;font-size:12px;line-height:1.62}.scene3 .s3-quote .s3-line{margin-bottom:5px}.scene3 .s3-quote .emphasis{margin:5px 0 8px}.scene3 .s3-quote .coda{margin-top:7px;padding-top:7px}.scene3 .s3-video{top:auto;bottom:8%}}

/* Screen 3 approved composition: elder anchors the left; copy remains on the right. */
.scene3 .s3-portrait{left:2%;top:19%;width:57%;height:65%;clip-path:polygon(0 1%,98% 0,100% 98%,2% 100%)}
.scene3 .s3-portrait img{object-fit:cover;object-position:47% center;transform:scale(1.01)}
.scene3 .s3-portrait:after{background:linear-gradient(90deg,transparent 68%,rgba(225,199,151,.3)),linear-gradient(180deg,rgba(255,238,194,.08),transparent 70%,rgba(74,39,23,.12))}
.scene3 .s3-quote{right:3.5%;top:20%;width:43%;padding-left:15px}
.scene3 .s3-video{left:31%;right:auto;top:73%;bottom:auto;min-width:0;width:auto}
@media(max-height:700px){.scene3 .s3-portrait{top:18%;height:63%}.scene3 .s3-quote{top:18%}.scene3 .s3-video{left:29%;top:70%;bottom:auto}}

/* Screen 3 interview: control sits inside the illustration. */
.scene3 .s3-video{left:27%;top:73.5%;max-width:31%;padding:6px 10px 6px 7px;background:rgba(247,230,195,.92);box-shadow:0 7px 18px rgba(45,24,15,.22)}
.scene3 .s3-video b{width:29px;height:29px}
.scene3 .s3-video span{font-size:11px;white-space:nowrap}
.scene3 .s3-video small{font-size:7px}

/* Minimal video dialog with a restrained film-strip frame. */
.story-dialog.is-video{width:min(92%,560px);padding:0;border:1px solid rgba(236,214,173,.78);border-radius:2px;background:#120d0a;box-shadow:0 25px 80px rgba(19,7,4,.72);overflow:visible}
.story-dialog.is-video:before,.story-dialog.is-video h3,.story-dialog.is-video .dialog-note{display:none}
.story-dialog.is-video .dialog-close{right:-13px;top:-13px;width:32px;height:32px;border:1px solid #ead5ac;border-radius:50%;background:#221611;color:#f3dfb8;font-size:19px;box-shadow:0 5px 14px rgba(0,0,0,.45)}
.story-dialog.is-video .dialog-body{padding:0}
.story-dialog.is-video .film-frame{position:relative;padding:15px 8px;background:repeating-linear-gradient(90deg,#17100c 0 8px,#d8bd8a 8px 13px,#17100c 13px 24px) top/24px 8px repeat-x,repeating-linear-gradient(90deg,#17100c 0 8px,#d8bd8a 8px 13px,#17100c 13px 24px) bottom/24px 8px repeat-x,#17100c;box-shadow:inset 0 0 0 1px rgba(232,208,164,.55)}
.story-dialog.is-video .film-frame:before,.story-dialog.is-video .film-frame:after{content:"";position:absolute;top:8px;bottom:8px;width:5px;background:repeating-linear-gradient(0deg,#d8bd8a 0 7px,#17100c 7px 16px)}
.story-dialog.is-video .film-frame:before{left:0}.story-dialog.is-video .film-frame:after{right:0}
.story-dialog.is-video video{width:100%;max-height:76vh;border:0;border-radius:0;box-shadow:none;background:#000}

/* Match demo: the illustration owns the film edge; the video modal stays plain. */
.scene3 .s3-portrait{padding:8px 8px 27px;box-sizing:border-box;background:#16120f;box-shadow:11px 14px 0 rgba(108,76,42,.12),0 20px 42px rgba(46,29,16,.25);clip-path:none;transform:rotate(-.7deg)}
.scene3 .s3-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:47% center;filter:sepia(.15) contrast(1.05)}
.scene3 .s3-portrait:before,.scene3 .s3-portrait:after{content:"";position:absolute;z-index:3;top:8px;bottom:25px;width:5px;background:repeating-linear-gradient(0deg,#e5d0a4 0 4px,transparent 4px 10px);opacity:.7;pointer-events:none}
.scene3 .s3-portrait:before{left:2px}.scene3 .s3-portrait:after{right:2px}
.scene3 .s3-video{left:auto;right:42.5%;top:72.5%;width:36px;height:36px;min-width:36px;max-width:none;padding:0;border:0;border-radius:50%;background:rgba(245,234,209,.94);display:grid;place-items:center;box-shadow:0 7px 18px rgba(22,10,6,.34)}
.scene3 .s3-video b{width:28px;height:28px;background:#9f332a;color:#fff}
.scene3 .s3-video span{display:none}

.story-dialog.is-video{width:min(94%,720px);max-height:calc(100dvh - 20px);padding:5px;border:1px solid rgba(231,213,173,.3);border-radius:4px;background:#f1dfbd;box-shadow:0 24px 80px rgba(0,0,0,.42);overflow:auto}
.story-dialog.is-video .dialog-close{right:10px;top:10px;width:37px;height:37px;border:0;border-radius:50%;background:rgba(12,8,6,.55);color:#fff8e8;font:300 23px/1 Arial,sans-serif;box-shadow:none}
.story-dialog.is-video .film-frame{padding:5px;background:#110d0b;box-shadow:none}
.story-dialog.is-video .film-frame:before,.story-dialog.is-video .film-frame:after{display:none}
.story-dialog.is-video video{display:block;width:100%;max-height:calc(100dvh - 50px);object-fit:contain;border:0;background:#110d0b}
@media(max-height:700px){.scene3 .s3-video{left:auto;right:42.5%;top:69.5%}}

/* Screen 3 spacing and controls refinement. */
.scene3 .s3-portrait{left:1.5%;width:53%;padding:9px 9px 28px;border:2px dashed rgba(229,208,164,.82);background:
  repeating-linear-gradient(90deg,#e5d0a4 0 4px,transparent 4px 10px) 9px 2px/calc(100% - 18px) 5px repeat-x,
  repeating-linear-gradient(90deg,#e5d0a4 0 4px,transparent 4px 10px) 9px calc(100% - 25px)/calc(100% - 18px) 5px repeat-x,
  #16120f}
.scene3 .s3-portrait:before,.scene3 .s3-portrait:after{top:9px;bottom:28px}
.scene3 .s3-quote{right:2.5%;width:42%;padding-left:14px}
.scene3 .s3-video{left:25%;right:auto;top:72.5%;width:auto;height:38px;min-width:0;max-width:29%;display:flex;place-items:unset;gap:6px;padding:4px 9px 4px 5px;border:1px solid rgba(112,39,29,.5);border-radius:20px;background:rgba(245,234,209,.94)}
.scene3 .s3-video b{width:28px;height:28px;flex:0 0 28px}
.scene3 .s3-video span{display:grid;gap:1px;font-size:10px;white-space:nowrap}
.scene3 .s3-video small{font-size:6px;letter-spacing:.12em}
.scene3 .s3-hint{position:absolute;right:6%;bottom:8.5%;z-index:5;margin:0;color:rgba(92,58,38,.72);font:9px/1 var(--font-ui);letter-spacing:.16em}
.scene3 .s3-hint i{display:inline-block;width:18px;height:1px;margin:0 7px 3px 0;background:rgba(142,51,39,.55)}
.story-dialog.is-video{box-sizing:border-box;width:calc(100% - 24px);max-width:696px;margin:auto}
@media(max-height:700px){.scene3 .s3-video{left:24%;right:auto;top:69.5%}.scene3 .s3-hint{bottom:7.5%}}

.scene3 .story-head{top:7.5%}
.scene3 .s3-hint{display:none}
.story-dialog.is-video{box-sizing:border-box;width:min(calc(100vw - 32px),468px);max-width:min(calc(100vw - 32px),468px);margin:auto;padding:5px}
@media(max-height:700px){.scene3 .story-head{top:6%}}

/* Screen 4 — an interactive news reconstruction of rural electrification. */
.scene4{--s4-red:#8f2f25;background:radial-gradient(circle at 50% 18%,#5c251e,#2a100e 58%,#150807);color:#f4dfb1}
.scene4:before{opacity:.42;background:linear-gradient(180deg,rgba(16,6,5,.18),rgba(16,6,5,.7)),repeating-linear-gradient(90deg,transparent 0 74px,rgba(239,202,126,.025) 75px),linear-gradient(135deg,#7b2b21,#25100d 62%)!important}
.scene4 .story-head{top:4.5%;z-index:7}
.scene4 .story-head .chapter{color:#e5b56e}
.scene4 .story-head h2{font-size:clamp(30px,8.5cqw,43px)}
.scene4 .story-head .dek{color:#c9a675}
.scene4 .s4-handwriting{position:absolute;z-index:7;left:7%;right:7%;top:17%;margin:0;padding:0 0 0 14px;border-left:2px solid rgba(230,187,109,.65);color:#f1d8a6;font:clamp(11px,2.8cqw,14px)/1.72 var(--font-title);letter-spacing:.025em;text-align:justify;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.scene4 .light-lab{position:absolute;z-index:5;left:5%;right:5%;top:32%;height:39%;overflow:hidden;border:5px solid #e5d1a6;background:#100b09;box-shadow:0 22px 52px rgba(0,0,0,.52),0 0 0 1px rgba(229,209,166,.25);touch-action:none}
.scene4 .s4-stage{position:absolute;inset:0;overflow:hidden;background:#100b09}
.scene4 .s4-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity;filter:saturate(.88) contrast(1.04)}
.scene4 .s4-frame.is-dim{opacity:1}
.scene4 .s4-glow{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle at 51% 12%,rgba(255,248,205,.92) 0 2%,rgba(255,221,137,.42) 5%,rgba(255,194,91,.12) 18%,transparent 38%);opacity:calc(var(--light)/100);mix-blend-mode:screen;filter:blur(2px)}
.scene4 .s4-current{position:absolute;left:calc(var(--light) - 10%);top:-45%;width:20%;height:190%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,244,203,.18),rgba(255,255,238,.5),rgba(255,244,203,.18),transparent);filter:blur(14px);transform:rotate(7deg);opacity:calc(.18 + var(--light)/125)}
.scene4 .light-slider{position:absolute;z-index:12;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}
.scene4 .s4-handle{position:absolute;z-index:9;top:0;bottom:0;left:calc(var(--light-pos,6)*1%);width:2px;background:rgba(255,250,226,.92);box-shadow:0 0 14px rgba(255,222,132,.9);pointer-events:none;transform:translateX(-1px)}
.scene4 .s4-handle i{position:absolute;left:50%;top:52%;display:grid;place-items:center;width:35px;height:35px;border:2px solid #fff4d4;border-radius:50%;background:#9a3127;color:#fff;font:700 14px/1 Arial;box-shadow:0 7px 18px rgba(0,0,0,.45);transform:translate(-50%,-50%)}
.scene4 .s4-era{position:absolute;z-index:8;top:10px;color:#f6e8c8;text-shadow:0 2px 8px #000;font:12px/1.2 var(--font-title);pointer-events:none}.scene4 .s4-era small{display:block;margin-top:4px;font:8px/1 var(--font-ui);letter-spacing:.15em;color:rgba(255,242,211,.72)}
.scene4 .s4-era.left{left:13px}.scene4 .s4-era.right{right:13px;text-align:right}
.scene4 .light-caption{position:absolute;z-index:8;left:0;right:0;bottom:10px;margin:0;text-align:center;color:rgba(255,248,226,.82);font:9px/1 var(--font-ui);letter-spacing:.16em;text-shadow:0 2px 8px #000;pointer-events:none}
.scene4 .light-lab.is-lit{box-shadow:0 22px 52px rgba(0,0,0,.38),0 0 38px rgba(255,222,143,.34),0 0 0 1px rgba(255,239,198,.55)}
.scene4 .s4-actions{position:absolute;z-index:6;left:7%;right:7%;top:75%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(228,188,111,.3);border-bottom:1px solid rgba(228,188,111,.18)}
.scene4 .s4-actions span{display:grid;color:#d9b578}.scene4 .s4-actions b{font:27px/1 Georgia,serif}.scene4 .s4-actions small{margin-top:6px;font:8px/1 var(--font-ui);letter-spacing:.15em}
.scene4 .s4-actions button{min-height:44px;padding:0 18px;border:1px solid rgba(231,190,112,.62);border-radius:22px;background:rgba(111,34,27,.64);color:#f5dca8;font:12px var(--font-title);letter-spacing:.12em}
.scene4 .story-back,.scene4 .story-page{color:#c8a269}
@media(max-height:700px){.scene4 .story-head{top:3%}.scene4 .s4-handwriting{top:15%;font-size:10px;line-height:1.55}.scene4 .light-lab{top:29%;height:39%}.scene4 .s4-actions{top:72%}}

/* Global modal rule: restrained frame only, sized to the H5 canvas. */
.story-dialog,.story-dialog.is-video{box-sizing:border-box;width:min(calc(100vw - 32px),468px);max-width:min(calc(100vw - 32px),468px);max-height:calc(100dvh - 32px);margin:auto;padding:18px;border:1px solid rgba(229,208,164,.82);border-radius:3px;background:#efe0bf;background-image:none;box-shadow:0 18px 55px rgba(18,7,5,.48);overflow:auto}
.story-dialog:before{display:none!important}
.story-dialog::backdrop{background:rgba(20,8,6,.72);backdrop-filter:blur(3px)}
.story-dialog .dialog-close,.story-dialog.is-video .dialog-close{right:8px;top:8px;width:34px;height:34px;border:1px solid rgba(93,52,36,.38);border-radius:50%;background:rgba(246,231,200,.94);color:#5d3424;font:300 21px/1 Arial,sans-serif;box-shadow:none}
.story-dialog h3{margin:3px 42px 13px 0;font-size:21px}
.story-dialog img,.story-dialog video{width:100%;max-height:calc(100dvh - 120px);border:1px solid rgba(74,43,31,.32);border-radius:0;box-shadow:none;background:#17100d}
.story-dialog .dialog-note{margin:10px 0 0}
.story-dialog.is-video{padding:5px;background:#efe0bf}
.story-dialog.is-video .dialog-close{background:rgba(20,13,10,.72);border-color:rgba(244,224,185,.55);color:#fff4db}

/* Screen 4 documentary rework: the evidence and the room lead the composition. */
.scene4{background:#ddc28d;color:#35261f}
.scene4:before{opacity:1!important;background:radial-gradient(circle at 78% 9%,rgba(255,247,211,.72),transparent 31%),repeating-linear-gradient(6deg,rgba(81,53,31,.024) 0 1px,transparent 1px 6px),linear-gradient(145deg,#f0ddb5,#d4b277)!important;filter:none!important}
.scene4:after{opacity:.14;background-image:radial-gradient(rgba(65,39,24,.28) .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 50px rgba(83,45,27,.2)}
.scene4 .story-head{left:6%;right:6%;top:5%;color:#39261c}
.scene4 .story-head .chapter{color:#963c2f}
.scene4 .story-head h2{color:#38261d;text-shadow:none}
.scene4 .story-head .dek{color:#785842}
.scene4 .s4-handwriting{left:6%;right:6%;top:16.5%;padding:0 0 0 14px;border-left:2px solid rgba(151,58,44,.65);color:#4a3428;text-shadow:none;font-size:clamp(10px,2.65cqw,13px);line-height:1.65}
.scene4 .light-lab{left:3.5%;right:3.5%;top:29%;height:48%;border:0;background:#17100d;box-shadow:0 20px 45px rgba(73,42,25,.34),0 0 0 1px rgba(76,44,29,.26)}
.scene4 .s4-stage{inset:0;background:#17100d}
.scene4 .s4-frame{filter:sepia(.08) saturate(.86) contrast(1.04)}
.scene4 .s4-frame.is-dim,.scene4 .s4-frame.is-lamp{z-index:1}
.scene4 .s4-frame.is-wired,.scene4 .s4-frame.is-bright{z-index:2;clip-path:inset(0 0 0 var(--light))}
.scene4 .s4-glow{z-index:3;inset:-18%;background:radial-gradient(circle at 52% 8%,rgba(255,250,218,.96) 0 1.7%,rgba(255,230,159,.48) 5%,rgba(255,205,102,.15) 18%,transparent 39%);clip-path:inset(0 0 0 var(--light));opacity:var(--electric,0)}
.scene4 .s4-current{z-index:3;left:calc(var(--light-pos)*1% - 8%);width:16%;opacity:.45}
.scene4 .s4-handle{z-index:10;background:#f5e5bd;box-shadow:0 0 12px rgba(255,226,151,.78)}
.scene4 .s4-handle i{width:39px;height:39px;border-color:#f6e6be;background:#97372d;box-shadow:0 7px 20px rgba(0,0,0,.45)}
.scene4 .s4-era{top:13px;padding:7px 9px;background:rgba(24,14,11,.56);backdrop-filter:blur(2px);color:#fff0cd;text-shadow:none}.scene4 .s4-era small{color:rgba(255,242,211,.72)}
.scene4 .s4-era.left{left:13px}.scene4 .s4-era.right{right:13px}
.scene4 .light-caption{bottom:12px;display:inline-block;left:50%;right:auto;padding:7px 12px;background:rgba(20,12,9,.55);transform:translateX(-50%);white-space:nowrap}
.scene4 .light-lab:before{content:"1987.07.14 / 元山镇";position:absolute;z-index:8;left:12px;bottom:12px;color:rgba(255,238,202,.68);font:8px/1 Georgia,serif;letter-spacing:.13em;pointer-events:none}
.scene4 .s4-actions{left:6%;right:6%;top:81%;padding:11px 0;border-color:rgba(119,74,43,.25)}
.scene4 .s4-actions span{color:#8e3a2d}.scene4 .s4-actions b{font-size:25px}.scene4 .s4-actions small{color:#6e4a35}
.scene4 .s4-actions button{border-color:rgba(137,58,45,.52);background:transparent;color:#713126}
.scene4 .story-back,.scene4 .story-page{color:#68432d}
.scene4 .light-lab.is-lit{box-shadow:0 20px 45px rgba(73,42,25,.28),0 0 34px rgba(255,222,143,.42),0 0 0 1px rgba(130,80,44,.32)}
@media(max-height:700px){.scene4 .story-head{top:3.5%}.scene4 .s4-handwriting{top:14.5%;font-size:9.5px}.scene4 .light-lab{top:27%;height:47%}.scene4 .s4-actions{top:78%}}

/* Screen 5 — archival television story built from verified interview and calendar assets. */
.scene5{background:#1c1512;color:#f2dfb5}
.scene5:before{opacity:1!important;background:linear-gradient(180deg,rgba(10,8,7,.12),rgba(10,8,7,.82)),radial-gradient(circle at 72% 26%,rgba(87,101,108,.38),transparent 32%),linear-gradient(145deg,#46342b,#16110f 68%)!important;filter:none!important}
.scene5:after{opacity:.2;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.045) 4px);background-size:auto;box-shadow:inset 0 0 55px rgba(0,0,0,.5)}
.scene5 .story-head{top:4.5%;z-index:8}
.scene5 .story-head h2{font-size:clamp(29px,8.2cqw,42px)}
.scene5 .story-head .chapter{color:#ddb878}.scene5 .story-head .dek{color:#bda887}
.scene5 .s5-interview{position:absolute;z-index:2;left:0;right:0;top:18%;height:34%;margin:0;overflow:hidden;background:#120e0c}
.scene5 .s5-interview img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:grayscale(.62) sepia(.18) brightness(.62) contrast(1.08);transform:scale(1.03)}
.scene5 .s5-interview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,13,10,.06),rgba(20,13,10,.18) 58%,#1c1512 100%),linear-gradient(90deg,rgba(20,13,10,.5),transparent 44%)}
.scene5 .s5-interview figcaption{position:absolute;z-index:2;left:6%;bottom:12%;display:grid;color:#ead2a4}.scene5 .s5-interview figcaption b{font:9px/1 var(--font-ui);letter-spacing:.18em;color:#d7a75c}.scene5 .s5-interview figcaption span{margin-top:6px;font:12px/1.35 var(--font-title)}
.scene5 .s5-record{position:absolute;z-index:5;left:6%;right:6%;top:47%;margin:0;padding:11px 14px 11px 17px;border-left:2px solid #b34b3a;background:rgba(238,219,180,.92);color:#38271f;box-shadow:0 10px 25px rgba(0,0,0,.24);font:clamp(11px,2.8cqw,14px)/1.65 var(--font-title)}
.scene5 .s5-record span{display:block;margin-bottom:4px;color:#91372b;font:9px/1 var(--font-ui);letter-spacing:.14em}
.scene5 .s5-tv{position:absolute;z-index:6;left:6%;top:59%;width:55%;height:24%;padding:9px 22% 9px 9px;border-radius:8px;background:linear-gradient(145deg,#4a3a30,#201916 65%);box-shadow:0 18px 34px rgba(0,0,0,.55),inset 0 0 0 1px rgba(221,191,137,.24)}
.scene5 .s5-tv:after{content:"";position:absolute;left:12%;right:21%;bottom:-14px;height:15px;background:linear-gradient(90deg,transparent 4%,#201916 4% 12%,transparent 12% 86%,#201916 86% 94%,transparent 94%)}
.scene5 .s5-tv-screen{position:relative;width:100%;height:100%;padding:0;border:2px solid #0a0908;border-radius:48%/9%;overflow:hidden;background:#17191a;color:#f5e7c9}
.scene5 .s5-tv-screen img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.48) contrast(1.3);opacity:.32}
.scene5 .s5-tv-screen:before{content:"";position:absolute;z-index:2;inset:0;background:repeating-radial-gradient(circle,#fff 0 .6px,#111 1px 2px);background-size:4px 4px;opacity:.44;animation:staticShift .18s steps(2) infinite}
.scene5 .s5-tv-screen i{position:absolute;z-index:3;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.45) 5px);animation:scan 4s linear infinite}
.scene5 .s5-tv-screen span{position:absolute;z-index:4;left:0;right:0;bottom:12%;font:8px/1.4 var(--font-ui);letter-spacing:.08em;text-align:center;text-shadow:0 1px 5px #000}
.scene5 .s5-tv-panel{position:absolute;right:5%;top:16%;bottom:16%;width:13%;display:flex;flex-direction:column;align-items:center;gap:12%;color:#bda477}.scene5 .s5-tv-panel i{width:21px;height:21px;border:2px solid #a98d63;border-radius:50%;background:radial-gradient(circle,#201916 0 28%,#9a815e 30% 34%,#30251f 36%)}.scene5 .s5-tv-panel b{margin-top:auto;font:6px/1 Arial;letter-spacing:.08em;writing-mode:vertical-rl}
.scene5 .s5-video{position:absolute;z-index:7;right:5%;top:65%;width:34%;min-height:54px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(224,190,127,.52);border-radius:3px;background:rgba(35,25,21,.86);color:#f1dfba;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.32)}
.scene5 .s5-video b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#9b332a;color:#fff;font:11px Arial}.scene5 .s5-video span{font:10px/1.35 var(--font-title)}.scene5 .s5-video small{display:block;margin-bottom:3px;color:#c99f62;font:7px/1 var(--font-ui);letter-spacing:.13em}
.scene5 .story-back,.scene5 .story-page{color:#b89a69}
@media(max-height:700px){.scene5 .story-head{top:3%}.scene5 .s5-interview{top:16%;height:33%}.scene5 .s5-record{top:44%}.scene5 .s5-tv{top:57%;height:23%}.scene5 .s5-video{top:63%}}
@media(prefers-reduced-motion:reduce){.scene5 .s5-tv-screen:before,.scene5 .s5-tv-screen i{animation:none!important}}

/* Screen 5 required hand-drawn night courtyard composition. */
.scene5 .s5-interview,.scene5 .s5-tv{display:none!important}
.scene5 .s5-night{position:absolute;z-index:4;left:3.5%;right:3.5%;top:18%;height:49%;margin:0;overflow:hidden;border:1px solid rgba(224,190,127,.34);background:#0d1218;box-shadow:0 20px 42px rgba(0,0,0,.52)}
.scene5 .s5-night>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center;filter:saturate(.78) contrast(1.05) brightness(.86)}
.scene5 .s5-night:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,10,17,.05),transparent 68%,rgba(7,8,10,.45));box-shadow:inset 0 0 32px rgba(0,0,0,.24)}
.scene5 .s5-night figcaption{position:absolute;z-index:3;left:10px;bottom:9px;color:rgba(239,217,177,.72);font:7px/1 var(--font-ui);letter-spacing:.14em}
.scene5 .s5-tv-hotspot{position:absolute;z-index:5;left:58.2%;top:31%;width:13.5%;height:18%;padding:0;border:1px solid rgba(226,205,158,.68);border-radius:3px;background:rgba(232,239,226,.05);box-shadow:0 0 0 3px rgba(229,205,151,.1),0 0 21px rgba(206,224,224,.48);color:#fff;overflow:visible}
.scene5 .s5-tv-hotspot i{position:absolute;inset:0;background:repeating-radial-gradient(circle,#fff 0 .6px,#1b2024 1px 2px);background-size:4px 4px;opacity:.36;animation:staticShift .18s steps(2) infinite}
.scene5 .s5-tv-hotspot span{position:absolute;top:calc(100% + 8px);left:50%;width:92px;padding:5px 7px;background:rgba(13,12,11,.7);color:#f0dfbd;font:7px/1.4 var(--font-ui);letter-spacing:.06em;text-align:center;transform:translateX(-50%);white-space:nowrap}
.scene5 .s5-record{left:6%;right:6%;top:69%;padding:12px 14px 12px 17px;background:rgba(239,222,186,.96)}
.scene5 .s5-video{right:5%;top:81%;width:47%;min-height:49px}
@media(max-height:700px){.scene5 .s5-night{top:16%;height:47%}.scene5 .s5-record{top:65%}.scene5 .s5-video{top:79%}}
@media(prefers-reduced-motion:reduce){.scene5 .s5-tv-hotspot i{animation:none!important}}

/* Screen 5 polish: one television screen, softer editorial layering. */
.scene5{background:radial-gradient(circle at 52% 28%,#25303a 0,#181516 45%,#100d0c 100%)}
.scene5 .s5-night{left:2.5%;right:2.5%;top:18.5%;height:48%;border:0;box-shadow:0 24px 48px rgba(0,0,0,.52)}
.scene5 .s5-night>img{filter:saturate(.82) contrast(1.04) brightness(.9)}
.scene5 .s5-night:after{background:linear-gradient(180deg,rgba(5,10,17,.02),transparent 62%,rgba(11,10,10,.5)),radial-gradient(circle at 65% 38%,rgba(192,219,224,.13),transparent 18%);box-shadow:inset 0 0 38px rgba(0,0,0,.28)}
.scene5 .s5-night figcaption{left:12px;bottom:10px;padding-left:9px;border-left:1px solid rgba(214,174,105,.62)}
.scene5 .s5-tv-hotspot{left:59.4%;top:32.2%;width:11.8%;height:15.4%;border:0;border-radius:2px;background:transparent;box-shadow:none;overflow:visible}
.scene5 .s5-tv-hotspot i{inset:1px;background:repeating-radial-gradient(circle,#fff 0 .5px,transparent .8px 2px);background-size:4px 4px;opacity:.14;mix-blend-mode:screen}
.scene5 .s5-tv-hotspot:after{content:"+";position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:19px;height:19px;border:1px solid rgba(245,226,184,.76);border-radius:50%;background:rgba(27,20,17,.72);color:#f3dfb5;font:13px/1 Arial;box-shadow:0 0 12px rgba(199,220,222,.3)}
.scene5 .s5-tv-hotspot span{top:auto;left:auto;right:-86px;bottom:-7px;width:auto;padding:0;background:transparent;color:rgba(241,222,184,.78);font-size:7px;line-height:1.2;text-align:left;transform:none;white-space:nowrap}
.scene5 .s5-record{left:5%;right:5%;top:64%;padding:13px 16px 13px 18px;background:rgba(240,223,188,.97);box-shadow:0 12px 28px rgba(0,0,0,.3);transform:translateY(-6px)}
.scene5 .s5-video{right:5%;top:78.5%;width:43%;min-height:46px;border-color:rgba(219,184,121,.42);border-radius:23px;background:rgba(30,23,20,.8);box-shadow:0 9px 22px rgba(0,0,0,.28)}
.scene5 .s5-video b{flex-basis:27px;width:27px;height:27px}.scene5 .s5-video span{font-size:9px}
@media(max-height:700px){.scene5 .s5-night{top:16%;height:46%}.scene5 .s5-record{top:61%}.scene5 .s5-video{top:76%}}

/* Align the animated static with the television after the portrait crop. */
.scene5 .s5-tv-hotspot{left:65%;top:35.1%;width:13.3%;height:13%;border-radius:6%/10%;overflow:visible}
.scene5 .s5-tv-hotspot i{inset:0;border-radius:6%/10%;background:repeating-radial-gradient(circle,#f2f3e9 0 .7px,#6f7b7d .9px 1.35px,#171b1d 1.55px 2.3px);background-size:5px 5px;opacity:.48;mix-blend-mode:screen;animation:s5Static .13s steps(2,end) infinite}
.scene5 .s5-tv-hotspot:after{right:-7px;bottom:-9px}
.scene5 .s5-tv-hotspot span{right:-92px;bottom:-7px}
@keyframes s5Static{0%{background-position:0 0}25%{background-position:7px -4px}50%{background-position:-5px 8px}75%{background-position:4px 5px}100%{background-position:-8px -6px}}

/* Pixel-aligned to the illustrated CRT's inner glass, including its perspective. */
.scene5 .s5-tv-hotspot{left:65.45%;top:35.8%;width:12.15%;height:11.75%;border-radius:0}
.scene5 .s5-tv-hotspot i{inset:0;border-radius:0;clip-path:polygon(5% 3%,95% 8%,96% 94%,3% 90%);opacity:.46}
.scene5 .s5-tv-hotspot:after,.scene5 .s5-tv-hotspot span{display:none}
.scene5 .s5-night figcaption:after{content:"  ·  点击电视查看台历原稿";color:rgba(239,217,177,.88)}

/* Larger television illustration v2. */
.scene5 .s5-tv-hotspot{left:60.2%;top:29.9%;width:16.35%;height:16.8%}
.scene5 .s5-tv-hotspot i{clip-path:polygon(4% 3%,95% 4%,96% 95%,3% 94%)}

/* Balanced television illustration v3. */
.scene5 .s5-tv-hotspot{left:62.6%;top:34.2%;width:12.25%;height:11.9%}
.scene5 .s5-tv-hotspot i{clip-path:polygon(4% 3%,95% 5%,96% 95%,3% 93%)}

.scene5 .s5-tv-hotspot span{display:block;top:calc(100% + 8px);left:50%;right:auto;bottom:auto;width:108px;padding:0;background:transparent;color:rgba(248,231,196,.92);font:7px/1.35 var(--font-ui);letter-spacing:.06em;text-align:center;text-shadow:0 2px 5px #000;transform:translateX(-50%);white-space:nowrap}

/* Screen 6 — primary document, precise annotation, clear evidence actions. */
.scene6{background:#dfc791;color:#38271f}
.scene6:before{opacity:1!important;background:radial-gradient(circle at 20% 12%,rgba(255,248,216,.72),transparent 32%),repeating-linear-gradient(7deg,rgba(84,56,34,.025) 0 1px,transparent 1px 6px),linear-gradient(145deg,#f1dfb9,#d4b47c)!important;filter:none!important}
.scene6:after{opacity:.13;background-image:radial-gradient(rgba(69,43,27,.25) .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 50px rgba(82,47,29,.19)}
.scene6 .story-head{top:4.5%;z-index:8}.scene6 .story-head .chapter{color:#963b2e}.scene6 .story-head h2{color:#39271e;text-shadow:none;font-size:clamp(29px,8.3cqw,42px)}.scene6 .story-head .dek{color:#76543d}
.scene6 .tax-doc{left:4%;right:4%;top:19%;height:49%;border:0;background:#d9c196;box-shadow:0 19px 40px rgba(75,43,25,.3);transform:none}
.scene6 .tax-doc img{width:100%;height:100%;object-fit:cover;object-position:76% center;filter:sepia(.08) contrast(1.04)}
.scene6 .tax-doc:before,.scene6 .tax-doc:after{display:none}
.scene6 .tax-doc figcaption{position:absolute;z-index:4;left:10px;bottom:9px;padding:5px 8px;background:rgba(30,21,17,.65);color:#f1dfb9;font:7px/1 var(--font-ui);letter-spacing:.13em}
.scene6 .s6-mark{position:absolute;z-index:5;left:24%;width:23%;height:4px;background:#b4241d;box-shadow:0 0 8px rgba(190,41,30,.64);transform:scaleX(0) rotate(-2deg);transform-origin:left center}.scene6 .s6-mark.one{top:19%}.scene6 .s6-mark.two{top:26%;left:27%;width:25%;transform:scaleX(0) rotate(2deg)}
.scene6.is-active .s6-mark.one{animation:redLine .72s .85s ease forwards}.scene6.is-active .s6-mark.two{animation:redLine .72s 1.45s ease forwards}.scene6.is-returned .s6-mark{transform:scaleX(1) rotate(-2deg)}.scene6.is-returned .s6-mark.two{transform:scaleX(1) rotate(2deg)}
.scene6 .s6-wheat{position:absolute;z-index:3;left:-2%;top:44%;width:23%;height:38%;overflow:visible;opacity:.42;fill:#b88835;stroke:#8b672b;stroke-width:3;filter:drop-shadow(0 5px 8px rgba(97,62,28,.15));transform:rotate(-7deg)}
.scene6 .s6-quote{position:absolute;z-index:6;left:7%;right:7%;top:70%;margin:0;padding:12px 15px 12px 18px;border-left:2px solid #a23d31;background:rgba(246,231,199,.93);color:#38271f;box-shadow:0 10px 23px rgba(89,51,29,.18);font:clamp(12px,3cqw,15px)/1.6 var(--font-title)}.scene6 .s6-quote span{display:block;margin-bottom:4px;color:#963b2e;font:8px/1 var(--font-ui);letter-spacing:.15em}
.scene6 .tax-actions{left:7%;right:7%;top:82%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.scene6 .tax-actions>button{position:static;min-height:44px;border:1px solid rgba(133,62,46,.52);background:transparent;color:#6d3026;font:11px var(--font-title);letter-spacing:.08em}.scene6 .tax-actions>button:first-child{padding:0 17px;border-radius:22px}.scene6 .s6-video{display:flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:23px!important}.scene6 .s6-video b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#98382d;color:#fff;font:10px Arial}.scene6 .s6-video span{font:9px/1.25 var(--font-title);text-align:left}.scene6 .s6-video small{display:block;margin-bottom:2px;color:#9c6046;font:6px/1 var(--font-ui);letter-spacing:.12em}
.scene6 .story-back,.scene6 .story-page{color:#68432d}
@media(max-height:700px){.scene6 .story-head{top:3%}.scene6 .tax-doc{top:17%;height:47%}.scene6 .s6-quote{top:66%}.scene6 .tax-actions{top:80%}}

/* Screen 6 recomposed from the production brief: intact evidence, separate emphasis. */
.scene6 .tax-doc{left:7%;right:7%;top:19%;height:37%;overflow:hidden;transform:rotate(-.45deg);transform-origin:50% 100%;box-shadow:0 18px 38px rgba(70,39,23,.28),0 0 0 1px rgba(91,55,33,.18)}
.scene6 .tax-doc img{object-position:72% 40%;filter:sepia(.06) saturate(.9) contrast(1.03)}
.scene6.is-active .tax-doc{animation:s6PageSettle .9s cubic-bezier(.2,.82,.25,1) both}
.scene6 .tax-doc figcaption{left:auto;right:9px;bottom:8px;background:rgba(34,23,17,.7)}
.scene6 .s6-wheat{left:-3%;top:27%;width:31%;height:43%;opacity:.31;fill:#a97827;stroke:#80591d;stroke-width:2.2;filter:drop-shadow(0 3px 5px rgba(111,73,28,.12));transform:rotate(-5deg);transform-origin:50% 100%}
.scene6 .s6-wheat .stem{fill:none;stroke-width:4;stroke-linecap:round}
.scene6 .s6-wheat .awn{fill:none;stroke-width:1.7;stroke-linecap:round}
.scene6 .s6-wheat .grain{stroke-width:1.4}
.scene6.is-active .s6-wheat{animation:s6WheatIn 1.35s .45s ease both}
.scene6 .s6-focus{position:absolute;z-index:7;left:10%;right:6%;top:51%;padding:8px 16px 9px 22px;background:linear-gradient(90deg,rgba(245,230,194,.98),rgba(237,214,164,.94));box-shadow:0 10px 25px rgba(77,43,24,.2);color:#35251d;transform:rotate(.35deg)}
.scene6 .s6-focus small{display:block;margin-bottom:3px;color:#8f6041;font:7px/1 var(--font-ui);letter-spacing:.2em}
.scene6 .s6-focus strong{position:relative;z-index:2;display:block;font:clamp(19px,5.4cqw,27px)/1.45 var(--font-title);letter-spacing:.13em;white-space:nowrap}
.scene6 .s6-focus .s6-mark{position:relative;z-index:1;display:block;left:auto;top:auto;width:100%;height:5px;margin:0;background:linear-gradient(90deg,transparent 0,#b42922 5%,#a91d19 93%,transparent 100%);border-radius:52% 35% 48% 42%;box-shadow:0 0 7px rgba(187,37,29,.45);transform:scaleX(0) rotate(-.5deg);transform-origin:left center}
.scene6 .s6-focus .s6-mark.one{margin:0 0 -1px}.scene6 .s6-focus .s6-mark.two{margin:-1px 0 0;transform:scaleX(0) rotate(.6deg)}
.scene6.is-active .s6-focus .s6-mark.one{animation:s6Underline .58s .95s ease forwards}.scene6.is-active .s6-focus .s6-mark.two{animation:s6Underline .58s 1.4s ease forwards}
.scene6.is-returned .s6-focus .s6-mark.one{transform:scaleX(1) rotate(-.5deg)}.scene6.is-returned .s6-focus .s6-mark.two{transform:scaleX(1) rotate(.6deg)}
.scene6 .s6-quote{top:66%;left:10%;right:7%;padding:10px 14px 10px 17px}
.scene6 .tax-actions{top:78.5%;left:10%;right:7%}
@keyframes s6PageSettle{0%{opacity:0;transform:perspective(700px) rotateX(-18deg) translateY(-20px) rotate(-.45deg)}100%{opacity:1;transform:perspective(700px) rotateX(0) translateY(0) rotate(-.45deg)}}
@keyframes s6Underline{to{transform:scaleX(1) rotate(-.5deg)}}
@keyframes s6WheatIn{0%{opacity:0;transform:translateX(-18px) rotate(-8deg)}100%{opacity:.31;transform:translateX(0) rotate(-5deg)}}
@media(max-height:700px){.scene6 .tax-doc{top:17%;height:35%}.scene6 .s6-focus{top:47%}.scene6 .s6-quote{top:63%}.scene6 .tax-actions{top:77%}.scene6 .s6-wheat{top:31%}}

/* Screen 6 editorial refinement: documentary annotation instead of repeated quote cards. */
.scene6 .tax-doc{top:18.5%;height:39%}
.scene6 .s6-focus{left:13%;right:5%;top:49.8%;padding:7px 10px 8px 18px;background:rgba(242,225,186,.94);box-shadow:0 9px 22px rgba(77,43,24,.16);transform:rotate(.2deg)}
.scene6 .s6-focus strong{font-size:clamp(18px,5.1cqw,25px);letter-spacing:.1em}
.scene6 .s6-double-line{display:block;width:100%;margin-top:1px}
.scene6 .s6-double-line i{display:block;width:100%;height:2px;margin-top:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#b72922 5%,#a51e19 95%,transparent);box-shadow:0 0 4px rgba(187,37,29,.32);transform:scaleX(0);transform-origin:left center}
.scene6 .s6-double-line i:last-child{height:5px;margin-top:3px;box-shadow:0 0 9px rgba(190,38,28,.58)}
.scene6.is-active .s6-double-line i:first-child{animation:s6LineDraw .58s .95s ease forwards}.scene6.is-active .s6-double-line i:last-child{animation:s6LineDraw .68s 1.25s ease forwards}
.scene6.is-returned .s6-double-line i{transform:scaleX(1)}
.scene6 .s6-wheat{z-index:6;left:1.2%;top:43%;width:15%;height:22%;opacity:.16;fill:#a77c32;stroke:#8a6428;filter:none}
.scene6.is-active .s6-wheat{animation:s6WheatWhisper 4.2s .45s ease-in-out both infinite}
.scene6 .s6-quote{left:10%;right:8%;top:64%;display:grid;grid-template-columns:67px 1fr;align-items:center;gap:16px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#3b281f}
.scene6 .s6-quote time{min-height:69px;display:grid;place-content:center;border-right:1px solid rgba(157,57,43,.62);font-family:Georgia,serif;text-align:center}.scene6 .s6-quote time b{display:block;color:#993b30;font:36px/.88 Georgia,serif}.scene6 .s6-quote time small{margin-top:7px;color:#8c654a;font:7px/1 var(--font-ui);letter-spacing:.08em}
.scene6 .s6-quote p{margin:0;font:14px/1.62 var(--font-title);letter-spacing:.05em}.scene6 .s6-quote p:before{content:"“";margin-left:-.55em;color:#b58b59;font-size:25px;vertical-align:-.2em}.scene6 .s6-quote p strong{color:#8f3028;font-weight:400;font-size:17px;letter-spacing:.08em}
.scene6 .tax-actions{top:77.5%}
@keyframes s6LineDraw{to{transform:scaleX(1)}}
@keyframes s6WheatWhisper{0%{opacity:0;transform:translateX(-6px) rotate(-6deg)}25%,75%{opacity:.2}50%{transform:translateX(1px) rotate(-3deg)}100%{opacity:.1;transform:translateX(0) rotate(-5deg)}}
@media(max-height:700px){.scene6 .tax-doc{top:16.5%;height:37%}.scene6 .s6-focus{top:46.5%}.scene6 .s6-quote{top:61.5%}.scene6 .tax-actions{top:76%}.scene6 .s6-wheat{top:40%}}

/* Quiz between screens 6 and 7: a single aged calendar sheet. */
#storyQuizDialog{box-sizing:border-box;width:min(calc(100cqw - 24px),410px);max-width:min(calc(100cqw - 24px),410px);max-height:min(82dvh,650px);margin:auto;padding:30px 25px 26px 43px;border:1px solid rgba(112,69,42,.5);border-radius:2px;background-color:#ead5aa;background-image:linear-gradient(90deg,transparent 0 29px,rgba(157,62,48,.42) 30px,rgba(157,62,48,.42) 31px,transparent 32px),radial-gradient(circle at 13px 18px,#694732 0 3px,#c3aa7d 3.5px 5px,transparent 5.5px),repeating-linear-gradient(0deg,transparent 0 33px,rgba(113,75,49,.14) 34px,transparent 35px),linear-gradient(145deg,#f5e6c2,#dfc18c);background-size:auto,100% 34px,auto,auto;box-shadow:0 25px 70px rgba(29,10,5,.66);color:#3e2a20;overflow:auto}
#storyQuizDialog:before{content:"切屏问答 · 时代考题";display:block;margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid rgba(142,62,46,.32);color:#993c2f;font:8px/1 var(--font-ui);letter-spacing:.2em}
#storyQuizDialog .archive-tag{margin:0 0 8px;color:#9c6b47;font:8px/1 var(--font-ui);letter-spacing:.16em}
#storyQuizDialog h3{margin:0 0 20px;color:#492f23;font:400 clamp(20px,5.6cqw,27px)/1.45 var(--font-title)}
#storyQuizDialog .quiz-options{gap:8px}
#storyQuizDialog .quiz-options button{min-height:45px;padding:8px 13px 8px 30px;border:0;border-bottom:1px solid rgba(111,72,46,.24);border-radius:0;background:rgba(255,248,225,.35);box-shadow:none;color:#4a3024;font:13px/1.4 var(--font-title)}
#storyQuizDialog .quiz-options button:before{left:11px;width:6px;height:6px;border-color:#9b3c31}
#storyQuizDialog .quiz-options button.is-correct{background:rgba(174,126,54,.2);color:#7f2f25;box-shadow:0 0 20px rgba(218,169,75,.42)}
#storyQuizDialog .quiz-options button.is-wrong{background:rgba(145,65,49,.12)}
#storyQuizDialog .quiz-feedback{margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(130,78,48,.24);color:#654333;font-size:12px;line-height:1.8}
#storyQuizDialog[open]{animation:quizPaperIn .42s cubic-bezier(.2,.78,.24,1) both}
@keyframes quizPaperIn{0%{opacity:0;transform:translateY(18px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}

/* Screen 6 correction: annotations belong to the photographed calendar itself. */
.scene6 .tax-doc{height:43%}
.scene6 .tax-doc .s6-double-line{position:absolute;z-index:7;left:31%;right:9%;top:37.5%;display:block;margin:0;pointer-events:none}
.scene6 .tax-doc .s6-double-line i{display:block;width:100%;height:2px;margin:0;border-radius:50%;background:linear-gradient(90deg,transparent 0,#c22720 4%,#a81817 96%,transparent 100%);box-shadow:0 0 4px rgba(197,35,27,.35);transform:scaleX(0);transform-origin:left center}
.scene6 .tax-doc .s6-double-line i:last-child{height:5px;margin-top:4px;box-shadow:0 0 10px rgba(198,36,27,.68)}
.scene6.is-active .tax-doc .s6-double-line i:first-child{animation:s6LineDraw .55s .95s ease forwards}.scene6.is-active .tax-doc .s6-double-line i:last-child{animation:s6LineDraw .68s 1.22s ease forwards}
.scene6.is-returned .tax-doc .s6-double-line i{transform:scaleX(1)}
.scene6 .s6-wheat{left:2.5%;top:41%;width:13%;height:19%;opacity:.23;fill:#b18436;stroke:#805a20}
.scene6 .s6-wheat .grain ellipse{transform-box:fill-box;transform-origin:center;scale:1.42 1.02}
.scene6.is-active .s6-wheat{animation:s6WheatWhisper 4.2s .45s ease-in-out both infinite}
.scene6 .s6-quote{top:63%}
.scene6 .tax-actions{top:77.5%}
@keyframes s6WheatWhisper{0%{opacity:.08;transform:translateX(-4px) rotate(-6deg)}25%,75%{opacity:.27}50%{transform:translateX(1px) rotate(-3deg)}100%{opacity:.11;transform:translateX(0) rotate(-5deg)}}
@media(max-height:700px){.scene6 .tax-doc{height:41%}.scene6 .tax-doc .s6-double-line{top:37%}.scene6 .s6-wheat{top:39%}.scene6 .s6-quote{top:61%}}

/* Precise crop annotation and compact full-grain wheat. */
.scene6 .tax-doc .s6-double-line{left:43%;right:18%}
.scene6 .s6-wheat{left:13%;top:29%;width:9%;height:15%;opacity:.3;fill:#b58a39;stroke:#845d20;stroke-width:1.4}
.scene6 .s6-wheat .stem{fill:none;stroke-width:2.4}.scene6 .s6-wheat .leaf{fill:rgba(181,138,57,.42);stroke-width:1.3}.scene6 .s6-wheat .awn{fill:none;stroke-width:1}.scene6 .s6-wheat .grain ellipse{scale:1;filter:none}
@keyframes s6WheatWhisper{0%{opacity:.12;transform:translateX(-2px) rotate(-4deg)}28%,72%{opacity:.38}50%{transform:translateX(1px) rotate(-2deg)}100%{opacity:.15;transform:translateX(0) rotate(-4deg)}}

/* Demo quiz presentation: original calendar scene with transparent answer zones. */
#storyQuizDialog.is-demo-quiz{box-sizing:border-box;width:min(calc(100cqw - 24px),500px);max-width:min(calc(100cqw - 24px),500px);max-height:calc(100dvh - 24px);margin:auto;padding:0 0 12px;border:1px solid rgba(91,50,31,.52);border-radius:7px;background:linear-gradient(135deg,#f8eac9,#ead6a9);box-shadow:0 24px 80px rgba(0,0,0,.52);overflow:auto}
#storyQuizDialog.is-demo-quiz:before,#storyQuizDialog.is-demo-quiz>.archive-tag,#storyQuizDialog.is-demo-quiz>h3{display:none}
#storyQuizDialog.is-demo-quiz .quiz-stage{position:relative;width:100%;aspect-ratio:1374/1145;background:#ead6a9 url('assets/story/images/quiz1-agricultural-tax.webp') center/100% 100% no-repeat}
#storyQuizDialog.is-demo-quiz.is-answered .quiz-stage{background-image:url('assets/story/images/quiz1-agricultural-tax-answered.webp')}
#storyQuizDialog.is-demo-quiz .quiz-options{position:absolute;z-index:2;top:45%;right:22%;bottom:28%;left:22%;height:auto;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px}
#storyQuizDialog.is-demo-quiz .quiz-options button{min-height:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:transparent;font-size:0}
#storyQuizDialog.is-demo-quiz .quiz-options button:before{display:none}
#storyQuizDialog.is-demo-quiz .quiz-feedback{margin:10px 12px 0;padding:10px 12px;border-left:2px solid #9f332a;background:rgba(255,248,224,.92);color:#5e4433;font:11px/1.72 var(--font-body)}
#storyQuizDialog.is-demo-quiz.is-correct-glow{animation:quizCorrectGlow .95s ease-out}
#storyQuizDialog.is-demo-quiz .quiz-next{display:block;width:calc(100% - 24px);min-height:42px;margin:10px 12px 0;border:1px solid rgba(126,54,42,.46);border-radius:2px;background:#963b30;color:#fff0cf;font:12px var(--font-ui)}
#storyQuizDialog.is-demo-quiz .quiz-next[hidden]{display:none}
#storyQuizDialog.is-demo-quiz.is-shake{animation:quizShake .36s ease}
@keyframes quizCorrectGlow{0%{box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 0 rgba(230,178,74,0)}35%{box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 38px rgba(230,178,74,.88)}100%{box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 18px rgba(230,178,74,.48)}}
@keyframes quizShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}

/* Final calendar annotation alignment. */
.scene6 .tax-doc .s6-double-line{left:23%;right:20%;width:auto}
.scene6 .s6-wheat{z-index:8;left:11%;top:24%;width:9.5%;height:17%;fill:#b98c35;stroke:#805b21;stroke-width:1.35;opacity:.42;overflow:visible}
.scene6 .s6-wheat .wheat-stem{fill:none;stroke-width:2.6;stroke-linecap:round}.scene6 .s6-wheat .wheat-leaf{fill:rgba(185,140,53,.58);stroke-width:1.25}.scene6 .s6-wheat .wheat-ear{stroke-width:1;transform:scaleX(1.28);transform-origin:40px 68px}.scene6 .s6-wheat .wheat-awn{fill:none;stroke-width:.9;stroke-linecap:round}
.scene6 .s6-wheat .wheat-core{fill:#c49a43;stroke:#805b21;stroke-width:.8}
.scene6 img.s6-wheat{display:block;object-fit:contain;object-position:center;filter:sepia(.12) saturate(.88) contrast(1.04);mix-blend-mode:multiply}

/* Screen 8 — four warm calendar sheets with unified reportage illustrations. */
.scene8{background:#dec28a;color:#38271f}
.scene8:before{opacity:1!important;background:radial-gradient(circle at 18% 9%,rgba(255,248,216,.76),transparent 33%),repeating-linear-gradient(7deg,rgba(82,54,32,.026) 0 1px,transparent 1px 6px),linear-gradient(145deg,#f0ddb4,#d2ae73)!important;filter:none!important}
.scene8:after{opacity:.12;background-image:radial-gradient(rgba(72,44,27,.25) .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 50px rgba(87,49,27,.18)}
.scene8 .story-head{z-index:6;top:4.5%;color:#3a281f}.scene8 .story-head .chapter{color:#94382d}.scene8 .story-head h2{color:#38261d;text-shadow:none}.scene8 .story-head .dek{color:#79563e}
.scene8 .life-viewport{top:18%;height:66%;perspective:900px;touch-action:pan-y;overflow:hidden}
.scene8 .life-track{gap:4%;padding:0 15%;transition:transform .62s cubic-bezier(.18,.75,.24,1);transform-style:preserve-3d}
.scene8 .life-card{flex-basis:72%;height:88%;overflow:hidden;border:1px solid rgba(111,68,40,.28);border-radius:2px;padding:15px 8px 8px;background-color:#ecd7ab;background-image:linear-gradient(90deg,transparent 0 20px,rgba(155,64,48,.25) 21px,transparent 22px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(118,76,47,.12) 30px,transparent 31px);box-shadow:0 17px 37px rgba(68,37,21,.34);transform-origin:left center;backface-visibility:hidden}
.scene8 .life-card:before{content:"";position:absolute;z-index:5;left:10px;right:10px;top:4px;height:9px;background:radial-gradient(circle,#6c4933 0 2px,#b99a69 2.5px 3.5px,transparent 4px) 0 0/22px 9px repeat-x;opacity:.8}
.scene8 .life-scene{position:relative;display:block;height:55%;overflow:hidden;border:1px solid rgba(98,61,38,.22);background:#c8a56e}
.scene8 .life-scene picture,.scene8 .life-scene img{display:block;width:100%;height:100%}.scene8 .life-scene img{object-fit:cover;border:0;filter:saturate(.82) sepia(.08) contrast(1.03)}
.scene8 .life-scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 22px rgba(70,41,23,.2);pointer-events:none}
.scene8 .life-scene small{position:absolute;z-index:3;left:7px;bottom:6px;padding:4px 6px;background:rgba(40,27,20,.65);color:#f1dfba;font:6px/1 var(--font-ui);letter-spacing:.08em}
.scene8 .life-speech{position:absolute;z-index:4;right:8px;top:9px;padding:6px 9px;border:1px solid rgba(130,53,42,.5);border-radius:50%;background:rgba(247,232,197,.92);color:#8c3027;font:11px/1 var(--font-title);font-style:normal;transform:rotate(4deg);box-shadow:0 4px 12px rgba(65,34,20,.2)}
.scene8 .life-speech:after{content:"";position:absolute;right:8px;bottom:-5px;width:8px;height:8px;border-right:1px solid rgba(130,53,42,.5);border-bottom:1px solid rgba(130,53,42,.5);background:#f2ddb1;transform:rotate(35deg)}
.scene8 .life-card .year{z-index:6;right:14px;top:calc(55% + 24px);padding:0;background:transparent;color:#92382e;font:24px/1 Georgia,serif}
.scene8 .life-card blockquote{height:42%;margin:0;padding:13px 13px 8px;color:#3b281f;font:clamp(9.5px,2.35cqw,12px)/1.58 var(--font-title);text-align:left;overflow:hidden}.scene8 .life-card blockquote strong{display:block;margin:0 72px 5px 0;color:#8e342a;font:14px/1.2 var(--font-title);letter-spacing:.06em}.scene8 .life-card blockquote br{display:none}
.scene8 .life-progress{bottom:10%;background:rgba(121,77,44,.28)}.scene8 .life-progress i{background:#9b3b30}.scene8 .life-count{bottom:5.5%;color:#755139}
.scene8 .story-back,.scene8 .story-page{color:#6b472f}
@media(max-height:700px){.scene8 .story-head{top:3%}.scene8 .life-viewport{top:16%;height:67%}.scene8 .life-card{height:89%;padding-top:13px}.scene8 .life-scene{height:52%}.scene8 .life-card .year{top:calc(52% + 22px)}.scene8 .life-card blockquote{font-size:9px;line-height:1.48;padding-top:10px}}
@keyframes s6WheatWhisper{0%{opacity:.18;transform:translateX(-2px) rotate(-4deg)}28%,72%{opacity:.5}50%{transform:translateX(1px) rotate(-2deg)}100%{opacity:.2;transform:translateX(0) rotate(-4deg)}}

/* Screen 8 final direction: return to the red historical-archive system. */
.scene8{background:radial-gradient(circle at 50% 48%,#d77b55 0,#ad4634 61%,#77291f 100%);color:#f3d69b}
.scene8:before{opacity:.42!important;background:radial-gradient(circle at 50% 20%,rgba(255,215,142,.16),transparent 34%),repeating-linear-gradient(7deg,rgba(255,225,172,.025) 0 1px,transparent 1px 6px)!important;filter:none!important}
.scene8:after{opacity:.16;background-image:radial-gradient(rgba(255,219,157,.38) .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 68px rgba(49,8,5,.34)}
.scene8 .story-head{top:4.5%;color:#f5ddb0}.scene8 .story-head .chapter{color:#e9bb70}.scene8 .story-head h2{color:#fff0c9;text-shadow:0 2px 12px rgba(76,15,10,.28)}.scene8 .story-head .dek{color:#edcc91}
.scene8 .life-viewport{top:19%;height:64%}
.scene8 .life-track{gap:4%;padding:0 15%;transition:transform .62s cubic-bezier(.18,.75,.24,1)}
.scene8 .life-card{flex:0 0 72%;height:82%;padding:0;overflow:hidden;border:0;border-radius:0;background:#e7d3ab;box-shadow:0 18px 45px rgba(23,4,2,.68);transform-origin:left center}
.scene8 .life-card:before{display:none}
.scene8 .life-scene{height:63%;border:8px solid #ead9b7;background:#c9a66e}
.scene8 .life-scene img{object-fit:cover;border:0;filter:saturate(.82) sepia(.08) contrast(1.03)}
.scene8 .life-scene small{left:7px;bottom:6px;padding:4px 6px;background:rgba(53,21,15,.7);color:#f4dfb5;font-size:6px}
.scene8 .life-original-tip{position:absolute;z-index:4;right:8px;bottom:7px;padding:5px 8px;border:1px solid rgba(244,217,161,.7);background:rgba(76,23,17,.82);color:#f8dfaa;font:8px/1 var(--font-ui);font-weight:400;letter-spacing:.05em;box-shadow:0 3px 12px rgba(44,10,6,.25)}
.scene8 .life-card .year{right:11px;top:10px;padding:7px 10px;background:#5d1b15;color:#f4d79d;font:18px/1 Georgia,serif}
.scene8 .life-card blockquote{height:auto;margin:0;padding:12px 16px 10px;color:#3a241c;font:clamp(9.5px,2.45cqw,12px)/1.58 KaiTi,serif;overflow:hidden}.scene8 .life-card blockquote strong{margin:0 58px 4px 0;color:#7e2e25;font:14px/1.2 KaiTi,serif}
.scene8 .life-progress{bottom:11%;background:rgba(73,22,16,.4)}.scene8 .life-progress i{background:#f0cf89}.scene8 .life-count{bottom:6%;color:#efd29a}
.scene8 .story-back,.scene8 .story-page{color:#e7c783}
@media(max-height:700px){.scene8 .story-head{top:3%}.scene8 .life-viewport{top:17%;height:66%}.scene8 .life-card{height:84%;padding:0}.scene8 .life-scene{height:60%}.scene8 .life-card .year{top:10px}.scene8 .life-card blockquote{font-size:9px;line-height:1.47;padding-top:9px}}

/* Cleaner evidence viewer: one thin frame, minimal chrome. */
#storyMediaDialog{width:min(calc(100vw - 54px),420px);padding:13px;border:1px solid rgba(229,208,164,.78);background:#ead9b7;box-shadow:0 18px 50px rgba(15,6,4,.52)}
#storyMediaDialog h3{margin:1px 34px 11px 0;font:16px/1.35 var(--font-title);letter-spacing:.04em;color:#4c3025;text-align:left}

/* Screen 7 — scrollable archive timeline, restrained brass palette. */
.scene7{background:radial-gradient(circle at 52% 43%,#ba5840 0,#963728 62%,#622018 100%)}
.scene7:before{background:repeating-linear-gradient(6deg,rgba(255,231,188,.018) 0 1px,transparent 1px 7px),radial-gradient(circle at 50% 36%,rgba(234,195,128,.1),transparent 45%)}
.scene7 .story-head .chapter{color:#d6b77d}.scene7 .story-head h2{color:#f2dfb9}.scene7 .story-head .dek{color:#ddc49a}
.scene7 .ledger-ghosts{inset:19% -15% 9%;opacity:.075;transform:rotate(-4deg) scale(1.15);filter:sepia(.7) contrast(.85);pointer-events:none}
.scene7 .spending-scroll{position:absolute;z-index:3;left:5%;right:5%;top:25%;height:53%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:none;cursor:grab;user-select:none}.scene7 .spending-scroll:active{cursor:grabbing}
.scene7 .spending-scroll::-webkit-scrollbar{display:none}
.scene7 .spending-chart{position:relative;left:auto;right:auto;top:auto;width:150%;height:100%;min-width:680px;border-bottom:1px solid rgba(239,216,174,.56);padding:0 5%;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(180deg,rgba(241,221,180,.045),rgba(76,20,15,.08));box-shadow:inset 0 -1px rgba(55,13,9,.22)}
.scene7 .spending-chart:before{left:3%;right:3%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#e2c899 12% 88%,transparent);animation:none}
.scene7 .money-item{position:relative;flex:0 0 20%;width:auto;height:100%;padding:0 7px 0;border:0;background:transparent;color:#efe0c2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;scroll-snap-align:center}
.scene7 .money-item .amount{position:absolute;z-index:4;bottom:calc(var(--bar)*.78% + 86px);color:#f4e5c8;font:600 18px/1.05 Georgia,serif;letter-spacing:.02em;text-shadow:0 2px 8px rgba(48,9,6,.4)}
.scene7 .money-item .amount small{display:block;margin-bottom:5px;color:#cfb891;font:8px/1 var(--font-ui);font-weight:400;letter-spacing:.12em}
.scene7 .money-item .bar{position:relative;width:36%;max-width:42px;height:0;border:1px solid rgba(229,207,165,.32);background:linear-gradient(180deg,#bda06e 0,#8f6141 44%,#6d3026 100%);box-shadow:0 8px 18px rgba(49,11,8,.25);transition:height 1.25s cubic-bezier(.16,.8,.28,1) var(--delay)}
.scene7 .money-item .bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(247,229,192,.13) 11px);opacity:.8}
.scene7 .money-item .bar b{position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:#dbc28f;box-shadow:0 0 7px rgba(218,190,133,.38)}
.scene7.is-active .money-item .bar{height:calc(var(--bar)*.78%)}
.scene7 .money-item .dot{width:8px;height:8px;margin-top:-4px;border:1px solid #ead5ae;background:#8d392d;box-shadow:0 0 0 4px rgba(229,203,153,.13);animation:none}
.scene7 .money-item .year{min-width:78px;margin-top:12px;padding:8px 9px 7px;border:1px solid rgba(130,77,51,.36);background:#e7d4ad;color:#522b20;box-shadow:0 7px 17px rgba(53,12,8,.25);font:11px/1 Georgia,serif}
.scene7 .money-item .year b{display:block;font-size:15px}.scene7 .money-item .year small{display:block;margin-top:4px;color:#8b5b43;font:6px/1 var(--font-ui);letter-spacing:.05em}
.scene7 .money-item.is-selected .year{border-color:#f0d6a4;transform:translateY(-2px);box-shadow:0 9px 20px rgba(47,9,6,.34),0 0 0 2px rgba(224,193,134,.16)}
.scene7 .spending-hint{position:absolute;z-index:4;left:8%;right:8%;top:80%;margin:0;text-align:center;color:#d7bd90;font:8px/1.4 var(--font-ui);letter-spacing:.09em}
.scene7 .ledger-drawer{left:5%;right:5%;bottom:-52%;height:45%;grid-template-columns:43% 1fr;gap:13px;padding:15px;border:1px solid rgba(219,194,148,.72);background:#e4cfa5;color:#36251d;box-shadow:0 -18px 42px rgba(36,6,4,.58)}
.scene7 .ledger-drawer.is-open{bottom:0}.scene7 .ledger-drawer img{object-fit:contain;background:#cdb889}.scene7 .ledger-drawer h3{margin:5px 0 7px;color:#75291f;font-size:21px}.scene7 .ledger-drawer p{margin:0;color:#4b352a;font-size:11px;line-height:1.65}.scene7 .ledger-drawer>div>p:first-child{color:#95664b;font:8px/1 var(--font-ui);letter-spacing:.14em}.scene7 .drawer-close{z-index:2;min-width:38px;min-height:38px;color:#64231b}
@media(max-height:700px){.scene7 .spending-scroll{top:23%;height:54%}.scene7 .spending-hint{top:79%}.scene7 .money-item .amount{font-size:15px;bottom:calc(var(--bar)*.72% + 78px)}.scene7.is-active .money-item .bar{height:calc(var(--bar)*.72%)}}

/* Screen 7 refinement — one unfolded calendar ledger, with calendar-page nodes. */
.scene7{background:#d5b77f;color:#39251d}
.scene7:before{opacity:1;background:linear-gradient(90deg,rgba(103,35,27,.18) 0 4.8%,transparent 4.8% 95.2%,rgba(103,35,27,.18) 95.2%),linear-gradient(90deg,transparent 0 12.5%,rgba(151,55,42,.42) 12.6% 13%,transparent 13.1%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(112,76,47,.12) 32px,transparent 33px),radial-gradient(circle at 48% 20%,#f1dfb8 0,#dcc18d 58%,#c7a66f 100%);animation:none}
.scene7:after{opacity:.25;background-image:radial-gradient(rgba(70,43,27,.22) .5px,transparent .8px);background-size:6px 6px;box-shadow:inset 0 0 58px rgba(82,45,24,.2)}
.scene7 .story-head{left:8%;right:7%;top:4.4%;padding-left:8%;border-left:2px solid #9c3d30}.scene7 .story-head .chapter{color:#8a4937}.scene7 .story-head h2{color:#4b281f;text-shadow:none}.scene7 .story-head .dek{color:#76503b}
.scene7 .ledger-ghosts{inset:18% -10% 7%;opacity:.055;transform:rotate(-3deg) scale(1.1);filter:sepia(1) contrast(.8);mix-blend-mode:multiply}
.scene7 .spending-scroll{left:6%;right:4%;top:25%;height:54%;padding:0 0 9px;border-top:1px solid rgba(116,64,43,.18);border-bottom:1px solid rgba(116,64,43,.28);background:rgba(247,228,190,.28);box-shadow:inset 0 1px rgba(255,247,219,.45),0 12px 30px rgba(82,43,23,.11)}
.scene7 .spending-scroll:before{content:"年货账目 / 单位：元";position:sticky;z-index:6;left:14px;top:10px;display:block;width:max-content;color:#8a4b37;font:8px/1 var(--font-ui);letter-spacing:.14em}
.scene7 .spending-chart{width:124%;min-width:560px;height:94%;margin-top:-8px;padding:0 2.4%;border-bottom:2px solid #7d3a2f;background:transparent;box-shadow:none}
.scene7 .spending-chart:before{left:2%;right:2%;bottom:-2px;height:2px;background:#7d3a2f}
.scene7 .money-item{flex-basis:23%;padding:0 7px;color:#4d2c22}
.scene7 .money-item .amount{bottom:calc(var(--bar)*.68% + 90px);color:#4a291f;font-size:18px;text-shadow:none}.scene7 .money-item .amount small{color:#8a5d46;font-size:7px}
.scene7 .money-item .bar{width:34%;max-width:39px;border:1px solid rgba(104,45,35,.42);background:linear-gradient(180deg,#a84a38 0,#873427 52%,#62261f 100%);box-shadow:5px 5px 0 rgba(110,61,39,.1);transition-duration:1.35s}
.scene7 .money-item .bar:before{background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(245,217,167,.14) 13px)}
.scene7 .money-item .bar b{height:3px;background:#c58d56;box-shadow:none}
.scene7.is-active .money-item .bar{height:calc(var(--bar)*.68%)}
.scene7 .money-item .dot{position:relative;z-index:4;width:9px;height:9px;margin-top:-5px;border:2px solid #ead6ae;background:#84372c;box-shadow:0 0 0 2px #84372c}
.scene7 .money-item .year{position:relative;min-width:92px;margin-top:10px;padding:14px 8px 9px;border:1px solid rgba(109,64,42,.45);border-top:4px solid #8f392e;background-color:#eddab2;background-image:linear-gradient(90deg,transparent 0 12px,rgba(158,60,46,.28) 13px,transparent 14px),repeating-linear-gradient(0deg,transparent 0 16px,rgba(116,75,47,.11) 17px);color:#4e2d22;box-shadow:0 7px 13px rgba(76,39,21,.18);font-family:Georgia,serif}
.scene7 .money-item .year:before{content:"";position:absolute;left:6px;right:6px;top:-10px;height:8px;background:radial-gradient(circle,#6b4632 0 1.6px,#d7bd8d 1.9px 3px,transparent 3.3px) 0 0/17px 8px repeat-x}
.scene7 .money-item .year b{font-size:16px}.scene7 .money-item .year small{margin-top:5px;color:#8a503d;font-size:6px}.scene7 .money-item.is-selected .year{border-color:#87362c;transform:translateY(-3px);box-shadow:0 10px 17px rgba(76,39,21,.25),inset 0 0 0 2px rgba(137,54,44,.12)}
.scene7 .spending-hint{top:81.5%;color:#704433;font-size:8px}
.scene7 .story-back,.scene7 .story-page{color:#6e402e}
.scene7 .ledger-drawer{border:1px solid #8a4937;background:#ead5aa;box-shadow:0 -18px 42px rgba(62,31,18,.36)}
@media(max-height:700px){.scene7 .spending-scroll{top:23%;height:56%}.scene7 .spending-hint{top:81%}.scene7 .money-item .amount{bottom:calc(var(--bar)*.61% + 84px)}.scene7.is-active .money-item .bar{height:calc(var(--bar)*.61%)}}

/* Screen 7 final — red documentary background, calendar-paper data panel. */
.scene7{background:radial-gradient(circle at 50% 43%,#c66046 0,#a23d2d 62%,#70251d 100%);color:#f4dfb5}
.scene7:before{opacity:1;background:radial-gradient(circle at 50% 23%,rgba(243,204,137,.12),transparent 36%),repeating-linear-gradient(7deg,rgba(255,231,188,.018) 0 1px,transparent 1px 7px);animation:storyLight 8s ease-in-out infinite alternate}
.scene7:after{opacity:.13;background-image:radial-gradient(rgba(255,219,157,.32) .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 62px rgba(65,16,12,.38)}
.scene7 .story-head{left:7%;right:7%;top:4.8%;padding-left:0;border-left:0}.scene7 .story-head .chapter{color:#dfbd83}.scene7 .story-head h2{color:#fff0c8;text-shadow:0 3px 14px rgba(75,15,11,.34)}.scene7 .story-head .dek{color:#e5ca9c}
.scene7 .ledger-ghosts{inset:18% -15% 8%;opacity:.09;filter:sepia(.7) brightness(.8);mix-blend-mode:soft-light}
.scene7 .spending-scroll{left:5%;right:5%;top:24%;height:53%;padding:0 0 9px;border:1px solid rgba(231,205,157,.55);background-color:#dfc58f;background-image:linear-gradient(90deg,transparent 0 25px,rgba(151,55,42,.38) 26px,transparent 27px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(112,76,47,.12) 32px,transparent 33px),linear-gradient(145deg,#edd9ad,#d2ad72);box-shadow:0 18px 34px rgba(52,10,7,.35),inset 0 0 0 5px rgba(255,240,205,.22);color:#45291f}
.scene7 .spending-scroll:before{left:16px;top:12px;color:#7f4434}
.scene7 .spending-chart{width:132%;min-width:590px;height:93%;margin-top:-7px;padding:0 2.8%;border-bottom:2px solid #79362c}
.scene7 .money-item{flex-basis:23%}.scene7 .money-item .amount{bottom:calc(var(--bar)*.66% + 88px);color:#48271e}.scene7 .money-item .amount small{color:#82523e}
.scene7 .money-item .bar{width:32%;background:linear-gradient(180deg,#a54837,#873327 55%,#63251e);border-color:rgba(103,40,31,.46);box-shadow:4px 5px 0 rgba(99,55,34,.11)}.scene7.is-active .money-item .bar{height:calc(var(--bar)*.66%)}
.scene7 .money-item .year{min-width:88px;background-color:#f0ddb7;color:#48291f}.scene7 .money-item .year small{color:#80503c}
.scene7 .spending-nav{position:absolute;z-index:6;left:50%;top:78.2%;display:flex;align-items:center;gap:12px;transform:translateX(-50%);color:#e3c797;font:8px/1 var(--font-ui);letter-spacing:.1em;white-space:nowrap}.scene7 .spending-nav button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(230,199,142,.65);border-radius:50%;background:rgba(93,26,20,.62);color:#f0d39d;font:22px/1 Georgia,serif;box-shadow:0 5px 12px rgba(46,8,5,.2)}
.scene7 .spending-hint{top:83%;color:#dec18f;font-size:8px}.scene7 .story-back,.scene7 .story-page{color:#d8b77c}
@media(max-height:700px){.scene7 .spending-scroll{top:22.5%;height:55%}.scene7 .spending-nav{top:78.5%}.scene7 .spending-hint{top:83.5%}.scene7 .money-item .amount{bottom:calc(var(--bar)*.59% + 82px)}.scene7.is-active .money-item .bar{height:calc(var(--bar)*.59%)}}

/* Screen 7 uses the same simple evidence dialog as the other screens. */
.scene7~#storyMediaDialog,#storyMediaDialog{border:1px solid rgba(229,208,164,.78);border-radius:0;background:#ead9b7;box-shadow:0 18px 50px rgba(15,6,4,.52)}

/* Screen 7 restored to the original approved composition. */
.scene7{background:radial-gradient(circle at 45% 48%,#cf7453,#a34534 68%,#733026);color:#fff0c9}
.scene7:before{opacity:1;background:linear-gradient(115deg,transparent 0 42%,#f1c86b12 50%,transparent 58%),repeating-linear-gradient(0deg,#fff0 0 5px,#00000008 6px);animation:storyLight 8s ease-in-out infinite alternate}
.scene7:after{opacity:.11;background-image:radial-gradient(#4b1a1429 .45px,transparent .8px);background-size:7px 7px;box-shadow:inset 0 0 52px #5c201b52}
.scene7 .story-head{left:7%;right:7%;top:5.2%;padding-left:0;border:0}.scene7 .story-head .chapter{color:#f0c77f}.scene7 .story-head h2{color:#fff1c8;text-shadow:0 4px 18px #69201670}.scene7 .story-head .dek{color:#f0d2a0}
.scene7 .ledger-ghosts{position:absolute;inset:18% 0 12%;opacity:.22;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-5deg) scale(1.12);filter:sepia(.35) brightness(1.2);mix-blend-mode:normal}
.scene7 .spending-chart{position:absolute;left:7%;right:7%;top:31%;width:auto;min-width:0;height:45%;margin:0;border:0;border-bottom:2px solid #d7ad6466;display:flex;align-items:flex-end;justify-content:space-around;padding:0 2%;background:transparent;box-shadow:none}
.scene7 .spending-chart:before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#ffe0a3,transparent);animation:trackLight 3.2s linear infinite}
.scene7 .money-item{position:relative;flex:0 1 auto;width:19%;height:100%;border:0;background:none;color:#efcf91;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.scene7 .money-item .amount{position:absolute;bottom:calc(var(--bar)*1% + 29px);color:inherit;font:bold 14px Georgia,serif;white-space:nowrap;text-shadow:none}.scene7 .money-item .amount small{display:none}
.scene7 .money-item .bar{position:static;width:42%;max-width:none;height:0;border:0;background:linear-gradient(#f0c86e,#8d2a1d);box-shadow:0 0 16px #e9b95655;transition:height 1.2s cubic-bezier(.16,.8,.28,1)}.scene7 .money-item .bar:before,.scene7 .money-item .bar b{display:none}
.scene7.is-active .money-item .bar{height:calc(var(--bar)*1%)}
.scene7 .money-item .dot{position:static;width:10px;height:10px;margin-top:-5px;border:0;border-radius:50%;background:#f4d48d;box-shadow:0 0 0 0 #e8bd6d99;animation:nodePulse 1.8s infinite}
.scene7 .money-item .year{position:static;min-width:0;margin-top:12px;padding:0;border:0;background:transparent;color:inherit;box-shadow:none;font:11px Georgia,serif}.scene7 .money-item .year:before,.scene7 .money-item .year small{display:none}.scene7 .money-item .year b{font:inherit}.scene7 .money-item.is-selected .year{transform:none;border:0;box-shadow:none}
.scene7 .ledger-drawer{position:absolute;z-index:11;left:4%;right:4%;bottom:-48%;height:43%;background:#ead9b7;color:#332219;border:1px solid #f3dfb8;box-shadow:0 -18px 42px #18040399;transition:bottom .55s cubic-bezier(.2,.7,.25,1);display:grid;grid-template-columns:45% 1fr;gap:14px;padding:18px}.scene7 .ledger-drawer.is-open{bottom:0}.scene7 .ledger-drawer img{width:100%;height:100%;object-fit:cover;background:transparent}.scene7 .ledger-drawer h3{font:24px KaiTi,serif;margin:6px 0;color:#84291e}.scene7 .ledger-drawer p{font:13px/1.8 KaiTi,serif;color:#332219}.scene7 .drawer-close{position:absolute;right:8px;top:7px;border:0;background:none;font-size:24px;color:#6b2019}
.scene7 .story-back,.scene7 .story-page{color:#caa46d}
@media(max-height:700px){.scene7 .spending-chart{top:31%;height:45%}.scene7 .money-item .amount{bottom:calc(var(--bar)*1% + 29px)}.scene7.is-active .money-item .bar{height:calc(var(--bar)*1%)}}

/* Screen 7 detail adjustment: sober red columns, explicit axis, shared dialog. */
.scene7 .spending-chart{border-bottom:0;overflow:visible}
.scene7 .spending-chart:before{left:6.5%;right:6.5%;bottom:23px;height:1px;background:linear-gradient(90deg,rgba(219,177,103,.35),#e1bd79 7% 93%,rgba(219,177,103,.35));animation:none;box-shadow:0 1px rgba(82,24,18,.34)}
.scene7 .money-item{padding-bottom:29px}
.scene7 .money-item .bar{background:linear-gradient(180deg,#e2bd70 0 12%,#bd7048 32%,#9a3e2f 63%,#68271f 100%);box-shadow:0 0 0 1px rgba(239,203,132,.3),0 8px 15px rgba(57,10,7,.24)}
.scene7 .money-item .amount{color:#f4d9a6;text-shadow:0 2px 7px rgba(55,9,6,.42)}
.scene7 .money-item .dot{position:relative;z-index:3;background:#9b3f30;border:2px solid #efd294;box-shadow:0 0 0 3px rgba(113,35,27,.3);animation:none}
.scene7 .money-item .year{position:absolute;left:0;right:0;bottom:1px;margin:0;color:#f0d39d;text-align:center}
.scene7 .ledger-drawer{display:none!important}
#storyMediaDialog .dialog-note{margin:10px 1px 0;color:#51362a;font:11px/1.7 var(--font-body);text-align:left}

/* Screen 9 — complete board + lower piece tray + living scene. */
.scene9{background:radial-gradient(circle at 50% 42%,#c86146,#a33e2e 63%,#6f251d)}
.scene9 .village-echo{inset:13% -10% -5%;background-image:url('assets/story/puzzle-village-editorial-v4.webp');opacity:.1;filter:saturate(.8) sepia(.12)}
.scene9 .puzzle-board{left:12%;right:12%;top:18%;aspect-ratio:1;gap:2px;padding:6px;background-color:#c7a365;background-image:url('assets/story/puzzle-village-editorial-v4.webp');background-size:cover;background-position:center;box-shadow:0 19px 42px rgba(34,5,3,.58),inset 0 0 0 1px #f1d69b;touch-action:none}
.scene9 .puzzle-board:before{content:"";position:absolute;inset:6px;background:rgba(93,37,27,.68);backdrop-filter:sepia(.5) blur(1px);transition:opacity .7s;pointer-events:none}
.scene9 .puzzle-slot{position:relative;z-index:2;min-width:0;min-height:0;padding:0;border:1px dashed rgba(247,222,174,.5);background:rgba(76,24,18,.18)}
.scene9 .puzzle-slot:after{content:attr(data-slot);position:absolute;inset:0;display:grid;place-items:center;color:rgba(249,226,181,.34);font:16px Georgia,serif}
.scene9 .puzzle-slot.is-filled{border-style:solid;border-color:rgba(255,235,193,.25)}.scene9 .puzzle-slot.is-filled:after{display:none}.scene9 .puzzle-slot.is-wrong{animation:puzzleWrong .28s ease}
.scene9 .puzzle-piece{width:100%;height:100%;padding:0;border:1px solid rgba(248,225,177,.75);background-image:url('assets/story/puzzle-village-editorial-v4.webp');background-size:300% 300%;box-shadow:0 4px 11px rgba(49,8,5,.35);transition:transform .22s,box-shadow .22s;touch-action:none}.scene9 .puzzle-piece.is-selected{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 3px #f3cf83,0 8px 18px rgba(45,7,4,.4)}.scene9 .puzzle-piece.is-dragging{position:relative;z-index:20;transition:none;opacity:.92}.scene9 .puzzle-piece.is-placed{border:0;box-shadow:none}
.scene9 .puzzle-tray{position:absolute;z-index:7;left:9%;right:9%;top:64%;height:16%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:48%;gap:5px;padding:7px;background:rgba(80,22,17,.46);border:1px solid rgba(230,190,119,.43);box-shadow:0 12px 25px rgba(47,7,4,.25);touch-action:none}.scene9 .puzzle-tray .puzzle-piece{min-width:0;min-height:0}
.scene9 .puzzle-life{position:absolute;z-index:8;left:12%;right:12%;top:18%;aspect-ratio:1;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .7s}.scene9.puzzle-complete .puzzle-life{opacity:1}.scene9.puzzle-complete .puzzle-board:before{opacity:0}.scene9.puzzle-complete .puzzle-tray{opacity:0;pointer-events:none;transform:translateY(12px)}
.life-smoke{position:absolute;width:12px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(244,226,190,.7),transparent 70%);filter:blur(3px);opacity:0}.life-smoke.s1{left:39%;top:47%}.life-smoke.s2{left:43%;top:45%;animation-delay:.8s}.scene9.puzzle-complete .life-smoke{animation:puzzleSmoke 2.6s ease-in-out infinite}
.scene9 .life-lamp{position:absolute;left:61%;top:45%;width:20px;height:20px;border-radius:50%;background:rgba(255,226,147,.65);box-shadow:0 0 20px 11px rgba(255,211,104,.38);animation:puzzleLight 1.8s ease-in-out infinite}.scene9 .life-tv{position:absolute;left:57%;top:53%;width:24px;height:15px;background:rgba(125,194,216,.65);box-shadow:0 0 13px rgba(143,216,237,.55);animation:puzzleTv .22s steps(2) infinite}.scene9 .life-walker{position:absolute;left:19%;top:75%;width:7px;height:17px;border-radius:45% 45% 30% 30%;background:#4b2c25;animation:puzzleWalk 5s linear infinite}
.scene9 .puzzle-success{top:79%;font-size:24px}.scene9.puzzle-complete .puzzle-success{opacity:1;transform:scale(1)}.scene9 .puzzle-hint{bottom:7.5%;font-size:9px}.scene9 .puzzle-skip{right:6.5%;bottom:4.2%;min-height:30px;padding:5px 8px;border:0;border-bottom:1px solid rgba(231,193,126,.55);background:transparent;color:#e6c58c;font:9px/1 var(--font-ui);letter-spacing:.08em}
@keyframes puzzleWrong{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@keyframes puzzleSmoke{0%{opacity:0;transform:translateY(8px) scale(.7)}35%{opacity:.75}100%{opacity:0;transform:translateY(-28px) translateX(8px) scale(1.5)}}
@keyframes puzzleLight{50%{opacity:.72;box-shadow:0 0 27px 14px rgba(255,211,104,.48)}}
@keyframes puzzleTv{50%{filter:brightness(1.35)}}
@keyframes puzzleWalk{0%{transform:translateX(-18px)}50%{transform:translateX(42px)}100%{transform:translateX(86px)}}
@media(max-height:700px){.scene9 .puzzle-board,.scene9 .puzzle-life{top:16%;left:17%;right:17%}.scene9 .puzzle-tray{top:62%;height:15%}.scene9 .puzzle-success{top:77%}}

/* Transition quiz: same restrained single-frame dialog system, with calendar paper retained. */
#storyQuizDialog:not(.is-demo-quiz){width:min(calc(100vw - 42px),410px);padding:22px 20px 20px;border:1px solid rgba(101,61,40,.58);border-radius:0;background-color:#ead4a7;background-image:repeating-linear-gradient(0deg,transparent 0 32px,rgba(112,75,49,.12) 33px,transparent 34px),linear-gradient(145deg,#f3e3bd,#ddbd86);box-shadow:0 20px 60px rgba(27,8,4,.58)}
#storyQuizDialog:not(.is-demo-quiz):before{content:"时代问答";display:block;margin:0 0 13px;padding:0 0 9px;border-bottom:1px solid rgba(132,70,47,.35);color:#8f3a2f;font:8px/1 var(--font-ui);letter-spacing:.22em}
#storyQuizDialog:not(.is-demo-quiz) .archive-tag{display:none}
#storyQuizDialog:not(.is-demo-quiz) h3{margin:0 0 16px;color:#432b22;font-size:21px;line-height:1.5}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options{gap:7px}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button{min-height:43px;padding:8px 12px 8px 29px;border:1px solid rgba(104,66,43,.2);border-radius:0;background:rgba(255,247,222,.36);box-shadow:none}
#storyQuizDialog:not(.is-demo-quiz) .quiz-feedback{margin-top:13px;padding-top:11px;border-top:1px solid rgba(108,65,43,.26)}
.scene9 .life-tv{display:none!important}
#storyQuizDialog .quiz-feedback{white-space:pre-line}
#storyMediaDialog .dialog-body{background:#ded0ae}
#storyMediaDialog img,#storyMediaDialog video{display:block;width:100%;max-height:calc(100dvh - 140px);border:0;border-radius:0;box-shadow:none;object-fit:contain}
#storyMediaDialog .dialog-note{margin:10px 0 0;padding-top:8px;border-top:1px solid rgba(92,57,39,.17);color:#6a4c3b;font-size:10px;line-height:1.5;text-align:left}
#storyMediaDialog .dialog-close{right:10px;top:9px;width:24px;height:24px;border:0;border-radius:0;background:transparent;color:#533328;font:20px/1 Arial}
#storyMediaDialog.is-video{padding:4px;background:#17110e}
#storyMediaDialog.is-video .dialog-close{right:8px;top:8px;background:rgba(16,11,9,.66);border-color:rgba(241,221,180,.48);color:#fff0d0}

/* Typography consolidation — larger, formal content hierarchy across screens 3–11. */
:root{
  --story-title-size:clamp(34px,9.25cqw,43px);
  --story-dek-size:13px;
  --story-copy-size:15px;
  --story-copy-leading:1.72;
}
.story-screen .story-head{
  left:7%!important;
  right:7%!important;
  top:4.8%!important;
  padding-left:0!important;
  padding-right:42px!important;
  border-left:0!important;
  text-align:left;
}
.story-screen .story-head .chapter{
  margin:0 0 7px 6px!important;
  font:700 11px/1.25 var(--font-ui)!important;
  letter-spacing:.22em!important;
}
.story-screen .story-head h2{
  margin:0 0 0 -2px!important;
  font-family:var(--font-title)!important;
  font-size:var(--story-title-size)!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:.045em!important;
}
.story-screen .story-head .dek{
  display:block!important;
  margin:9px 0 0 6px!important;
  font:500 var(--story-dek-size)/1.5 var(--font-ui)!important;
  letter-spacing:.055em!important;
}

/* Narrative copy keeps one stable reading size; dates and controls remain secondary. */
.scene3 .s3-quote,
.scene4 .s4-handwriting,
.scene5 .s5-record,
.scene6 .s6-quote p,
.scene8 .life-card blockquote,
.scene10 .legacy-father-quote,
.scene10 .legacy-daughter-quote,
.scene11 .final-page p{
  font-family:var(--font-body)!important;
  font-size:var(--story-copy-size)!important;
  font-weight:400!important;
  line-height:var(--story-copy-leading)!important;
  letter-spacing:.035em!important;
}
.scene3 .s3-quote .s3-line,
.scene3 .s3-quote .date,
.scene3 .s3-quote .context,
.scene3 .s3-quote .emphasis,
.scene3 .s3-quote .coda,
.scene3 .s3-quote .coda b,
.scene5 .s5-record strong,
.scene6 .s6-quote p strong,
.scene8 .life-card blockquote b{
  font-size:inherit!important;
  font-weight:400!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
.scene3 .s3-quote .date,
.scene5 .s5-record span,
.scene6 .s6-quote time,
.scene8 .life-card .year,
.scene10 .legacy-father-quote cite,
.scene10 .legacy-daughter-quote cite,
.scene11 .final-page time{
  font-family:var(--font-ui)!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
}
.scene8 .life-card blockquote strong{
  margin-bottom:7px!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:.045em!important;
}
.scene7 .money-item .amount{
  font-size:17px!important;
  font-weight:600!important;
}
.scene9 .puzzle-success{
  font-size:26px!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
}
.scene10 .legacy-person figcaption b{
  font-size:18px!important;
  font-weight:400!important;
}
.scene11 .story-head{
  text-align:center!important;
  padding-left:42px!important;
}
.scene11 .story-head .chapter,
.scene11 .story-head h2,
.scene11 .story-head .dek{
  margin-left:0!important;
}
.scene11 .story-head h2{
  max-width:100%!important;
  font-size:32px!important;
}
.scene11 .story-head .dek{
  font-size:12px!important;
}

/* Small metadata stays intentionally quiet and consistent. */
.story-screen .story-back,
.story-screen .story-page,
.scene8 .life-count,
.scene7 .spending-hint,
.scene9 .puzzle-hint,
.scene11 .final-date{
  font-family:var(--font-ui)!important;
  font-size:10px!important;
  font-weight:400!important;
  letter-spacing:.1em!important;
}

@media(max-height:700px){
  :root{
    --story-title-size:clamp(31px,8.6cqw,39px);
    --story-dek-size:12px;
    --story-copy-size:14px;
  }
  .story-screen .story-head{top:3.6%!important}
}

/* Screen 10 motion correction — reveal only the painted ribbon from pen to phone. */
.scene10 .legacy-full-art img{
  filter:saturate(1.02) contrast(1.015) brightness(.94)!important;
}
.scene10 .legacy-scene:before{display:none!important}
.scene10 .legacy-scene:after{
  background:linear-gradient(180deg,rgba(42,6,4,.52) 0,rgba(42,6,4,.1) 18%,transparent 34% 56%,rgba(37,5,3,.25) 65%,rgba(31,4,3,.78) 100%),linear-gradient(90deg,rgba(44,7,5,.15),transparent 38% 75%,rgba(44,7,5,.08))!important;
}
.scene10 .legacy-glow-trace{
  display:block!important;position:absolute!important;z-index:3!important;inset:0!important;
  width:auto!important;height:auto!important;border-radius:0!important;
  background:rgba(55,25,16,.72)!important;box-shadow:none!important;filter:none!important;
  clip-path:polygon(20% 73%,25% 65%,34% 57%,43% 50%,54% 42%,64% 34%,72% 27%,77% 31%,69% 40%,59% 49%,48% 57%,37% 64%,27% 72%)!important;
  opacity:1!important;transform:scaleX(1)!important;transform-origin:right center!important;
}
.scene10.is-active .legacy-glow-trace{animation:legacyRibbonUncover 5.4s .7s cubic-bezier(.25,.1,.18,1) forwards!important}
.scene10.is-returned .legacy-glow-trace{opacity:0!important;transform:scaleX(0)!important;animation:none!important}
@keyframes legacyRibbonUncover{0%{opacity:1;transform:scaleX(1)}92%{opacity:.82}100%{opacity:0;transform:scaleX(0)}}

.scene10 .legacy-words{
  left:6.8%!important;right:6.8%!important;bottom:7.3%!important;height:30%!important;
  gap:7px!important;align-content:end!important;
}
.scene10 .legacy-handoff,.scene10 .legacy-answer{
  width:100%!important;box-sizing:border-box!important;padding:7px 10px 7px 13px!important;
  background:linear-gradient(90deg,rgba(43,6,4,.72),rgba(43,6,4,.34) 72%,rgba(43,6,4,.08))!important;
}
.scene10 .legacy-handoff{font-size:clamp(12.5px,3.45cqw,15px)!important;line-height:1.52!important}
.scene10 .legacy-answer{font-size:clamp(11px,3.02cqw,13.5px)!important;line-height:1.48!important}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong,
.scene10 .legacy-answer span,.scene10 .legacy-answer strong{max-width:none!important;width:100%!important}
.scene10.is-active .legacy-handoff small{animation:legacyLineWrite .58s .8s ease forwards!important}
.scene10.is-active .legacy-handoff span:nth-of-type(1){animation:legacyLineWrite .78s 1.45s ease forwards!important}
.scene10.is-active .legacy-handoff strong{animation:legacyLineWrite .76s 2.25s ease forwards!important}
.scene10.is-active .legacy-answer small{animation:legacyLineWrite .58s 2.8s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(1){animation:legacyLineWrite .8s 3.3s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(2){animation:legacyLineWrite .76s 4s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(3){animation:legacyLineWrite .76s 4.65s ease forwards!important}
.scene10.is-active .legacy-answer strong{animation:legacyLineWrite .7s 5.25s ease forwards!important}
@media(max-height:700px){
  .scene10 .legacy-words{left:6.8%!important;right:6.8%!important;bottom:6.7%!important;height:31.5%!important;gap:3px!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding:4px 8px 4px 10px!important}
  .scene10 .legacy-handoff{font-size:10.8px!important;line-height:1.38!important}
  .scene10 .legacy-answer{font-size:9.8px!important;line-height:1.36!important}
}

/* Screen 7 — responsive archival ledger visualization. */
.scene7{
  overflow:hidden!important;background:#731d17!important;color:#fff0cf!important;
}
.scene7:before{
  z-index:2!important;opacity:1!important;animation:none!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 72% 32%,rgba(220,94,55,.2),transparent 34%),
    linear-gradient(180deg,rgba(80,12,10,.88) 0,rgba(132,31,23,.76) 31%,rgba(105,20,17,.78) 70%,rgba(48,6,6,.93) 100%)!important;
}
.scene7:after{
  z-index:3!important;opacity:.12!important;pointer-events:none!important;
  background-image:radial-gradient(rgba(255,226,176,.35) .45px,transparent .8px)!important;background-size:7px 7px!important;
  box-shadow:inset 0 0 55px rgba(31,6,4,.36)!important;
}
.scene7 .s7-ledger-bg{
  position:absolute;z-index:1;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:50% 48%;
  filter:blur(2px) sepia(.68) saturate(.3) contrast(1.08) brightness(.48);transform:scale(1.025);
}
.scene7 .story-head{z-index:8!important;left:7%!important;right:12%!important;top:4.5%!important;padding:0!important;border:0!important}
.scene7 .story-head .chapter{color:#efc77f!important;font-weight:700!important;text-shadow:0 2px 8px rgba(38,7,5,.58)!important}
.scene7 .story-head h2{color:#fff2cf!important;font-weight:700!important;text-shadow:0 3px 13px rgba(38,7,5,.72)!important}
.scene7 .story-head .dek{color:#efd6a7!important;text-shadow:0 2px 8px rgba(38,7,5,.65)!important}
.scene7 .spending-stage{
  position:absolute;z-index:6;left:5%;right:5%;top:15.5%;height:54.5%;overflow:hidden;touch-action:pan-y;
  border:0;background:linear-gradient(180deg,rgba(113,29,22,.02),rgba(59,10,8,.16));box-shadow:none;
}
.scene7 .spending-unit{position:absolute;z-index:4;left:2%;top:2%;margin:0;color:#efcb83;font:700 8px/1 var(--font-ui);letter-spacing:.14em}
.scene7 .spending-chart{
  position:absolute!important;left:0!important;right:0!important;top:3%!important;bottom:2%!important;width:auto!important;min-width:0!important;height:auto!important;
  margin:0!important;padding:0 1% 35px!important;border:0!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  overflow:visible!important;background:transparent!important;box-shadow:none!important;
}
.scene7 .spending-chart:before{
  content:""!important;position:absolute!important;left:3%!important;right:3%!important;bottom:68px!important;height:2px!important;
  background:linear-gradient(90deg,rgba(238,199,128,.08),#efc56f 8% 92%,rgba(238,199,128,.08))!important;
  box-shadow:0 1px rgba(48,9,6,.5)!important;animation:none!important;
}
.scene7 .money-item{
  position:relative!important;z-index:2!important;flex:0 0 18%!important;width:18%!important;height:100%!important;margin:0!important;padding:0 2px 35px!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;
  border:0!important;background:transparent!important;color:#f3d79d!important;overflow:visible!important;opacity:.45;transition:flex-basis .44s cubic-bezier(.2,.75,.2,1),width .44s cubic-bezier(.2,.75,.2,1),opacity .34s ease,filter .34s ease!important;
}
.scene7 .money-item.is-selected{z-index:4!important;flex-basis:44%!important;width:44%!important;opacity:1;filter:drop-shadow(0 0 11px rgba(246,185,93,.38))}
.scene7 .money-item:not(.is-selected) .amount{bottom:calc(var(--bar)*.67% + 47px)!important;transform:translateX(-50%) scale(.84)!important;opacity:.72}
.scene7 .money-item.is-selected .amount{bottom:max(calc(var(--bar)*.82% + 47px),calc(70% + 47px))!important;transform:translateX(-50%) scale(1.12)!important}
.scene7 .money-item .amount{
  position:absolute!important;z-index:5!important;left:50%!important;bottom:calc(var(--bar)*.82% + 47px)!important;transform:translateX(-50%)!important;
  color:#ffe4a9!important;font:700 clamp(13px,3.8cqw,18px)/1 Georgia,serif!important;white-space:nowrap!important;text-shadow:0 2px 8px rgba(36,6,4,.8)!important;transition:bottom .38s ease,transform .38s ease,opacity .38s ease!important;
}
.scene7 .money-item .amount small{display:block!important;margin:0 0 4px!important;color:rgba(240,211,160,.75)!important;font:600 6px/1 var(--font-ui)!important;letter-spacing:.08em!important}
.scene7 .money-item .bar{
  position:relative!important;width:58%!important;max-width:48px!important;height:0!important;margin:0!important;border:1px solid rgba(255,224,169,.72)!important;border-top:4px solid #a63d31!important;border-radius:1px!important;
  background-color:#dfc395!important;
  background-image:linear-gradient(90deg,transparent 0 10px,rgba(154,56,43,.19) 11px,transparent 12px),repeating-linear-gradient(0deg,transparent 0 13px,rgba(107,68,43,.13) 14px),linear-gradient(145deg,#f0dcb4,#c99f6a)!important;
  box-shadow:0 8px 17px rgba(35,5,4,.38),inset 0 0 0 1px rgba(255,244,213,.24)!important;
  transform-origin:center bottom;transition:height 1.15s cubic-bezier(.16,.8,.28,1) var(--delay),transform .34s ease,filter .34s ease!important;
}
.scene7 .money-item .bar:before{content:""!important;display:block!important;position:absolute!important;left:5px!important;right:5px!important;top:-9px!important;height:7px!important;background:radial-gradient(circle,#66422f 0 1.5px,#d9bd8a 1.8px 2.8px,transparent 3px) 0 0/13px 7px repeat-x!important}
.scene7 .money-item .bar b{display:block!important;position:absolute!important;left:5px!important;right:5px!important;top:8px!important;height:1px!important;background:rgba(143,52,41,.38)!important;box-shadow:none!important}
.scene7 .money-item .bar em{position:absolute;left:2px;right:2px;top:50%;transform:translateY(-42%);color:#744334;font:700 clamp(7px,2.1cqw,10px)/1.4 var(--font-title);font-style:normal;text-align:center;letter-spacing:.02em;text-shadow:0 1px rgba(255,241,207,.28)}
.scene7 .money-item .bar em span,.scene7 .money-item .bar em small{display:block}.scene7 .money-item .bar em small{max-height:0;margin-top:0;overflow:hidden;opacity:0;color:#8a4b38;font:600 clamp(6px,1.75cqw,8px)/1.35 var(--font-body);transition:max-height .3s ease,opacity .3s ease,margin .3s ease}
.scene7.is-active .money-item .bar{height:calc(var(--bar)*.82%)!important}
.scene7 .money-item:not(.is-selected) .bar{transform:scaleX(.76) scaleY(.82);filter:saturate(.72) brightness(.86)}
.scene7 .money-item .dot{
  position:absolute!important;z-index:5!important;left:50%!important;bottom:30px!important;width:9px!important;height:9px!important;margin:0!important;transform:translateX(-50%)!important;
  border:2px solid #f6d995!important;border-radius:50%!important;background:#a53e30!important;box-shadow:0 0 0 3px rgba(101,25,20,.46)!important;animation:none!important;
}
.scene7 .money-item.is-selected .bar{width:72%!important;max-width:118px!important;min-height:70%!important;transform:none;border-color:#ffe0a0!important;box-shadow:0 9px 20px rgba(35,5,4,.42),0 0 19px rgba(246,190,96,.42),inset 0 0 0 1px rgba(255,245,215,.35)!important}
.scene7 .money-item.is-selected .bar em{left:8px;right:8px;transform:translateY(-48%);font-size:11px!important;line-height:1.4!important}
.scene7 .money-item.is-selected .bar em small{max-height:96px;margin-top:9px;opacity:1;font-size:9px!important;line-height:1.52!important}
.scene7 .money-item.is-selected .dot{background:#ef6048!important;box-shadow:0 0 0 3px rgba(247,216,151,.22),0 0 13px rgba(255,190,102,.68)!important}
.scene7 .money-item .year{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;color:#f2d49c!important;text-align:center!important;box-shadow:none!important;font:700 11px/1 Georgia,serif!important;transition:transform .34s ease,opacity .34s ease!important;
}
.scene7 .money-item:not(.is-selected) .year{transform:scale(.86)!important;opacity:.66}
.scene7 .money-item .year:before{display:none!important}.scene7 .money-item .year b{font:inherit!important}.scene7 .money-item .year small{display:block!important;margin-top:4px!important;color:rgba(239,210,157,.62)!important;font:6px/1 var(--font-ui)!important;letter-spacing:.04em!important}
.scene7 .money-item.is-selected .year{color:#fff0c8!important;transform:none!important;border:0!important;box-shadow:none!important}
.scene7 .spending-detail{
  position:absolute;z-index:8;left:7%;right:7%;bottom:14%;min-height:108px;padding:14px 60px 13px 17px;
  display:flex;align-items:center;border:1px solid rgba(255,226,174,.2);border-radius:8px;
  background:linear-gradient(105deg,rgba(70,15,12,.82),rgba(97,24,18,.54));color:#fff0d0;
  box-shadow:0 12px 28px rgba(31,5,4,.24),inset 0 1px rgba(255,232,188,.08);backdrop-filter:blur(9px) saturate(1.08);
}
.scene7 .spending-detail p{margin:0 0 7px;color:#e9c888;font:700 10px/1.2 var(--font-ui);letter-spacing:.08em}
.scene7 .spending-detail strong{display:block;margin-bottom:6px;color:#fff0cc;font:700 17px/1.15 var(--font-title)}
.scene7 .spending-detail span{display:block;color:#f2ddba;font:600 11px/1.55 var(--font-body)}
.scene7 #spendingOriginal{
  position:absolute;right:16px;top:50%;width:34px;height:34px;padding:0;display:grid;place-items:center;transform:translateY(-50%);
  border:2px solid #ffe7b5;border-radius:50%;background:#df4435;color:#fffdf4;font:700 24px/1 Arial,sans-serif;
  box-shadow:0 0 0 4px rgba(91,20,15,.24),0 0 18px rgba(255,105,75,.56),0 6px 15px rgba(24,5,3,.42);
}
.scene7 .spending-control{position:absolute;z-index:9;left:50%;bottom:10%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#e6c78d;font:7px/1 var(--font-ui);letter-spacing:.1em;white-space:nowrap}
.scene7 .spending-control button{width:25px;height:25px;padding:0;border:1px solid rgba(236,205,150,.48);border-radius:50%;background:rgba(86,23,18,.48);color:#f0d19a;font:18px/1 Georgia,serif}
.scene7 .story-back,.scene7 .story-page{z-index:10!important;color:#dfbf84!important;text-shadow:0 1px 5px rgba(30,5,3,.7)!important}

@media(max-height:700px){
  .scene7 .story-head{top:3.5%!important}.scene7 .spending-stage{top:15.5%;height:52.5%}.scene7 .spending-detail{bottom:14%;min-height:98px;padding-top:11px;padding-bottom:10px}
  .scene7 .spending-detail strong{font-size:15px}.scene7 .spending-detail span{font-size:10px;line-height:1.48}.scene7 .spending-control{bottom:9.8%}
  .scene7 .money-item .amount{bottom:calc(var(--bar)*.76% + 47px)!important}.scene7.is-active .money-item .bar{height:calc(var(--bar)*.76%)!important}
  .scene7 .money-item.is-selected .amount{bottom:max(calc(var(--bar)*.76% + 47px),calc(66% + 47px))!important}
  .scene7 .money-item.is-selected .bar{min-height:66%!important}
}
@media(max-width:360px){
  .scene7 .spending-stage{left:4%;right:4%}.scene7 .money-item{flex-basis:18%!important;width:18%!important}.scene7 .money-item.is-selected{flex-basis:44%!important;width:44%!important}.scene7 .money-item .bar{width:48%!important}.scene7 .money-item.is-selected .bar{width:74%!important}
  .scene7 .money-item .amount{font-size:12px!important}.scene7 .spending-detail{left:5%;right:5%;padding-left:14px;padding-right:54px}.scene7 .spending-detail span{font-size:9.5px}
}

/* Screen 3 — full-bleed documentary poster. The copy sits in the image's light wall area. */
.scene3{
  background:#3f281d!important;
  color:#fff1cf!important;
}
.scene3:before{
  z-index:2!important;
  opacity:1!important;
  background:
    linear-gradient(180deg,rgba(35,20,13,.35) 0,rgba(35,20,13,.04) 19%,transparent 52%,rgba(31,17,11,.03) 74%,rgba(25,13,9,.3) 100%),
    linear-gradient(90deg,rgba(40,22,14,.12),transparent 52%,rgba(46,27,18,.03))!important;
  filter:none!important;
}
.scene3:after{
  z-index:3!important;
  opacity:.06!important;
  background-image:radial-gradient(rgba(255,239,201,.16) .5px,transparent .8px)!important;
  background-size:7px 7px!important;
  box-shadow:inset 0 0 58px rgba(34,18,11,.42)!important;
}
.scene3 .s3-portrait{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  transform:none!important;
}
.scene3 .s3-portrait picture{display:block;width:100%;height:100%}
.scene3 .s3-portrait img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:57% center!important;
  filter:saturate(.94) contrast(1.02) brightness(1.08)!important;
  transform:scale(1.01)!important;
  animation:none!important;
}
.scene3.is-active .s3-portrait img{animation:none!important}
.scene3 .s3-portrait:before,.scene3 .s3-portrait:after{display:none!important}
.scene3 .story-head{
  z-index:6!important;
  top:5.5%!important;
  left:7%!important;
  right:7%!important;
  color:#fff0c9!important;
  text-shadow:0 2px 12px rgba(30,14,8,.62)!important;
}
.scene3 .story-head .chapter{color:#f0c987!important}
.scene3 .story-head h2{color:#fff1ce!important;font-size:clamp(36px,10cqw,46px)!important}
.scene3 .story-head .dek{display:none!important}
.scene3 .s3-quote{
  z-index:6!important;
  right:4.5%!important;
  top:21%!important;
  width:55%!important;
  margin:0!important;
  padding:19px 2px 18px 10px!important;
  border:0!important;
  border-left:0!important;
  background:linear-gradient(90deg,rgba(45,25,16,.48),rgba(45,25,16,.08) 82%,transparent)!important;
  box-shadow:none!important;
  color:#fff0cf!important;
  font-size:16px!important;
  line-height:1.76!important;
  text-shadow:0 2px 8px rgba(23,11,7,.78)!important;
  transform:none!important;
}
.scene3 .s3-quote:before{color:#efc77f!important;font-size:11px!important;letter-spacing:.14em!important}
.scene3 .s3-quote .s3-line,.scene3 .s3-quote .date,.scene3 .s3-quote .context,.scene3 .s3-quote .emphasis,.scene3 .s3-quote .coda,.scene3 .s3-quote .coda b{color:inherit!important}
.scene3 .s3-quote .date{color:#f4ce87!important;font-weight:600!important}
.scene3 .s3-quote .emphasis{color:#fff3d4!important;font-weight:700!important}
.scene3 .s3-quote .coda{border-color:rgba(244,211,151,.34)!important}
.scene3 .s3-quote .context{font-size:.88em!important;line-height:1.68!important}
.scene3 .s3-quote .context:nth-child(2){margin-bottom:10px!important}
.scene3.is-active .s3-quote .s3-line:nth-child(5){animation:s3ParagraphReveal .72s 3.35s ease forwards}
.scene3 .s3-video{
  z-index:7!important;
  left:auto!important;
  right:6%!important;
  top:auto!important;
  bottom:8.5%!important;
  width:auto!important;
  max-width:none!important;
  height:42px!important;
  padding:5px 13px 5px 6px!important;
  border:1px solid rgba(245,214,158,.65)!important;
  border-radius:999px!important;
  background:rgba(70,32,22,.78)!important;
  color:#fff0cf!important;
  backdrop-filter:blur(5px)!important;
}
.scene3 .s3-video b{width:30px!important;height:30px!important;background:#e6b96d!important;color:#5e251b!important}
.scene3 .s3-video span{display:grid!important;color:#fff0cf!important;font-size:11px!important}
.scene3 .s3-video small{color:#e6bd7b!important;font-size:7px!important}
.scene3 .story-back,.scene3 .story-page{z-index:7!important;color:#e8c486!important;text-shadow:0 1px 6px rgba(25,11,7,.7)!important}

@media(max-height:700px){
  .scene3 .story-head{top:4.5%!important}
  .scene3 .s3-quote{top:19.5%!important;font-size:15px!important;line-height:1.68!important}
  .scene3 .s3-video{bottom:7.5%!important}
}

/* Screen 3 stays visually still: remove the inherited sweeping light edge. */
.scene3:before{
  animation:none!important;
  transform:none!important;
}
.scene3 .story-head .chapter{
  color:#ffd58a!important;
  font-weight:700!important;
  text-shadow:0 2px 8px rgba(28,12,7,.72)!important;
}
.scene3 .story-head h2{
  color:#fff8df!important;
  font-weight:600!important;
  text-shadow:0 3px 14px rgba(25,10,6,.82),0 1px 2px rgba(25,10,6,.9)!important;
}

/* Remove inherited horizontal stretch/light sweeps from every content screen. */
.story-screen:before{animation:none!important;transform:none!important}

/* Screen 4 — clear editorial header above a large, uninterrupted interactive image. */
.scene4 .story-head{
  left:7%!important;right:7%!important;top:4.8%!important;
  padding:0 42px 0 0!important;background:transparent!important;box-shadow:none!important;
}
.scene4 .story-head .chapter{margin:0 0 7px 6px!important;color:#8f382c!important;font-weight:600!important}
.scene4 .story-head h2{
  margin:0 0 0 -2px!important;color:#34241d!important;font-size:var(--story-title-size)!important;font-weight:600!important;
  line-height:1.12!important;letter-spacing:.045em!important;white-space:nowrap!important;text-shadow:none!important;
}
.scene4 .story-head .dek{
  margin:9px 0 0 6px!important;color:#604333!important;font-size:var(--story-dek-size)!important;font-weight:600!important;line-height:1.5!important;
  white-space:nowrap!important;
}
.scene4 .s4-handwriting{
  left:7%!important;right:7%!important;top:19%!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;color:#49352a!important;
  font-family:var(--font-body)!important;font-size:15px!important;font-weight:600!important;
  line-height:1.65!important;letter-spacing:.02em!important;text-align:left!important;text-shadow:none!important;
}
.scene4 .s4-actions{
  z-index:12!important;left:auto!important;right:6%!important;top:auto!important;bottom:8.5%!important;
  display:block!important;width:auto!important;padding:0!important;border:0!important;
}
.scene4 .s4-actions span{display:none!important}
.scene4 .s4-actions button{
  min-height:38px!important;padding:0 16px!important;border:1px solid rgba(241,205,139,.65)!important;
  border-radius:999px!important;background:rgba(68,28,20,.78)!important;color:#fff0cb!important;
  font:600 11px/1 var(--font-ui)!important;letter-spacing:.08em!important;box-shadow:0 6px 16px rgba(20,8,5,.3)!important;
  backdrop-filter:blur(4px)!important;
}
.scene4 .light-lab{
  left:0!important;right:0!important;top:32%!important;bottom:0!important;width:100%!important;height:auto!important;
  border:0!important;box-shadow:none!important;background:#17100d!important;
}
.scene4 .s4-frame{object-fit:cover!important;object-position:50% center!important}
.scene4 .s4-current{display:none!important}
.scene4 .s4-handle{width:1px!important;background:transparent!important;box-shadow:none!important}
.scene4 .light-lab:before{display:none!important}
.scene4 .s4-era{top:14px!important}
.scene4 .light-caption{bottom:12%!important}
.scene4 .story-back,.scene4 .story-page{z-index:11!important}

/* Image originals use the same quiet, media-first treatment as video playback. */
#storyMediaDialog:not(.is-video){
  box-sizing:border-box!important;
  width:min(calc(100cqw - 16px),430px)!important;
  max-width:min(calc(100cqw - 16px),430px)!important;
  padding:4px!important;border:1px solid rgba(231,210,171,.35)!important;
  border-radius:4px!important;background:#17110e!important;box-shadow:0 24px 70px rgba(0,0,0,.68)!important;
}
#storyMediaDialog:not(.is-video) h3,#storyMediaDialog:not(.is-video) .dialog-note{display:none!important}
#storyMediaDialog:not(.is-video) .dialog-body{background:#17110e!important}
#storyMediaDialog:not(.is-video) img{max-height:82dvh!important;background:#17110e!important;object-fit:contain!important}
#storyMediaDialog:not(.is-video) .dialog-close{
  right:8px!important;top:8px!important;width:32px!important;height:32px!important;border:1px solid rgba(241,221,180,.35)!important;
  border-radius:50%!important;background:rgba(16,11,9,.72)!important;color:#fff0d0!important;z-index:3!important;
}

@media(max-height:700px){
  .scene4 .story-head{top:3.6%!important}
  .scene4 .story-head h2{font-size:var(--story-title-size)!important}
  .scene4 .story-head .dek{font-size:var(--story-dek-size)!important}
  .scene4 .s4-handwriting{top:18%!important;font-size:14px!important;line-height:1.58!important}
  .scene4 .s4-actions{top:auto!important;bottom:8.5%!important}
  .scene4 .light-lab{top:32%!important}
}

/* Static archive-paper atmosphere for the fourth screen's editorial header. */
.scene4{
  background:
    radial-gradient(circle at 88% 8%,rgba(151,57,43,.16),transparent 24%),
    radial-gradient(circle at 16% 21%,rgba(255,249,220,.72),transparent 31%),
    linear-gradient(135deg,#f1dfb7 0%,#e3c78f 58%,#cfa568 100%)!important;
}
.scene4:before{
  opacity:1!important;
  background:
    linear-gradient(118deg,transparent 0 68%,rgba(143,55,42,.07) 68.3% 76%,transparent 76.3%),
    repeating-linear-gradient(7deg,rgba(85,52,31,.03) 0 1px,transparent 1px 6px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px)!important;
  filter:none!important;
}
.scene4:after{
  opacity:.12!important;
  background-image:radial-gradient(rgba(73,42,25,.24) .45px,transparent .8px)!important;
  background-size:7px 7px!important;
  box-shadow:inset 0 0 48px rgba(91,48,27,.18)!important;
}

/* Screen 5 — full-width night scene with an aged, legible television picture. */
.scene5 .story-head{left:7%!important;right:7%!important;top:4.8%!important;padding-right:42px!important}
.scene5 .story-head .chapter{margin-left:6px!important}
.scene5 .story-head h2{
  margin-left:-2px!important;font-size:28px!important;font-weight:500!important;line-height:1.12!important;
  letter-spacing:.035em!important;white-space:nowrap!important;
}
.scene5 .story-head .dek{margin:8px 0 0 6px!important;font-size:12px!important;white-space:nowrap!important}
.scene5 .s5-night{
  left:0!important;right:0!important;top:16%!important;height:58%!important;
  border:0!important;box-shadow:none!important;
}
.scene5 .s5-night>img{object-fit:cover!important;object-position:50% center!important;filter:saturate(.82) contrast(1.04) brightness(.94)!important}
.scene5 .s5-night:after{box-shadow:inset 0 0 26px rgba(0,0,0,.2)!important}
.scene5 .s5-night figcaption{left:7%!important;bottom:9px!important}
.scene5 .s5-tv-hotspot i{
  display:block!important;position:absolute!important;inset:3px!important;border-radius:1px!important;
  background:url("assets/story/posters/s5-interview.jpg") 30% 45% / 230% auto no-repeat!important;
  filter:grayscale(1) sepia(.3) blur(1.05px) contrast(1.18) brightness(.7)!important;
  opacity:.88!important;animation:none!important;overflow:hidden!important;
}
.scene5 .s5-tv-hotspot i:after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background:
    repeating-linear-gradient(12deg,rgba(238,225,194,.1) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(-18deg,rgba(18,17,15,.12) 0 1px,transparent 1px 5px)!important;
  mix-blend-mode:soft-light!important;opacity:.58!important;pointer-events:none!important;
}
.scene5 .s5-tv-hotspot{
  left:62.6%!important;top:34.2%!important;width:16.6%!important;height:11.9%!important;
  border:2px solid rgba(18,18,17,.92)!important;border-radius:3px!important;
  background:#242526!important;box-shadow:inset 0 0 0 1px rgba(112,108,95,.42)!important;
}
.scene5 .s5-tv-hotspot i:after{
  display:none!important;
}
.scene5 .s5-tv-hotspot span{display:none!important}
.scene5 .s5-night figcaption:after{display:none!important;content:""!important}
.scene5 .s5-tv-hotspot:after{
  content:"›"!important;display:grid!important;place-items:center!important;
  left:50%!important;right:auto!important;bottom:-9px!important;width:18px!important;height:18px!important;
  border:1px solid rgba(255,225,178,.72)!important;border-radius:50%!important;
  background:#aa3329!important;color:#fff4dd!important;
  font:700 15px/1 Arial,sans-serif!important;box-shadow:0 3px 9px rgba(17,6,4,.48)!important;
  transform:translateX(-50%)!important;
}
.scene5 .s5-record{
  left:7%!important;right:7%!important;top:76%!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
  color:#f2dfba!important;font-family:var(--font-body)!important;font-size:15px!important;font-weight:600!important;
  line-height:1.7!important;letter-spacing:.025em!important;
}
.scene5 .s5-record span{
  display:block!important;margin:0 0 7px!important;color:#dcb26f!important;
  font:600 11px/1.3 var(--font-ui)!important;letter-spacing:.12em!important;
}
.scene5 .s5-video{
  right:5%!important;top:63%!important;width:auto!important;max-width:43%!important;min-height:40px!important;
  z-index:8!important;background:rgba(28,18,15,.78)!important;border-color:rgba(239,204,126,.72)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.26)!important;backdrop-filter:blur(6px);
}

@media(max-height:700px){
  .scene5 .story-head{top:3.6%!important}
  .scene5 .story-head h2{font-size:27px!important}
  .scene5 .story-head .dek{font-size:11px!important}
  .scene5 .s5-night{top:15.5%!important;height:57%!important}
  .scene5 .s5-record{top:74.5%!important;font-size:14px!important;line-height:1.58!important}
  .scene5 .s5-video{top:61.5%!important}
}

/* Every video entry belongs to its image, keeping controls out of the reading area. */
.scene6 .tax-doc .s6-video{
  position:absolute!important;z-index:9!important;right:3.5%!important;bottom:3.5%!important;
  display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-height:40px!important;
  padding:5px 11px 5px 6px!important;border:1px solid rgba(235,204,145,.7)!important;border-radius:999px!important;
  background:rgba(48,28,21,.78)!important;color:#fff0cf!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(5px);
}
.scene6 .tax-doc figcaption{left:9px!important;right:auto!important;bottom:9px!important}

/* Screen 4 follows the same image-first narrative order as screen 5. */
.scene4{
  background:linear-gradient(180deg,#efddb5 0 16%,#1c1512 16% 100%)!important;
}
.scene4 .light-lab{
  top:16%!important;
  bottom:auto!important;
  height:55%!important;
}
.scene4 .s4-handwriting{
  left:7%!important;right:7%!important;top:73%!important;
  color:#f2dfba!important;font-size:15px!important;font-weight:600!important;line-height:1.65!important;
}
.scene4 .s4-handwriting:before{
  content:"1987 / 台历档案"!important;display:block!important;margin:0 0 7px!important;
  color:#dcb26f!important;font:600 11px/1.3 var(--font-ui)!important;letter-spacing:.12em!important;
}
.scene4 .s4-actions{right:6%!important;top:84.5%!important;bottom:auto!important}
.scene4 .story-back,.scene4 .story-page{color:#c9aa75!important}

@media(max-height:700px){
  .scene4 .light-lab{top:15.5%!important;height:54%!important}
  .scene4 .s4-handwriting{top:71.5%!important;font-size:14px!important;line-height:1.58!important}
  .scene4 .s4-actions{top:83.5%!important;bottom:auto!important}
}

/* Screen 4 adopts screen 3's immersive poster composition. */
.scene4{
  background:#160c09!important;
  color:#fff0cf!important;
}
.scene4:before{
  z-index:4!important;opacity:1!important;pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(24,10,7,.38) 0,rgba(24,10,7,.03) 23%,transparent 55%,rgba(18,8,6,.24) 100%),
    linear-gradient(90deg,rgba(20,8,6,.12),transparent 45%,rgba(20,8,6,.03))!important;
}
.scene4:after{z-index:4!important;opacity:.08!important;pointer-events:none!important}
.scene4 .light-lab{
  z-index:2!important;inset:0!important;width:100%!important;height:100%!important;
  border:0!important;background:#160c09!important;box-shadow:none!important;
}
.scene4 .s4-stage{inset:0!important}
.scene4 .s4-frame{
  object-fit:cover!important;object-position:50% center!important;
  filter:saturate(1.02) contrast(1.04)!important;
  image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);
}
.scene4 .story-head{
  z-index:8!important;left:7%!important;right:7%!important;top:5.5%!important;
  padding:0 46px 0 0!important;color:#fff0cf!important;
}
.scene4 .story-head .chapter{margin-left:4px!important;color:#efc77f!important;text-shadow:0 2px 9px rgba(0,0,0,.7)!important}
.scene4 .story-head h2{
  margin-left:0!important;color:#fff4d9!important;font-size:clamp(36px,10cqw,46px)!important;font-weight:700!important;
  text-shadow:0 3px 14px rgba(20,7,4,.78)!important;
}
.scene4 .story-head .dek{margin-left:4px!important;color:rgba(255,239,205,.86)!important;text-shadow:0 2px 9px rgba(0,0,0,.74)!important}
.scene4 .s4-handwriting{
  z-index:8!important;left:auto!important;right:6%!important;top:30%!important;width:48%!important;
  padding:14px 15px!important;border:1px solid rgba(255,232,190,.14)!important;border-radius:8px!important;
  background:linear-gradient(112deg,rgba(62,34,26,.38),rgba(37,20,16,.22))!important;
  color:#fff0cf!important;font-size:15px!important;font-weight:600!important;line-height:1.72!important;
  text-shadow:0 2px 8px rgba(0,0,0,.6)!important;box-shadow:0 10px 30px rgba(0,0,0,.1)!important;
  backdrop-filter:blur(10px) saturate(1.08);
}
.scene4 .s4-handwriting:before{color:#efc77f!important}
.scene4 .s4-era{
  z-index:8!important;top:20%!important;padding:0!important;background:transparent!important;
  backdrop-filter:none!important;box-shadow:none!important;text-shadow:0 2px 9px rgba(0,0,0,.88)!important;
}
.scene4 .light-caption{z-index:8!important;bottom:9%!important;background:rgba(23,12,9,.62)!important}
.scene4 .s4-actions{z-index:13!important;right:6%!important;top:auto!important;bottom:8.5%!important}
.scene4 .story-back,.scene4 .story-page{z-index:13!important;color:#e8c486!important;text-shadow:0 1px 6px rgba(25,11,7,.7)!important}

@media(max-height:700px){
  .scene4 .light-lab{inset:0!important;width:100%!important;height:100%!important}
  .scene4 .story-head{top:4.5%!important}
  .scene4 .s4-handwriting{right:5%!important;top:29%!important;width:50%!important;font-size:14px!important;line-height:1.62!important}
  .scene4 .s4-era{top:19%!important}
  .scene4 .s4-actions{top:auto!important;bottom:8%!important}
}

/* Screen 4 mobile gesture fix: only the round handle owns horizontal dragging. */
.scene4 .light-slider{position:absolute!important;width:1px!important;height:1px!important;left:-9999px!important;top:auto!important;right:auto!important;bottom:auto!important;opacity:0!important;pointer-events:none!important}
.scene4 .s4-handle{pointer-events:none!important}
.scene4 .s4-handle i{top:69%!important;pointer-events:auto!important;touch-action:pan-y!important;cursor:ew-resize!important}
.scene4 .light-caption{top:73%!important;bottom:auto!important}
.scene4 .s4-actions{bottom:7.5%!important}
@media (max-width:520px){
  .scene4 .s4-handwriting{right:6%!important;top:27.5%!important;width:52%!important;padding:12px 13px!important;font-size:3.55cqw!important;line-height:1.62!important}
  .scene4 .s4-handle i{top:70%!important;width:40px!important;height:40px!important}
  .scene4 .light-caption{top:74%!important;bottom:auto!important}
  .scene4 .s4-actions{right:6%!important;top:76.5%!important;bottom:auto!important}
}

/* Screen 6 — full archival poster, following the approved image-first system. */
.scene6{
  background:
    radial-gradient(circle at 84% 9%,rgba(240,164,91,.18),transparent 27%),
    linear-gradient(155deg,#942f25 0%,#78241c 42%,#561a15 72%,#3b130f 100%)!important;
  color:#fff0cf!important;
}
.scene6:before{
  z-index:1!important;opacity:1!important;animation:none!important;transform:none!important;
  background:
    repeating-linear-gradient(8deg,rgba(255,229,177,.035) 0 1px,transparent 1px 7px),
    radial-gradient(circle at 13% 78%,rgba(235,177,86,.18),transparent 30%)!important;
  filter:none!important;
}
.scene6:after{z-index:1!important;opacity:.08!important;box-shadow:inset 0 0 55px rgba(0,0,0,.48)!important}
.scene6 .story-head{
  z-index:8!important;left:7%!important;right:7%!important;top:4.8%!important;padding-right:42px!important;
  color:#fff1d2!important;text-shadow:0 2px 12px rgba(18,7,4,.68)!important;
}
.scene6 .story-head .chapter{margin-left:4px!important;color:#efc477!important;font-weight:700!important}
.scene6 .story-head h2{
  margin-left:0!important;color:#fff5dc!important;font-size:clamp(29px,8.2cqw,39px)!important;font-weight:700!important;
  line-height:1.12!important;letter-spacing:.025em!important;white-space:nowrap!important;text-shadow:0 3px 14px rgba(18,7,4,.76)!important;
}
.scene6 .story-head .dek{margin:8px 0 0 4px!important;color:rgba(255,236,199,.82)!important;font-size:12px!important;white-space:nowrap!important}
.scene6 .tax-doc{
  z-index:4!important;left:0!important;right:0!important;top:18%!important;width:100%!important;height:54%!important;
  margin:0!important;overflow:hidden!important;border:0!important;background:#d6bc82!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;transform:none!important;
}
.scene6 .tax-doc:after{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;inset:0!important;
  background:linear-gradient(180deg,rgba(47,20,13,.04),transparent 66%,rgba(31,14,10,.28))!important;pointer-events:none!important;
}
.scene6 .tax-doc:before{
  display:none!important;content:""!important;
}
.scene6 .tax-doc>img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:52% 38%!important;
  filter:sepia(.08) saturate(.88) contrast(1.06) brightness(1.03)!important;
  transform:scale(1.16)!important;transform-origin:52% 46%!important;
}
.scene6 .tax-doc .s6-double-line{
  z-index:7!important;left:30%!important;right:14%!important;top:37%!important;width:auto!important;height:auto!important;
  display:block!important;
}
.scene6 .tax-doc .s6-double-line i{
  display:block!important;width:100%!important;height:3px!important;margin:0!important;
  background:linear-gradient(90deg,transparent,#c22720 3%,#a81817 97%,transparent)!important;
  box-shadow:0 0 7px rgba(192,34,27,.68)!important;transform:scaleX(0);transform-origin:left center!important;
}
.scene6 .tax-doc .s6-double-line i:last-child{width:100%!important;height:5px!important;margin:5px 0 0!important}
.scene6.is-active .tax-doc .s6-double-line i:first-child{animation:s6LineDrawArchive .58s .95s ease forwards!important}
.scene6.is-active .tax-doc .s6-double-line i:last-child{animation:s6LineDrawArchive .7s 1.2s ease forwards!important}
.scene6.is-returned .tax-doc .s6-double-line i{transform:scaleX(1)!important}
@keyframes s6LineDrawArchive{to{transform:scaleX(1)}}
.scene6 .tax-doc figcaption{
  z-index:8!important;left:7%!important;right:auto!important;bottom:10px!important;padding:0!important;
  background:transparent!important;color:rgba(255,239,207,.78)!important;text-shadow:0 2px 7px rgba(0,0,0,.72)!important;
}
.scene6 .tax-doc .s6-video{
  right:5%!important;bottom:4%!important;min-height:40px!important;background:rgba(55,25,18,.76)!important;
}
.scene6 .s6-quote{
  z-index:6!important;left:7%!important;right:7%!important;top:75%!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:30% 1fr!important;align-items:center!important;gap:16px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:#fff0cf!important;
}
.scene6 .s6-quote time{padding-right:14px!important;border-right:1px solid rgba(224,179,99,.36)!important;color:#e7b666!important;text-align:left!important}
.scene6 .s6-quote time b{font:500 47px/.92 Georgia,serif!important}
.scene6 .s6-quote time small{display:block!important;margin-top:7px!important;color:#ba8b55!important;font:9px/1 var(--font-ui)!important;letter-spacing:.12em!important}
.scene6 .s6-quote p{margin:0!important;color:#f5dfb7!important;font-size:16px!important;font-weight:600!important;line-height:1.65!important}
.scene6 .s6-quote p strong{color:#fff1ce!important;font-size:inherit!important;font-weight:700!important}
.scene6 .s6-wheat{
  z-index:5!important;left:-2%!important;top:43%!important;width:27%!important;height:36%!important;
  object-fit:contain!important;object-position:left center!important;opacity:.62;
  filter:sepia(1) saturate(1.4) contrast(1.08) brightness(.92)!important;mix-blend-mode:multiply!important;
  transform:rotate(-7deg);transform-origin:35% 85%;pointer-events:none!important;
}
.scene6.is-active .s6-wheat{animation:s6WheatArchive 4.8s .35s ease-in-out infinite!important}
@keyframes s6WheatArchive{
  0%,100%{opacity:.24;transform:translateX(-3px) rotate(-8deg)}
  45%,65%{opacity:.66;transform:translateX(1px) rotate(-5deg)}
}
@media(prefers-reduced-motion:reduce){.scene6.is-active .s6-wheat{animation:none!important;opacity:.55}}
.scene6 .tax-actions{
  z-index:9!important;left:auto!important;right:6%!important;top:auto!important;bottom:8.5%!important;
  display:block!important;width:auto!important;
}
.scene6 .tax-actions>button:first-child{
  min-height:38px!important;padding:0 16px!important;border:1px solid rgba(239,199,127,.62)!important;border-radius:999px!important;
  background:rgba(64,29,21,.62)!important;color:#fff0cb!important;font:600 11px/1 var(--font-ui)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.2)!important;backdrop-filter:blur(5px);
}
.scene6 .story-back,.scene6 .story-page{z-index:10!important;color:#d4ad72!important;text-shadow:0 1px 6px rgba(0,0,0,.62)!important}

@media(max-height:700px){
  .scene6 .story-head{top:3.6%!important}
  .scene6 .story-head h2{font-size:28px!important}
  .scene6 .story-head .dek{font-size:11px!important}
  .scene6 .tax-doc{top:17.5%!important;height:53%!important}
  .scene6 .s6-quote{top:73.5%!important}
  .scene6 .s6-quote time b{font-size:43px!important}
  .scene6 .s6-quote p{font-size:15px!important;line-height:1.55!important}
  .scene6 .tax-actions{bottom:8%!important}
}

/* Final typography invariant: every content-screen theme label is bold. */
.story-screen .story-head .chapter{font-weight:700!important}

/* Screen 8 — quiet image cue and refined archival copy block. */
.scene8 .life-card{height:86%!important;background:#ead7ae!important}
.scene8 .life-scene{height:62%!important;border:7px solid #ead9b7!important;border-bottom-width:0!important}
.scene8 .life-scene small,.scene8 .life-original-tip{display:none!important}
.scene8 .life-arrow{
  position:absolute;z-index:5;right:9px;bottom:9px;display:grid;place-items:center;
  width:22px;height:22px;border:1px solid rgba(255,224,176,.78);border-radius:50%;
  background:#ad352a;color:#fff3d7;font:700 17px/1 Arial,sans-serif;font-style:normal;
  box-shadow:0 4px 11px rgba(45,10,7,.38);
}
.scene8 .life-card blockquote{
  position:relative!important;height:38%!important;margin:0!important;padding:19px 17px 13px!important;
  background:
    linear-gradient(90deg,rgba(150,52,40,.7) 0 34px,transparent 34px) 17px 11px/56px 1px no-repeat,
    linear-gradient(145deg,rgba(255,248,224,.28),rgba(218,188,134,.12))!important;
  color:#493227!important;font-family:var(--font-body)!important;font-size:12.5px!important;font-weight:500!important;
  line-height:1.72!important;letter-spacing:.015em!important;overflow:hidden!important;
}
.scene8 .life-card blockquote:before{
  content:"台历摘记";display:block;margin:0 0 9px;padding-left:65px;
  color:#9a5f43;font:600 8px/1 var(--font-ui);letter-spacing:.16em;
}
.scene8 .life-card blockquote strong{
  display:block!important;margin:0 0 8px!important;color:#76271f!important;
  font-family:var(--font-title)!important;font-size:16px!important;font-weight:700!important;
  line-height:1.25!important;letter-spacing:.035em!important;white-space:nowrap!important;
}
.scene8 .life-card .year{
  right:13px!important;top:12px!important;padding:6px 9px!important;border:1px solid rgba(239,204,139,.42)!important;
  background:rgba(87,25,19,.88)!important;color:#f4d79d!important;font-size:17px!important;
}
@media(max-height:700px){
  .scene8 .life-card{height:87%!important}
  .scene8 .life-scene{height:60%!important}
  .scene8 .life-card blockquote{height:40%!important;padding:14px 15px 10px!important;font-size:11.5px!important;line-height:1.58!important}
  .scene8 .life-card blockquote:before{margin-bottom:7px}
  .scene8 .life-card blockquote strong{font-size:15px!important;margin-bottom:6px!important}
}

/* Screen-specific weight correction after all historical overrides. */
.scene5 .story-head h2,
.scene8 .story-head h2{font-weight:700!important}
.scene5 .story-head .chapter,
.scene8 .story-head .chapter{font-weight:700!important}
.scene8 .life-card blockquote{font-weight:600!important}
.scene8 .life-card blockquote strong{font-weight:700!important}

/* Screen 8 — four full-bleed illustrated posters with full-width horizontal travel. */
.scene8{background:#4a2118!important;color:#fff0cf!important}
.scene8:before{
  z-index:3!important;opacity:1!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(33,15,10,.40) 0,rgba(33,15,10,.03) 23%,transparent 54%,rgba(25,11,8,.34) 100%)!important;
}
.scene8:after{z-index:3!important;opacity:.07!important;pointer-events:none!important}
.scene8 .story-head{
  z-index:8!important;top:5.2%!important;color:#fff0cf!important;text-shadow:0 2px 12px rgba(22,9,6,.74)!important;
}
.scene8 .story-head .chapter{color:#efc477!important}
.scene8 .story-head h2{color:#fff5dc!important;text-shadow:0 3px 14px rgba(22,9,6,.78)!important}
.scene8 .story-head .dek{color:rgba(255,237,202,.86)!important;text-shadow:0 2px 9px rgba(22,9,6,.72)!important}
.scene8 .life-viewport{
  z-index:1!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;
}
.scene8 .life-track{
  height:100%!important;gap:0!important;padding:0!important;align-items:stretch!important;
  transition:transform .82s cubic-bezier(.18,.78,.2,1)!important;
}
.scene8 .life-card,
.scene8 .life-card:nth-child(even),
.scene8 .life-card.is-current,
.scene8 .life-card:nth-child(even).is-current{
  flex:0 0 100%!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  overflow:hidden!important;border:0!important;background:#4a2118!important;box-shadow:none!important;
  opacity:1!important;transform:none!important;
}
.scene8 .life-card:before{display:none!important}
.scene8 .life-card:after{
  content:""!important;display:block!important;position:absolute!important;z-index:2!important;inset:0!important;
  background:
    linear-gradient(180deg,rgba(35,17,11,.12) 0,transparent 40%,rgba(29,12,8,.04) 60%,rgba(25,10,7,.44) 100%),
    linear-gradient(90deg,rgba(30,13,9,.08),transparent 50%,rgba(30,13,9,.02))!important;
  pointer-events:none!important;
}
.scene8 .life-scene{
  position:absolute!important;z-index:1!important;inset:0!important;width:100%!important;height:100%!important;
  overflow:hidden!important;border:0!important;background:#4a2118!important;
}
.scene8 .life-scene picture,.scene8 .life-scene img{width:100%!important;height:100%!important}
.scene8 .life-scene img{
  object-fit:cover!important;object-position:50% center!important;border:0!important;
  filter:saturate(.96) sepia(.05) contrast(1.04) brightness(1.14)!important;transform:scale(1.015);
}
.scene8 .life-scene:after{display:none!important}
.scene8 .life-card blockquote{
  position:absolute!important;z-index:6!important;left:7%!important;right:7%!important;bottom:10.5%!important;
  width:auto!important;height:auto!important;max-height:25%!important;margin:0!important;padding:15px 58px 14px 17px!important;
  border:1px solid rgba(255,229,184,.15)!important;border-radius:7px!important;
  background:linear-gradient(100deg,rgba(53,25,18,.59),rgba(45,21,16,.28))!important;
  color:#fff0d0!important;font-size:13px!important;font-weight:600!important;line-height:1.68!important;
  text-shadow:0 2px 7px rgba(0,0,0,.58)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(8px) saturate(1.08);overflow:hidden!important;
}
.scene8 .life-card blockquote:before{margin-bottom:8px!important;color:#e2b873!important}
.scene8 .life-card blockquote strong{
  margin-bottom:7px!important;color:#fff1cf!important;font-size:17px!important;font-weight:700!important;white-space:nowrap!important;
}
.scene8 .life-card .year{
  z-index:7!important;right:6%!important;top:20%!important;padding:0!important;border:0!important;
  background:transparent!important;color:#f6d796!important;font-size:21px!important;font-weight:700!important;
  text-shadow:0 2px 8px rgba(24,9,5,.92),0 0 2px rgba(24,9,5,.9)!important;backdrop-filter:none!important;
}
.scene8 .life-arrow{
  position:absolute!important;z-index:20!important;right:9.5%!important;bottom:13.6%!important;width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;border:2px solid #fff0c5!important;border-radius:50%!important;
  background:#e54335!important;color:#fffdf4!important;font:700 23px/1 Arial,sans-serif!important;font-style:normal!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  box-shadow:0 0 0 4px rgba(112,22,16,.22),0 0 22px rgba(255,105,75,.76),0 6px 16px rgba(24,6,3,.48)!important;
}
.scene8 .life-speech{z-index:7!important;right:7%!important;top:27%!important}
.scene8 .life-progress{z-index:8!important;left:7%!important;right:7%!important;bottom:7.2%!important;background:rgba(255,226,174,.26)!important}
.scene8 .life-progress i{background:#f0ca7d!important}
.scene8 .life-count{z-index:8!important;bottom:3.8%!important;color:#efd29a!important;text-shadow:0 1px 6px rgba(0,0,0,.7)!important}
.scene8 .story-back,.scene8 .story-page{z-index:9!important;color:#e7c783!important;text-shadow:0 1px 6px rgba(0,0,0,.72)!important}

@media(max-height:700px){
  .scene8 .story-head{top:4.3%!important}
  .scene8 .life-viewport{inset:0!important;height:100%!important}
  .scene8 .life-card{height:100%!important}
  .scene8 .life-scene{height:100%!important}
  .scene8 .life-card blockquote{bottom:10.3%!important;max-height:26%!important;padding:12px 54px 12px 15px!important;font-size:12px!important;line-height:1.56!important}
  .scene8 .life-arrow{right:9.5%!important;bottom:13.2%!important}
  .scene8 .life-card blockquote strong{font-size:16px!important}
}

/* Screen 9 — single full-size 3×3 puzzle and celebratory finale. */
.scene9{overflow:hidden!important;background:radial-gradient(circle at 50% 43%,#b94b36 0,#8f3025 62%,#571811 100%)!important;color:#f8dfaa!important}
.scene9:before{opacity:1!important;background:radial-gradient(circle at 50% 37%,rgba(245,194,111,.13),transparent 42%),repeating-linear-gradient(7deg,rgba(255,229,178,.018) 0 1px,transparent 1px 7px)!important;animation:none!important}
.scene9 .village-echo{inset:12% -20% -4%!important;opacity:.1!important;filter:saturate(.72) sepia(.2) brightness(.74)!important}
.scene9 .story-head{z-index:9!important;left:7%!important;right:8%!important;top:4.5%!important}
.scene9 .puzzle-board{
  position:absolute!important;z-index:6!important;left:3.5%!important;right:3.5%!important;top:18%!important;width:auto!important;height:auto!important;aspect-ratio:1!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:3px!important;padding:6px!important;
  overflow:visible!important;border:1px solid rgba(247,218,160,.65)!important;background:#6e2119!important;background-image:none!important;
  box-shadow:0 22px 46px rgba(30,4,3,.56),inset 0 0 0 1px rgba(255,239,202,.15)!important;touch-action:none!important;transition:transform .7s ease,box-shadow .7s ease!important;
}
.scene9 .puzzle-board:before{display:none!important}
.scene9 .puzzle-piece{
  position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;
  border:1px solid rgba(255,235,193,.68)!important;border-radius:0!important;background-image:url('assets/story/puzzle-village-editorial-v4.webp')!important;background-size:300% 300%!important;
  box-shadow:inset 0 0 14px rgba(74,27,18,.12),0 3px 8px rgba(36,5,3,.24)!important;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease!important;touch-action:none!important;
}
.scene9 .puzzle-piece.is-selected{z-index:8!important;transform:scale(.93)!important;box-shadow:0 0 0 4px #f4cc78,0 0 22px rgba(246,189,89,.7)!important}
.scene9 .puzzle-piece.is-dragging{z-index:20!important;opacity:.9!important;transition:none!important;filter:brightness(1.08)}
.scene9 .puzzle-piece.is-locked{z-index:5!important;border-color:#f7d888!important;box-shadow:inset 0 0 0 2px rgba(255,232,174,.5),0 0 13px rgba(245,193,92,.38)!important;filter:brightness(1.04);cursor:default}
.scene9 .puzzle-piece.is-locked:after{content:"✓";position:absolute;right:5px;top:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(145,47,35,.88);color:#ffe7ae;font:700 11px/1 var(--font-ui);box-shadow:0 2px 7px rgba(42,6,4,.38);animation:puzzleLock .42s ease-out both}
@keyframes puzzleLock{from{opacity:0;transform:scale(.4) rotate(-22deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.scene9 .puzzle-board.is-solved{gap:0!important;padding:0!important;transform:scale(1.015);box-shadow:0 24px 52px rgba(29,4,3,.6),0 0 28px rgba(244,183,79,.18)!important}
.scene9 .puzzle-board.is-solved .puzzle-piece{border:0!important;box-shadow:none!important}.scene9 .puzzle-board.is-solved .puzzle-piece:after{display:none!important}
.scene9 .puzzle-tray,.scene9 .puzzle-slot{display:none!important}
.scene9 .puzzle-life{z-index:8!important;left:3.5%!important;right:3.5%!important;top:18%!important;width:auto!important;height:auto!important;aspect-ratio:1!important}
.scene9 .puzzle-success{
  z-index:11!important;left:8%!important;right:8%!important;top:auto!important;bottom:14.5%!important;margin:0!important;text-align:center!important;
  color:#ffe7ac!important;opacity:0!important;transform:translateY(18px) scale(.88)!important;transition:opacity .7s ease .28s,transform .75s cubic-bezier(.2,.8,.2,1) .28s!important;text-shadow:0 3px 14px rgba(52,8,5,.72)!important;
}
.scene9 .puzzle-success span{display:block;font:700 21px/1.15 var(--font-title);letter-spacing:.18em}.scene9 .puzzle-success strong{display:block;margin-top:7px;font:700 30px/1.1 KaiTi,var(--font-title);letter-spacing:.1em}
.scene9.puzzle-complete .puzzle-success{opacity:1!important;transform:translateY(0) scale(1)!important}
.scene9 .puzzle-hint{z-index:10!important;top:73.5%!important;bottom:auto!important;color:#e4c48c!important;font-size:9px!important;text-shadow:0 1px 5px rgba(37,6,4,.65)}
.scene9 .puzzle-skip{z-index:12!important;right:6.5%!important;bottom:4.2%!important}
.scene9 .puzzle-fireworks{position:absolute;z-index:10;left:3.5%;right:3.5%;top:18%;width:auto;height:auto;aspect-ratio:1;pointer-events:none;opacity:0;overflow:hidden}.scene9.puzzle-complete .puzzle-fireworks{opacity:1}
.scene9 .puzzle-fireworks i{position:absolute;width:7px;height:7px;border-radius:50%;opacity:0;background:#ffd982;box-shadow:0 -34px #ffd982,24px -24px #e85e42,34px 0 #ffd982,24px 24px #f09a52,0 34px #ffd982,-24px 24px #e85e42,-34px 0 #ffd982,-24px -24px #f09a52}
.scene9 .puzzle-fireworks .f1{left:20%;top:25%}.scene9 .puzzle-fireworks .f2{right:17%;top:31%}.scene9 .puzzle-fireworks .f3{left:50%;top:15%}.scene9.puzzle-complete .puzzle-fireworks .f1{animation:puzzleFirework 1.5s ease-out .2s 2}.scene9.puzzle-complete .puzzle-fireworks .f2{animation:puzzleFirework 1.5s ease-out .62s 2}.scene9.puzzle-complete .puzzle-fireworks .f3{animation:puzzleFirework 1.5s ease-out 1s 2}
@keyframes puzzleFirework{0%{opacity:0;transform:scale(.15)}22%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
.scene9 .life-walker{display:none!important}

/* Quiz after the puzzle — restrained archive modal, responsive to the viewport. */
#storyQuizDialog:not(.is-demo-quiz){
  box-sizing:border-box!important;width:min(calc(100vw - 32px),400px)!important;max-width:min(calc(100vw - 32px),400px)!important;max-height:calc(100dvh - 32px)!important;
  margin:auto!important;padding:25px 22px 22px!important;border:1px solid rgba(247,215,157,.42)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(119,33,25,.98),rgba(73,17,14,.98))!important;background-image:none!important;color:#f8e6c2!important;
  box-shadow:0 26px 70px rgba(21,4,3,.68),inset 0 1px rgba(255,235,193,.1)!important;overflow:auto!important;
}
#storyQuizDialog:not(.is-demo-quiz)::backdrop{background:rgba(24,5,4,.78)!important;backdrop-filter:blur(5px)!important}
#storyQuizDialog:not(.is-demo-quiz):before{content:"时代问答"!important;display:block!important;margin:0 0 15px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(242,205,140,.26)!important;color:#e8bd72!important;font:700 9px/1 var(--font-ui)!important;letter-spacing:.2em!important}
#storyQuizDialog:not(.is-demo-quiz) h3{margin:0 0 19px!important;color:#fff0ce!important;font:700 clamp(21px,5.7cqw,27px)/1.45 var(--font-title)!important;text-shadow:0 2px 9px rgba(25,4,3,.42)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options{gap:9px!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button{min-height:48px!important;padding:10px 14px 10px 34px!important;border:1px solid rgba(247,219,166,.2)!important;border-radius:7px!important;background:rgba(255,240,207,.09)!important;color:#f6dfb5!important;box-shadow:none!important;font:600 14px/1.4 var(--font-body)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button:before{left:14px!important;border-color:#e9be73!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button.is-correct{background:#e5c17b!important;color:#5e1e18!important;border-color:#ffe0a0!important;box-shadow:0 0 22px rgba(242,193,103,.35)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button.is-wrong{background:rgba(204,92,69,.28)!important;color:#ffe0ce!important;border-color:rgba(240,146,119,.4)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-feedback{margin:16px 0 0!important;padding:14px 0 0!important;border-top:1px solid rgba(239,202,137,.24)!important;color:#f1d9ae!important;font:12px/1.75 var(--font-body)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-next{width:100%;min-height:44px;margin-top:15px;border:1px solid #e4bb70;border-radius:22px;background:#e0b866;color:#5f2018;font:700 12px/1 var(--font-ui)}
#storyQuizDialog:not(.is-demo-quiz) .quiz-next[hidden]{display:none}

@media(max-height:700px){
  .scene9 .story-head{top:3.2%!important}.scene9 .puzzle-board,.scene9 .puzzle-life,.scene9 .puzzle-fireworks{top:16%!important;left:6%!important;right:6%!important}.scene9 .puzzle-success{bottom:14%!important}.scene9 .puzzle-hint{top:72%!important;bottom:auto!important}
}
@media(prefers-reduced-motion:reduce){.scene9.puzzle-complete .puzzle-fireworks i{animation:none!important}.scene9.puzzle-complete .puzzle-fireworks{opacity:.35}}

/* Screen 9 celebration: vivid layered fireworks, contained inside the finished image. */
.scene9 .puzzle-fireworks{z-index:14;mix-blend-mode:screen;filter:saturate(1.45) brightness(1.2)}
.scene9 .puzzle-fireworks i{width:6px;height:6px;background:#fff5bd;box-shadow:0 -42px 0 1px #fff1a0,30px -30px 0 1px #ff774d,42px 0 0 1px #ffd84e,30px 30px 0 1px #ff4f62,0 42px 0 1px #fff2a3,-30px 30px 0 1px #61d9ff,-42px 0 0 1px #ff6bcb,-30px -30px 0 1px #ff9d3d,0 0 12px 4px rgba(255,236,142,.9);filter:drop-shadow(0 0 5px rgba(255,218,103,.95))}
.scene9 .puzzle-fireworks i:before,.scene9 .puzzle-fireworks i:after{content:"";position:absolute;inset:50% auto auto 50%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 -27px #79e7ff,19px -19px #fff59b,27px 0 #ff8871,19px 19px #ffda67,0 27px #ff81bd,-19px 19px #91f2b0,-27px 0 #fff0a3,-19px -19px #ff8266;transform:translate(-50%,-50%) rotate(22.5deg)}
.scene9 .puzzle-fireworks i:after{transform:translate(-50%,-50%) rotate(11deg) scale(.66);filter:brightness(1.35)}
.scene9 .puzzle-fireworks .f1{left:16%;top:22%}.scene9 .puzzle-fireworks .f2{right:13%;top:28%}.scene9 .puzzle-fireworks .f3{left:48%;top:12%}.scene9 .puzzle-fireworks .f4{left:29%;top:48%}.scene9 .puzzle-fireworks .f5{right:25%;top:55%}.scene9 .puzzle-fireworks .f6{left:9%;top:68%}.scene9 .puzzle-fireworks .f7{right:8%;top:70%}
.scene9.puzzle-complete .puzzle-fireworks .f1{animation:puzzleFireworkStrong 1.35s cubic-bezier(.12,.72,.2,1) .08s 3}.scene9.puzzle-complete .puzzle-fireworks .f2{animation:puzzleFireworkStrong 1.45s cubic-bezier(.12,.72,.2,1) .38s 3}.scene9.puzzle-complete .puzzle-fireworks .f3{animation:puzzleFireworkStrong 1.25s cubic-bezier(.12,.72,.2,1) .7s 3}.scene9.puzzle-complete .puzzle-fireworks .f4{animation:puzzleFireworkStrong 1.3s cubic-bezier(.12,.72,.2,1) 1.05s 2}.scene9.puzzle-complete .puzzle-fireworks .f5{animation:puzzleFireworkStrong 1.38s cubic-bezier(.12,.72,.2,1) 1.32s 2}.scene9.puzzle-complete .puzzle-fireworks .f6{animation:puzzleFireworkStrong 1.2s cubic-bezier(.12,.72,.2,1) 1.62s 2}.scene9.puzzle-complete .puzzle-fireworks .f7{animation:puzzleFireworkStrong 1.28s cubic-bezier(.12,.72,.2,1) 1.9s 2}
@keyframes puzzleFireworkStrong{0%{opacity:0;transform:scale(.08) rotate(-12deg)}12%{opacity:1}55%{opacity:1}100%{opacity:0;transform:scale(1.9) rotate(8deg)}}

/* Screen 9 quiz uses the same aged calendar-paper language as the earlier quiz. */
#storyQuizDialog:not(.is-demo-quiz){width:min(calc(100cqw - 24px),410px)!important;max-width:min(calc(100cqw - 24px),410px)!important;max-height:min(84dvh,650px)!important;padding:30px 25px 26px 43px!important;border:1px solid rgba(112,69,42,.5)!important;border-radius:2px!important;background-color:#ead5aa!important;background-image:linear-gradient(90deg,transparent 0 29px,rgba(157,62,48,.42) 30px,rgba(157,62,48,.42) 31px,transparent 32px),radial-gradient(circle at 13px 18px,#694732 0 3px,#c3aa7d 3.5px 5px,transparent 5.5px),repeating-linear-gradient(0deg,transparent 0 33px,rgba(113,75,49,.14) 34px,transparent 35px),linear-gradient(145deg,#f5e6c2,#dfc18c)!important;background-size:auto,100% 34px,auto,auto!important;color:#3e2a20!important;box-shadow:0 25px 70px rgba(29,10,5,.66),0 0 0 1px rgba(255,244,213,.28)!important}
#storyQuizDialog:not(.is-demo-quiz)::backdrop{background:rgba(34,12,8,.7)!important;backdrop-filter:blur(4px)!important}
#storyQuizDialog:not(.is-demo-quiz):before{content:"切屏问答 · 时代考题"!important;margin:0 0 18px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(142,62,46,.32)!important;color:#993c2f!important;font:700 9px/1 var(--font-ui)!important}
#storyQuizDialog:not(.is-demo-quiz) .archive-tag{margin:0 0 8px!important;color:#9c6b47!important}
#storyQuizDialog:not(.is-demo-quiz) h3{margin:0 0 20px!important;color:#492f23!important;font:700 clamp(20px,5.6cqw,27px)/1.45 var(--font-title)!important;text-shadow:none!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options{gap:8px!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button{min-height:46px!important;padding:8px 13px 8px 30px!important;border:0!important;border-bottom:1px solid rgba(111,72,46,.24)!important;border-radius:0!important;background:rgba(255,248,225,.42)!important;color:#4a3024!important;box-shadow:none!important;font:700 13px/1.4 var(--font-title)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button:before{left:11px!important;border-color:#9b3c31!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button.is-correct{background:rgba(174,126,54,.22)!important;color:#7f2f25!important;border-color:rgba(151,91,43,.3)!important;box-shadow:0 0 20px rgba(218,169,75,.42)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-options button.is-wrong{background:rgba(145,65,49,.14)!important;color:#6d3028!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-feedback{margin:16px 0 0!important;padding:13px 0 0!important;border-top:1px solid rgba(130,78,48,.24)!important;color:#654333!important;font:12px/1.8 var(--font-body)!important}
#storyQuizDialog:not(.is-demo-quiz) .quiz-next{width:100%;min-height:44px;margin-top:15px;border:1px solid rgba(126,54,42,.46);border-radius:2px;background:#963b30;color:#fff0cf;font:700 12px/1 var(--font-ui)}

/* The second question shares the framed calendar-sheet proportions of the screen-6 quiz. */
#storyQuizDialog.is-calendar-quiz{width:min(calc(100cqw - 24px),500px)!important;max-width:min(calc(100cqw - 24px),500px)!important;border-radius:7px!important;background-color:#ead6a9!important;box-shadow:0 24px 80px rgba(0,0,0,.52)!important}
#storyQuizDialog.is-calendar-quiz:before{color:#963b30!important;text-align:center;letter-spacing:.13em!important}
#storyQuizDialog.is-calendar-quiz .quiz-stage{position:relative;padding:4px 0 0}
#storyQuizDialog.is-calendar-quiz .quiz-options button{background:rgba(255,248,224,.58)!important}

/* Second question: reuse the actual “知识小问答” illustrated calendar component. */
#storyQuizDialog.is-knowledge-quiz{position:relative;box-sizing:border-box;width:min(calc(100cqw - 24px),500px)!important;max-width:min(calc(100cqw - 24px),500px)!important;max-height:calc(100dvh - 24px)!important;margin:auto;padding:0 0 12px!important;border:1px solid rgba(91,50,31,.52)!important;border-radius:7px!important;background:linear-gradient(135deg,#f8eac9,#ead6a9)!important;box-shadow:0 24px 80px rgba(0,0,0,.52)!important;overflow:auto!important}
#storyQuizDialog.is-knowledge-quiz>.archive-tag{display:none!important}
#storyQuizDialog.is-knowledge-quiz:before{content:"知识小问答"!important;display:block!important;position:absolute;z-index:6;left:29%;right:29%;top:19.5%;margin:0!important;padding:0 0 5px!important;border-bottom:2px solid rgba(151,55,39,.72)!important;color:#9c3d30!important;text-align:center;font:700 clamp(15px,4.8cqw,24px)/1.1 var(--font-title)!important;letter-spacing:.12em!important}
#storyQuizDialog.is-knowledge-quiz>h3{position:absolute;z-index:6;left:24%;right:24%;top:28%;margin:0!important;color:#35170f!important;text-align:center;font:700 clamp(16px,5.2cqw,26px)/1.48 var(--font-title)!important;text-shadow:none!important}
#storyQuizDialog.is-knowledge-quiz .quiz-stage{position:relative;width:100%;aspect-ratio:1374/1145;padding:0!important;background:#ead6a9 url('assets/story/images/quiz1-agricultural-tax.webp') center/100% 100% no-repeat}
#storyQuizDialog.is-knowledge-quiz .quiz-stage:before{content:"";position:absolute;z-index:1;left:18.3%;right:15.8%;top:15.5%;bottom:12%;background:linear-gradient(100deg,rgba(239,213,158,.99),rgba(248,228,183,.99) 48%,rgba(232,199,139,.99));box-shadow:inset 0 0 28px rgba(103,61,29,.14)}
#storyQuizDialog.is-knowledge-quiz .quiz-options{position:absolute;z-index:7;left:23%;right:21%;top:47%;bottom:28%;height:auto;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button{min-height:0!important;padding:5px!important;border:1px solid rgba(118,72,42,.34)!important;border-radius:3px!important;background:rgba(247,225,181,.96)!important;color:#3b2016!important;text-align:center!important;box-shadow:0 2px 5px rgba(75,39,22,.2)!important;font:700 clamp(10px,3.2cqw,16px)/1.2 var(--font-title)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button:before{display:none!important}
#storyQuizDialog.is-knowledge-quiz .quiz-feedback{position:relative;z-index:8;margin:10px 12px 0!important;padding:10px 12px!important;border:0!important;border-left:2px solid #9f332a!important;background:rgba(255,248,224,.92)!important;color:#5e4433!important;font:11px/1.72 var(--font-body)!important;white-space:pre-line}
#storyQuizDialog.is-knowledge-quiz .quiz-next{display:block;width:calc(100% - 24px);min-height:42px;margin:10px 12px 0;border:1px solid rgba(126,54,42,.46);border-radius:2px;background:#963b30;color:#fff0cf;font:700 12px var(--font-ui)}
#storyQuizDialog.is-knowledge-quiz .quiz-next[hidden]{display:none}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct{background:#b26842!important;color:#fff4d7!important;box-shadow:0 0 22px rgba(228,181,78,.72)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong{background:#c58d73!important;color:#fff8e7!important}

/* Rebuilt knowledge quiz: no baked-in question artwork; every word remains live HTML. */
#storyQuizDialog.is-knowledge-quiz{padding:16px 15px 14px!important;background:radial-gradient(circle at 20% 12%,rgba(255,239,191,.17),transparent 27%),repeating-linear-gradient(5deg,rgba(255,229,178,.025) 0 1px,transparent 1px 6px),linear-gradient(145deg,#6d2a20,#32120e 72%)!important}
#storyQuizDialog.is-knowledge-quiz:before{left:25%!important;right:25%!important;top:17.2%!important;color:#9c3d30!important}
#storyQuizDialog.is-knowledge-quiz>h3{left:19%!important;right:19%!important;top:27%!important;font-size:clamp(17px,5.3cqw,27px)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-stage{aspect-ratio:1/1.08;background:radial-gradient(circle at 17% 14%,rgba(247,216,153,.18),transparent 22%),linear-gradient(155deg,rgba(255,235,190,.08),rgba(32,10,7,.2))!important;border:1px solid rgba(239,207,148,.28);box-shadow:inset 0 0 38px rgba(16,4,3,.44)}
#storyQuizDialog.is-knowledge-quiz .quiz-stage:before{left:10%!important;right:10%!important;top:9%!important;bottom:7%!important;border:1px solid rgba(112,69,36,.46);border-radius:3px;background-color:#ead0a0!important;background-image:radial-gradient(circle at 50% 8px,#33241d 0 3px,#a78f6d 3.5px 5px,transparent 5.5px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(118,76,45,.13) 32px,transparent 33px),linear-gradient(145deg,#f4e1b8,#d9b579)!important;background-size:12.5% 28px,auto,auto!important;background-repeat:repeat-x,repeat,no-repeat!important;box-shadow:0 12px 28px rgba(19,6,4,.46),inset 0 0 28px rgba(103,61,29,.13)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options{left:16%!important;right:16%!important;top:48%!important;bottom:24%!important;gap:8px!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button{background:linear-gradient(145deg,rgba(250,232,194,.98),rgba(226,195,139,.98))!important;border-color:rgba(111,67,38,.38)!important;box-shadow:0 3px 7px rgba(68,34,17,.23),inset 0 1px rgba(255,250,226,.7)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-feedback{margin-top:12px!important;border-radius:2px;background:#f1dfb8!important;box-shadow:0 7px 20px rgba(21,6,4,.34)!important}

/* Final knowledge-quiz template: blank image base + fully live, replaceable HTML copy. */
#storyQuizDialog.is-knowledge-quiz{padding:0 0 12px!important;background:#ead6a9!important}
#storyQuizDialog.is-knowledge-quiz:before{left:31%!important;right:31%!important;top:18.5%!important;padding-bottom:4px!important;font-size:clamp(14px,4.4cqw,22px)!important}
#storyQuizDialog.is-knowledge-quiz>h3{left:25%!important;right:25%!important;top:29.5%!important;font-size:clamp(15px,4.8cqw,24px)!important;line-height:1.42!important}
#storyQuizDialog.is-knowledge-quiz .quiz-stage{width:100%;aspect-ratio:1374/1145;background:#ead6a9 url('assets/story/images/quiz2-blank-calendar-v1.webp') center/100% 100% no-repeat!important;border:0;box-shadow:none}
#storyQuizDialog.is-knowledge-quiz .quiz-stage:before{display:none!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options{left:23%!important;right:21%!important;top:47%!important;bottom:29%!important;gap:6px!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button{border:1px solid rgba(118,72,42,.3)!important;background:rgba(239,210,157,.93)!important;box-shadow:0 2px 5px rgba(75,39,22,.22)!important}

/* Fully port the original option and answer feedback states. */
#storyQuizDialog.is-knowledge-quiz .quiz-options button{position:relative;transition:transform .16s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
#storyQuizDialog.is-knowledge-quiz .quiz-options button:active{transform:scale(.96)}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-selected{border-color:#c78b28!important;background:rgba(246,221,164,.98)!important;box-shadow:0 0 0 2px rgba(224,176,63,.38),inset 0 0 16px rgba(236,189,72,.2)!important;transform:scale(.98)}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct{padding-right:25px!important;border-color:#66864d!important;background:#e4edd7!important;color:#344828!important;box-shadow:0 0 0 2px rgba(92,132,62,.2),0 3px 8px rgba(50,75,35,.2)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong{padding-right:25px!important;border-color:#9f332a!important;background:#f1d9d1!important;color:#772a23!important;box-shadow:0 0 0 2px rgba(159,51,42,.16)!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct:after,#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong:after{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 11px/1 Arial,sans-serif}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct:after{content:"✓";background:#66864d}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong:after{content:"×";background:#9f332a}
#storyQuizDialog.is-knowledge-quiz.is-correct-glow{animation:quizCorrectGlow .95s ease-out}
#storyQuizDialog.is-knowledge-quiz.is-shake{animation:quizShake .42s cubic-bezier(.36,.07,.19,.97)}
#storyQuizDialog.is-knowledge-quiz .quiz-feedback:not([hidden]){animation:quizFeedbackIn .4s ease-out both}
#storyQuizDialog.is-knowledge-quiz .quiz-feedback.is-correct-feedback{border-left:0!important;background:rgba(238,214,156,.98)!important;color:#8f3028!important;text-align:center;font-weight:700!important}
@keyframes quizFeedbackIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Screen 11 — simplified closing-calendar finale, aligned with the production brief. */
.scene11{background:radial-gradient(circle at 26% 16%,#b84b36 0,#7b211a 52%,#350d0b 100%)!important}
.scene11:before{opacity:.32!important;background:repeating-linear-gradient(7deg,rgba(244,214,158,.035) 0 1px,transparent 1px 6px),radial-gradient(circle at 50% 42%,rgba(244,190,105,.18),transparent 55%)!important;filter:none!important}
.scene11 .story-head{left:7%!important;right:7%!important;top:4.5%!important;padding-left:0!important;text-align:left!important}
.scene11 .story-head h2{max-width:86%!important;margin:5px 0 0!important;font-size:clamp(30px,8.2cqw,40px)!important;line-height:1.2!important}
.scene11 .story-head .dek{margin-top:7px!important;font-size:11px!important;color:#deb978!important}
.scene11 .final-rays{inset:-15% -30% 28%;opacity:.45;animation:rays 8s ease-in-out infinite alternate}
.scene11 .s11-finale{position:absolute;z-index:3;left:5%;right:5%;top:18%;height:53%;overflow:hidden;border:1px solid rgba(226,188,116,.36);background:linear-gradient(155deg,rgba(97,25,19,.35),rgba(38,8,7,.62));box-shadow:0 18px 42px rgba(28,5,4,.38)}
.scene11 .s11-portrait{position:absolute;z-index:1;right:-1%;top:0;width:48%;height:100%;margin:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}
.scene11 .s11-portrait img{width:100%;height:100%;object-fit:cover;object-position:49% 36%;filter:sepia(.16) saturate(.82) brightness(1.18) contrast(.96)}
.scene11 .s11-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(92,25,18,.62),transparent 52%),linear-gradient(0deg,rgba(45,8,6,.32),transparent 48%)}
.scene11 .s11-portrait figcaption{position:absolute;z-index:2;right:9px;bottom:8px;color:#f1d49b;font:8px var(--font-ui);letter-spacing:.1em;text-shadow:0 1px 5px #240504}
.scene11 .s11-finale .final-stack{position:absolute;z-index:3;left:5%;bottom:5%;width:58%;height:52%;perspective:700px}
.scene11 .s11-finale .final-stack img{position:absolute;left:8%;bottom:calc(var(--n)*2.15px);width:72%;height:59%;object-fit:contain;border:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(125px) rotate(var(--tilt));filter:drop-shadow(0 4px 3px rgba(32,5,4,.48))}
.scene11.is-active .s11-finale .final-stack img{animation:s11PileLand .42s calc(.18s + var(--n)*.073s) cubic-bezier(.16,.82,.25,1) forwards}
@keyframes s11PileLand{to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}
.scene11 .s11-finale .final-page{position:absolute;z-index:5;left:7%;top:6%;width:61%;height:39%;padding:14px 12px 11px 21px;box-sizing:border-box;color:#37241a;background-color:#f0ddb5;background-image:linear-gradient(90deg,transparent 0 15px,rgba(164,65,52,.27) 16px,rgba(164,65,52,.27) 17px,transparent 18px),repeating-linear-gradient(0deg,transparent 0 26px,rgba(142,81,48,.13) 27px);border:1px solid #e7c984;box-shadow:0 15px 28px rgba(42,6,5,.55);transform-origin:left bottom}
.scene11 .s11-finale .final-page time{display:block;color:#8e2f26;font:500 9px var(--font-ui);letter-spacing:.1em}
.scene11 .s11-finale .final-page p{margin:10px 0 0;font:500 clamp(15px,4cqw,19px)/1.58 var(--font-body)!important;color:#3d281e!important}
.scene11 .s11-finale .final-page strong{color:#8b2b22;font-weight:700}
.scene11.is-active .s11-finale .final-page{animation:s11PageClose 1.25s 3.55s cubic-bezier(.4,0,.2,1) both}
@keyframes s11PageClose{0%{transform:perspective(850px) rotateX(0);filter:brightness(1)}55%{transform:perspective(850px) rotateX(-13deg) translateY(3px);filter:brightness(.98)}100%{transform:perspective(850px) rotateX(0);filter:brightness(.94)}}
.scene11 .s11-original,.scene11 .s11-finale .final-video{position:absolute;z-index:8;bottom:5%;width:auto;height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #d7ad64;border-radius:18px;background:rgba(91,19,15,.9);color:#f5d79a;font:700 9px var(--font-ui);box-shadow:0 6px 14px rgba(36,5,4,.38);opacity:0;transform:translateY(8px)}
.scene11 .s11-original{left:5%}.scene11 .s11-finale .final-video{left:auto;right:4%;top:auto}
.scene11 .s11-original b,.scene11 .s11-finale .final-video b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#b43c2d;color:#fff;font-size:12px}
.scene11 .s11-finale .final-video span{position:static;display:block;transform:none;color:inherit;font:inherit;white-space:nowrap}
.scene11.is-active .s11-original,.scene11.is-active .s11-finale .final-video{animation:s11ActionIn .45s 4.55s ease forwards}
@keyframes s11ActionIn{to{opacity:1;transform:translateY(0)}}
.scene11 .s11-archive-seal{position:absolute;z-index:6;left:54%;top:48%;width:52px;height:52px;border:2px solid rgba(204,85,63,.64);border-radius:50%;display:grid;place-items:center;color:#d46b58;background:rgba(244,218,174,.78);font:700 14px var(--font-title);transform:rotate(-12deg);opacity:0}
.scene11.is-active .s11-archive-seal{animation:s11Seal .55s 4.15s cubic-bezier(.2,.8,.2,1) forwards}@keyframes s11Seal{from{opacity:0;transform:rotate(-18deg) scale(1.35)}to{opacity:.9;transform:rotate(-12deg) scale(1)}}
.scene11 .final-choice{left:6%;right:6%;top:73%;height:7%;gap:9px;border-color:rgba(218,176,101,.38);color:#dfbc79;font-size:9px}
.scene11 .final-choice select{font-size:10px;color:#fff0c6}
.scene11 .final-actions{left:6%;right:6%;bottom:8.2%;gap:8px}.scene11 .final-actions button{min-height:42px;border-radius:21px;background:rgba(72,13,10,.84);border-color:#d7ad64;color:#f5d79a;font-weight:700}.scene11 .final-actions button:last-child{background:rgba(215,173,100,.14)}
.scene11 .final-date{left:8%;right:8%;bottom:4.2%;font-size:8.5px!important;letter-spacing:.04em!important;color:#d7b373}.scene11 .final-date b{color:#f1d28b}
@media(max-height:700px){.scene11 .story-head{top:3.2%!important}.scene11 .s11-finale{top:16.5%;height:51%}.scene11 .final-choice{top:70%}.scene11 .final-actions{bottom:7.3%}.scene11 .final-date{bottom:3.6%}.scene11 .s11-finale .final-page p{font-size:14px!important}}
#storyQuizDialog.is-knowledge-quiz .quiz-options button{padding:4px 20px 4px 4px!important;white-space:nowrap;font-size:clamp(8.5px,2.65cqw,13px)!important;letter-spacing:0!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct,#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong{padding-right:20px!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct:after,#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-wrong:after{right:4px;width:14px;height:14px;font-size:9px}

/* Screen 11 final polish — one clear calendar narrative, not a photo collage. */
.scene11 .story-head{top:4%!important}
.scene11 .story-head h2{max-width:100%!important;font-size:clamp(27px,7.35cqw,35px)!important;line-height:1.12!important;letter-spacing:.035em!important;white-space:nowrap}
.scene11 .story-head .dek{margin-top:5px!important}
.scene11 .s11-finale{top:17.5%;height:52.5%;background:radial-gradient(circle at 78% 24%,rgba(218,151,91,.2),transparent 36%),linear-gradient(160deg,rgba(116,35,26,.5),rgba(40,8,7,.76))}
.scene11 .s11-portrait{right:-2%;top:0;width:43%;height:82%;opacity:.92;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 82%,transparent 100%)}
.scene11 .s11-portrait img{object-position:49% 19%;filter:sepia(.12) saturate(.86) brightness(1.28) contrast(.94)}
.scene11 .s11-portrait:after{background:linear-gradient(90deg,rgba(91,25,18,.58),transparent 60%),linear-gradient(0deg,rgba(52,10,8,.48),transparent 42%)}
.scene11 .s11-portrait figcaption{right:12px;bottom:12%;font-size:7px}
.scene11 .s11-finale .final-page{left:6%;top:6%;width:68%;height:43%;padding:14px 13px 11px 21px}
.scene11 .s11-finale .final-page p{font-size:clamp(15px,4.15cqw,19px)!important;line-height:1.52!important}
.scene11 .s11-finale .final-stack{left:9%;bottom:7%;width:70%;height:48%}
.scene11 .s11-finale .final-stack img{left:5%;width:68%;height:60%}
.scene11 .s11-archive-seal{left:57%;top:47%;width:48px;height:48px;font-size:13px}
.scene11 .s11-original,.scene11 .s11-finale .final-video{bottom:4%;height:32px;padding:0 10px;font-size:9px}
.scene11 .s11-original{left:4%}.scene11 .s11-finale .final-video{right:4%}
.scene11 .final-choice{top:72%;height:6.2%}
.scene11 .final-actions{bottom:9.2%}.scene11 .final-actions button{min-height:40px}
.scene11 .final-date{bottom:5.7%;white-space:nowrap;font-size:8px!important}
.scene11 .story-back{bottom:2.15%!important}.scene11 .story-page{bottom:2.15%!important}
@media(max-height:700px){
  .scene11 .story-head{top:3%!important}.scene11 .story-head h2{font-size:25px!important}
  .scene11 .s11-finale{top:16%;height:50.5%}.scene11 .final-choice{top:68.3%}
  .scene11 .final-actions{bottom:9.2%}.scene11 .final-date{bottom:5.7%}
}
@media(max-width:360px){.scene11 .story-head h2{font-size:24px!important}.scene11 .final-choice span{font-size:8px}.scene11 .final-choice select{font-size:9px}}

/* Screen 11 v2 — rebuild from the approved full-scene composition. */
.scene11{overflow:hidden!important;background:#651711!important;color:#3a241a!important}
.scene11:before{content:""!important;position:absolute!important;z-index:0!important;inset:0!important;opacity:1!important;background:linear-gradient(180deg,transparent 0 80%,#260806 80% 100%),linear-gradient(90deg,#efe1c2 0 67%,#762018 67% 100%)!important;filter:none!important}
.scene11:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:repeating-linear-gradient(7deg,rgba(86,49,29,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,transparent 0 27%,rgba(45,8,6,.08) 46%,rgba(32,6,4,.72) 86%,#260806 100%);box-shadow:inset 0 0 34px rgba(43,13,7,.28)}
.scene11 .final-rays{z-index:1;inset:-10% -25% 57% 38%;opacity:.22;background:radial-gradient(ellipse,rgba(250,225,168,.78),transparent 62%);animation:rays 9s ease-in-out infinite alternate}
.scene11 .story-head{z-index:5!important;left:6.5%!important;right:30%!important;top:4.3%!important;text-align:left!important;color:#4b281d!important}
.scene11 .story-head .chapter{margin:0 0 10px!important;color:#653423!important;font:700 11px/1 var(--font-ui)!important;letter-spacing:.25em!important}
.scene11 .story-head h2{max-width:none!important;margin:0!important;color:#7e2118!important;font:700 clamp(34px,9.25cqw,41px)/1.08 var(--font-title)!important;letter-spacing:.01em!important;white-space:normal!important;text-shadow:none!important}
.scene11 .story-head .dek{margin-top:9px!important;color:#32251e!important;font:700 clamp(11px,3.15cqw,14px)/1.55 var(--font-body)!important;letter-spacing:.035em!important}
.scene11 .story-head .dek:after{content:"";display:block;width:38px;margin-top:10px;border-top:2px solid #a14730}
.scene11 .s11-finale{z-index:3;left:0;right:0;top:28.5%;height:52%;overflow:hidden;border:0;background:#3c100c;box-shadow:0 -7px 22px rgba(47,12,7,.18),0 14px 30px rgba(24,4,3,.45)}
.scene11 .s11-finale:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(34,8,6,.22),transparent 18% 80%,rgba(34,8,6,.34)),linear-gradient(180deg,rgba(73,19,13,.18),transparent 37%,rgba(31,7,5,.58) 100%)}
.scene11 .s11-portrait{z-index:1;inset:0;width:auto;height:auto;opacity:1;margin:0;mask-image:none;-webkit-mask-image:none}
.scene11 .s11-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;filter:sepia(.2) saturate(.82) brightness(.84) contrast(1.05);transform:scale(1.035)}
.scene11 .s11-portrait:after{background:linear-gradient(90deg,rgba(57,13,9,.35),transparent 31% 68%,rgba(54,12,8,.34)),linear-gradient(0deg,rgba(35,7,5,.74),transparent 48%)!important}
.scene11 .s11-portrait figcaption{z-index:4;right:4%;bottom:3.5%;color:#e6c48a;font:8px/1 var(--font-ui);letter-spacing:.12em;text-shadow:0 2px 5px #1f0302}
.scene11 .s11-finale .final-stack{z-index:6;left:28%;bottom:2.5%;width:45%;height:64%;perspective:700px;filter:drop-shadow(0 9px 8px rgba(24,4,3,.58))}
.scene11 .s11-finale .final-stack img{position:absolute;left:7%;bottom:calc(var(--n)*1.68px);width:86%;height:54%;object-fit:contain;object-position:center bottom;border:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(90px) rotate(var(--tilt));filter:none}
.scene11.is-active .s11-finale .final-stack img{animation:s11ScenePile .36s calc(.15s + var(--n)*.058s) cubic-bezier(.18,.78,.25,1) forwards}
@keyframes s11ScenePile{to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}
.scene11 .s11-finale .final-page{z-index:8;left:32%;top:6%;width:38%;height:38%;padding:10px 10px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#38251b;background-color:#ead6ad;background-image:repeating-linear-gradient(0deg,transparent 0 25px,rgba(116,72,43,.12) 26px),radial-gradient(circle at 14% 12%,rgba(104,57,30,.11),transparent 34%);border:1px solid #b98b54;border-radius:2px;box-shadow:0 12px 26px rgba(29,6,4,.62);transform-origin:50% 100%}
.scene11 .s11-finale .final-page:before,.scene11 .s11-finale .final-page:after{content:"";position:absolute;top:-7px;width:9px;height:14px;border:2px solid #3f2b20;border-bottom:0;border-radius:8px 8px 0 0}.scene11 .s11-finale .final-page:before{left:27%}.scene11 .s11-finale .final-page:after{right:27%}
.scene11 .s11-finale .final-page time{display:block;color:#512b20;font:700 10px/1 var(--font-title);letter-spacing:.08em}.scene11 .s11-finale .final-page time small{display:block;font-size:8px}.scene11 .s11-finale .final-page time b{display:block;margin-top:3px;color:#8e251c;font-size:25px;letter-spacing:.04em}
.scene11 .s11-finale .final-page>i{display:block;width:34px;margin:7px auto 5px;border-top:1px solid #8e3325}
.scene11 .s11-finale .final-page p{margin:0!important;color:#34251d!important;font:700 clamp(11px,3.1cqw,14px)/1.55 var(--font-body)!important}.scene11 .s11-finale .final-page strong{color:#7f2119!important;font-weight:700}
.scene11.is-active .s11-finale .final-page{animation:s11CalendarClose 1.05s 2.9s cubic-bezier(.4,0,.2,1) both}@keyframes s11CalendarClose{0%{transform:perspective(850px) rotateX(-7deg) translateY(-4px)}70%{transform:perspective(850px) rotateX(1deg)}100%{transform:none}}
.scene11 .s11-original,.scene11 .s11-finale .final-video{z-index:10;bottom:13%;height:36px;padding:0 10px;border:0;border-radius:0;background:linear-gradient(90deg,#8e211a,#b53b2b 72%,transparent);color:#fff2d0;font:700 11px/1 var(--font-title);box-shadow:none;opacity:0;transform:translateY(8px)}
.scene11 .s11-original{left:3%;padding-left:18px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}.scene11 .s11-finale .final-video{right:2%;left:auto;padding-right:18px;background:linear-gradient(90deg,transparent,#b53b2b 28%,#8e211a);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.scene11 .s11-original b,.scene11 .s11-finale .final-video b{width:auto;height:auto;background:none;color:#ffe0a0;font-size:18px}.scene11 .s11-original span,.scene11 .s11-finale .final-video span{position:static;color:inherit!important;font:inherit!important;white-space:nowrap}
.scene11.is-active .s11-original,.scene11.is-active .s11-finale .final-video{animation:s11ActionIn .45s 3.85s ease forwards}
.scene11 .s11-archive-seal{z-index:9;left:66%;top:51%;width:43px;height:43px;border:2px solid rgba(161,44,32,.72);background:rgba(238,215,172,.82);color:#a43529;font-size:12px}
.scene11 .final-choice{z-index:7;left:8%;right:8%;top:81.3%;height:5.4%;padding:0 4px;border:0;border-bottom:1px solid rgba(225,184,108,.5);color:#d9b373;font-size:8px}.scene11 .final-choice select{color:#f4ddb0;font-size:9px}
.scene11 .final-actions{z-index:8;left:17%;right:17%;bottom:8.2%;height:48px;gap:8px}.scene11 .final-actions button{min-height:48px;border:1px solid #e2bd77;border-radius:24px;background:linear-gradient(180deg,#a82f25,#771912);color:#fff0cf;font:700 14px var(--font-title);box-shadow:0 8px 18px rgba(25,4,3,.42)}.scene11 .final-actions button:first-child{flex:1}.scene11 .final-actions button:first-child b{margin-left:7px;font-size:19px}.scene11 .final-actions button:last-child{flex:0 0 48px;padding:0;border-radius:50%;background:#5a120f;color:#efd092;font-size:9px}
.scene11 .final-date{z-index:8;left:12%;right:12%;bottom:4.5%;display:flex;align-items:center;justify-content:center;gap:10px;color:#e1be7d!important;font:700 8px/1 var(--font-ui)!important;letter-spacing:.15em!important}.scene11 .final-date i{width:28px;border-top:1px solid rgba(226,190,124,.7)}
.scene11 .story-back,.scene11 .story-page{z-index:9;bottom:1.8%!important;color:#caa363!important}
@media(max-height:700px){.scene11 .story-head{top:3%!important}.scene11 .story-head h2{font-size:31px!important}.scene11 .story-head .dek{font-size:10px!important}.scene11 .s11-finale{top:27%;height:51%}.scene11 .final-choice{top:78.7%}.scene11 .final-actions{bottom:8.1%;height:44px}.scene11 .final-actions button{min-height:44px}.scene11 .final-date{bottom:4.5%}}
@media(max-width:360px){.scene11 .story-head h2{font-size:30px!important}.scene11 .s11-original,.scene11 .s11-finale .final-video{font-size:10px}.scene11 .s11-finale .final-page{left:30%;width:42%}.scene11 .s11-finale .final-stack{left:26%;width:49%}}
@media(prefers-reduced-motion:reduce){.scene11.is-active .s11-finale .final-stack img,.scene11.is-active .s11-finale .final-page,.scene11.is-active .s11-original,.scene11.is-active .s11-finale .final-video{animation:none!important;opacity:1!important;transform:none!important}}

/* Screen 11 v3 — hand-drawn documentary treatment using only the real donation photo. */
.scene11:before{background:linear-gradient(180deg,transparent 0 82%,#24100b 82% 100%),linear-gradient(90deg,#efe4ca 0 69%,#702018 69% 100%)!important}
.scene11:after{z-index:12;opacity:.34;mix-blend-mode:multiply;background-image:repeating-linear-gradient(8deg,rgba(62,38,23,.08) 0 1px,transparent 1px 5px),repeating-linear-gradient(97deg,rgba(120,68,37,.035) 0 1px,transparent 1px 7px),radial-gradient(circle at 20% 8%,transparent 0 45%,rgba(71,31,18,.2) 100%)!important;box-shadow:inset 0 0 46px rgba(61,28,16,.3)!important}
.scene11 .story-head{right:27%!important}
.scene11 .story-head h2{color:#801d17!important;font-family:var(--font-title)!important;font-weight:700!important}
.scene11 .story-head .dek{color:#2d211b!important}
.scene11 .s11-finale{top:25.5%;height:57%;background:#e7d7b8;box-shadow:inset 0 1px rgba(255,247,219,.7),0 14px 30px rgba(29,8,4,.46)}
.scene11 .s11-finale:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(238,224,193,.4) 0 18%,transparent 42% 68%,rgba(92,25,18,.4) 100%),linear-gradient(180deg,rgba(245,231,200,.2),transparent 62%,rgba(44,16,10,.32));pointer-events:none}
.scene11 .s11-finale:after{z-index:4;opacity:.44;mix-blend-mode:multiply;background:repeating-linear-gradient(11deg,rgba(44,31,22,.09) 0 1px,transparent 1px 4px),radial-gradient(circle at 52% 38%,transparent 0 45%,rgba(61,29,18,.28) 100%)!important}
.scene11 .s11-portrait{background:#e9dcc0}
.scene11 .s11-portrait img{object-position:50% 44%;filter:grayscale(1) sepia(.7) saturate(.7) contrast(1.38) brightness(1.08);opacity:.83;mix-blend-mode:multiply;transform:scale(1.08)}
.scene11 .s11-portrait:after{z-index:3;background:linear-gradient(90deg,rgba(237,226,201,.44),transparent 30% 69%,rgba(111,29,21,.3)),linear-gradient(0deg,rgba(54,23,14,.42),transparent 50%)!important;mix-blend-mode:multiply}
.scene11 .s11-portrait figcaption{z-index:8;color:#ead09c}
.scene11 .s11-finale .final-stack{z-index:7;left:27%;bottom:1.5%;width:47%;height:65%}
.scene11 .s11-finale .final-stack img{filter:sepia(.22) saturate(.78) contrast(1.05) drop-shadow(0 3px 2px rgba(39,15,8,.46))}
.scene11 .s11-finale .final-page{z-index:9;left:31%;top:7%;width:40%;height:39%;background-color:#e7d2a8;background-image:repeating-linear-gradient(0deg,transparent 0 25px,rgba(105,70,44,.13) 26px),repeating-linear-gradient(7deg,rgba(70,43,26,.04) 0 1px,transparent 1px 5px),radial-gradient(circle at 14% 12%,rgba(104,57,30,.14),transparent 34%);border-color:#9f7346;box-shadow:0 12px 24px rgba(35,13,7,.54),inset 0 0 22px rgba(109,63,34,.09)}
.scene11 .s11-original,.scene11 .s11-finale .final-video{z-index:11;bottom:12.5%;background:#9c2d23;color:#fff1cf;filter:drop-shadow(0 4px 4px rgba(35,8,5,.34))}
.scene11 .s11-original{background:linear-gradient(90deg,#7f1b16,#b33a2b 76%,transparent)}.scene11 .s11-finale .final-video{background:linear-gradient(90deg,transparent,#b33a2b 24%,#7f1b16)}
.scene11 .s11-archive-seal{z-index:10;background:rgba(225,202,158,.88);mix-blend-mode:multiply}
.scene11 .final-choice{top:82.7%;height:3.9%;background:rgba(40,13,9,.28);padding:0 7px;border-top:1px solid rgba(226,184,105,.28);border-bottom-color:rgba(226,184,105,.5)}
.scene11 .final-actions{bottom:6.2%}
.scene11 .final-date{bottom:3.35%}
.scene11 .story-back,.scene11 .story-page{bottom:1.15%!important}
@media(max-height:700px){.scene11 .s11-finale{top:24.5%;height:56%}.scene11 .final-choice{top:80.8%;height:3.7%}.scene11 .final-actions{bottom:6%}.scene11 .final-date{bottom:3.15%}.scene11 .story-back,.scene11 .story-page{bottom:.9%!important}}

/* Screen 11 v4 — production-brief composition: page, silhouette, rising calendars. */
.scene11{background:radial-gradient(ellipse at 45% 34%,#a43a2d 0,#741d17 56%,#360b09 100%)!important;color:#f2d79e!important}
.scene11:before{background:repeating-linear-gradient(7deg,rgba(244,214,158,.035) 0 1px,transparent 1px 6px),radial-gradient(circle at 48% 41%,rgba(236,181,95,.17),transparent 54%)!important;opacity:1!important}
.scene11:after{z-index:1!important;opacity:.23!important;mix-blend-mode:normal!important;background:radial-gradient(rgba(251,221,162,.42) .45px,transparent .75px)!important;background-size:7px 7px!important;box-shadow:inset 0 0 54px #260605!important}
.scene11 .final-rays{z-index:2;inset:-18% -30% 25%;opacity:.5;background:conic-gradient(from 190deg at 50% 0,transparent 0 12deg,rgba(249,215,143,.15) 13deg 23deg,transparent 24deg 43deg,rgba(249,215,143,.1) 44deg 54deg,transparent 55deg);animation:rays 8s ease-in-out infinite alternate}
.scene11 .story-head{z-index:12!important;left:7.4%!important;right:7.4%!important;top:5.2%!important;text-align:left!important;color:#f7e2b6!important}
.scene11 .story-head .chapter{margin:0 0 8px!important;color:#e7b96d!important;font:700 10px/1 var(--font-ui)!important;letter-spacing:.22em!important}
.scene11 .story-head h2{margin:0!important;color:#fff0c8!important;font:700 clamp(31px,8.7cqw,39px)/1.08 var(--font-title)!important;letter-spacing:.035em!important;white-space:nowrap!important;text-shadow:0 3px 14px #2d0504!important}
.scene11 .story-head .dek{margin-top:8px!important;color:#dcb878!important;font:700 10px/1.5 var(--font-body)!important;letter-spacing:.06em!important}.scene11 .story-head .dek:after{display:none!important}
.scene11 .s11-finale{z-index:3;left:0;right:0;top:18%;height:59%;overflow:hidden;border:0;background:linear-gradient(180deg,rgba(86,20,15,.08),rgba(49,8,6,.4));box-shadow:none}
.scene11 .s11-finale:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,transparent,rgba(37,7,5,.65));pointer-events:none}
.scene11 .s11-finale:after{content:"";position:absolute;z-index:5;inset:0;background:linear-gradient(90deg,rgba(73,14,10,.62),transparent 22% 73%,rgba(53,9,7,.38)),linear-gradient(180deg,transparent 58%,rgba(39,6,5,.38));opacity:1!important;mix-blend-mode:normal!important;pointer-events:none}
.scene11 .s11-portrait{z-index:3;right:-3%;left:auto;top:5%;width:46%;height:92%;margin:0;overflow:hidden;background:none;opacity:1;mask-image:radial-gradient(ellipse at 72% 50%,#000 0 39%,rgba(0,0,0,.82) 52%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 72% 50%,#000 0 39%,rgba(0,0,0,.82) 52%,transparent 76%)}
.scene11 .s11-portrait img{width:100%;height:100%;object-fit:cover;object-position:48% 33%;opacity:1;mix-blend-mode:normal;filter:grayscale(1) sepia(.35) saturate(.5) brightness(.43) contrast(1.32);transform:none}
.scene11 .s11-portrait:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(91,20,15,.72),transparent 54%),linear-gradient(0deg,rgba(43,7,5,.48),transparent 52%)!important;mix-blend-mode:normal}
.scene11 .s11-portrait figcaption{z-index:4;right:11%;bottom:4%;color:#cfa968;font:8px var(--font-ui);letter-spacing:.11em}
.scene11 .s11-finale .final-stack{z-index:6;left:17%;bottom:1%;width:56%;height:64%;perspective:900px;filter:drop-shadow(0 12px 9px rgba(29,4,3,.52))}
.scene11 .s11-finale .final-stack img{position:absolute;left:7%;bottom:calc(var(--n)*1.92px);width:82%;height:55%;object-fit:contain;object-position:center bottom;border:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(135px) rotate(var(--tilt));filter:sepia(.12) saturate(.9) contrast(1.04)}
.scene11.is-active .s11-finale .final-stack img{animation:s11BriefPile .42s calc(.18s + var(--n)*.072s) cubic-bezier(.16,.82,.25,1) forwards}
@keyframes s11BriefPile{0%{opacity:0;transform:translateY(135px) rotate(calc(var(--tilt) + 1deg))}100%{opacity:1;transform:translateY(0) rotate(var(--tilt))}}
.scene11.is-active .s11-finale .final-stack{animation:s11StackSettle .9s 4.25s cubic-bezier(.2,.72,.24,1) forwards}
@keyframes s11StackSettle{to{transform:translateY(-4%) scale(1.08)}}
.scene11 .s11-finale .final-page{z-index:9;left:23%;top:2%;width:44%;height:38%;padding:12px 11px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#39261c;background-color:#ead7b0;background-image:repeating-linear-gradient(0deg,transparent 0 25px,rgba(115,73,44,.13) 26px),repeating-linear-gradient(8deg,rgba(73,43,25,.04) 0 1px,transparent 1px 5px),radial-gradient(circle at 15% 10%,rgba(112,65,35,.13),transparent 34%);border:1px solid #aa7e4e;border-radius:2px;box-shadow:0 16px 30px rgba(31,5,4,.6);transform-origin:50% 100%;backface-visibility:hidden}
.scene11 .s11-finale .final-page:before,.scene11 .s11-finale .final-page:after{top:-8px}
.scene11 .s11-finale .final-page time{color:#502b20!important}.scene11 .s11-finale .final-page time small{font-size:8px}.scene11 .s11-finale .final-page time b{font-size:27px;color:#8a261e!important}.scene11 .s11-finale .final-page p{font-size:clamp(12px,3.35cqw,15px)!important;line-height:1.55!important}.scene11 .s11-finale .final-page strong{color:#81251d!important}
.scene11.is-active .s11-finale .final-page{animation:s11BriefPageClose 1.45s 3.35s cubic-bezier(.55,.02,.3,1) both}
@keyframes s11BriefPageClose{0%,16%{transform:perspective(900px) rotateX(0) translateY(0);filter:brightness(1)}72%{transform:perspective(900px) rotateX(72deg) translateY(48%);filter:brightness(.86)}100%{transform:perspective(900px) rotateX(86deg) translateY(62%) scale(.94);filter:brightness(.78);opacity:.22}}
.scene11 .s11-archive-seal{z-index:10;left:61%;top:44%;width:47px;height:47px;background:rgba(234,209,165,.9);color:#a13a2e;mix-blend-mode:normal}.scene11.is-active .s11-archive-seal{animation:s11Seal .55s 4.72s cubic-bezier(.2,.8,.2,1) forwards}
.scene11 .s11-original,.scene11 .s11-finale .final-video{z-index:11;bottom:5%;height:34px;border:1px solid rgba(224,182,105,.76);border-radius:18px;background:rgba(78,13,10,.88);clip-path:none;color:#f2d18d;font:700 9px var(--font-ui);filter:none;box-shadow:0 6px 15px rgba(26,4,3,.4)}
.scene11 .s11-original{left:6%;padding:0 11px}.scene11 .s11-finale .final-video{right:6%;padding:0 11px;background:rgba(78,13,10,.88)}.scene11 .s11-original b,.scene11 .s11-finale .final-video b{font-size:14px}.scene11.is-active .s11-original,.scene11.is-active .s11-finale .final-video{animation:s11ActionIn .45s 4.9s ease forwards}
.scene11 .final-choice{z-index:8;left:7%;right:7%;top:78.4%;height:5.2%;padding:0;border-top:1px solid rgba(219,174,94,.34);border-bottom:1px solid rgba(219,174,94,.34);background:none;color:#d7b16e;font-size:8px}.scene11 .final-choice select{color:#f2d9a4;font-size:9px}
.scene11 .final-actions{z-index:9;left:13%;right:13%;bottom:7.2%;height:45px;gap:8px}.scene11 .final-actions button{min-height:45px;border-color:#ddb66e;background:#6c1812;color:#f6d99f}.scene11 .final-actions button:last-child{flex-basis:45px;background:rgba(217,174,98,.12)}
.scene11 .final-date{z-index:9;bottom:4%;color:#d3ac68!important}.scene11 .story-back,.scene11 .story-page{z-index:10;bottom:1.2%!important;color:#c9a05f!important}
@media(max-height:700px){.scene11 .story-head{top:3.7%!important}.scene11 .story-head h2{font-size:29px!important}.scene11 .s11-finale{top:16.5%;height:58%}.scene11 .final-choice{top:75.5%}.scene11 .final-actions{bottom:6.7%;height:42px}.scene11 .final-actions button{min-height:42px}.scene11 .final-date{bottom:3.7%}.scene11 .story-back,.scene11 .story-page{bottom:.9%!important}}
@media(prefers-reduced-motion:reduce){.scene11.is-active .s11-finale .final-page{opacity:1!important;transform:none!important}}

/* Screen 11 v5 — aged calendar prop, true back-facing silhouette, unified archive palette. */
.scene11{background:radial-gradient(ellipse at 46% 34%,#7f251d 0,#58140f 58%,#2a0907 100%)!important}
.scene11:before{background:repeating-linear-gradient(6deg,rgba(226,190,124,.032) 0 1px,transparent 1px 6px),radial-gradient(circle at 43% 42%,rgba(203,148,72,.15),transparent 53%)!important}
.scene11 .story-head .chapter{color:#d9aa60!important}.scene11 .story-head h2{color:#f3dfb4!important}.scene11 .story-head .dek{color:#cda866!important}
.scene11 .s11-finale{background:radial-gradient(circle at 43% 43%,rgba(166,73,47,.18),transparent 42%),linear-gradient(180deg,rgba(68,16,12,.08),rgba(37,7,5,.42))}
.scene11 .s11-portrait{right:-4%;top:9%;width:44%;height:84%;opacity:.96;overflow:hidden;mask-image:none;-webkit-mask-image:none;background:radial-gradient(circle at 56% 22%,rgba(113,61,37,.12),transparent 17%),linear-gradient(105deg,#321712,#100705 76%);clip-path:polygon(48% 2%,61% 1%,70% 8%,74% 19%,70% 28%,83% 35%,94% 51%,100% 100%,5% 100%,0 62%,17% 42%,36% 30%,40% 18%,41% 8%);filter:drop-shadow(-7px 8px 12px rgba(24,4,3,.52))}
.scene11 .s11-portrait:before,.scene11 .s11-portrait:after{display:none!important}
.scene11 .s11-portrait img{display:none!important}
.scene11 .s11-portrait figcaption{display:none!important}
.scene11 .s11-finale .final-page{left:21%;top:1%;width:48%;height:42%;padding:14px 13px 11px;background-color:#dec69b;background-image:linear-gradient(180deg,rgba(125,46,35,.42) 0 5px,transparent 5px),radial-gradient(circle at 13% 17%,rgba(99,55,29,.17),transparent 25%),radial-gradient(circle at 83% 78%,rgba(105,58,31,.13),transparent 24%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(104,67,41,.15) 27px),repeating-linear-gradient(9deg,rgba(67,41,24,.04) 0 1px,transparent 1px 5px);border:1px solid #9a6c3f;clip-path:polygon(1% 0,98% 1%,100% 14%,99% 97%,84% 100%,66% 98%,48% 100%,29% 98%,2% 100%,0 75%,1% 48%,0 22%);box-shadow:none;filter:drop-shadow(0 15px 16px rgba(26,5,3,.55));transform:rotate(-.7deg);transform-origin:50% 100%}
.scene11 .s11-finale .final-page:before,.scene11 .s11-finale .final-page:after{top:-10px;width:11px;height:20px;border:3px solid #2e2119;border-bottom:0;background:linear-gradient(90deg,#15100d,#665344 50%,#17110e);box-shadow:0 2px 2px rgba(31,12,7,.25)}
.scene11 .s11-finale .final-page:before{left:27%}.scene11 .s11-finale .final-page:after{right:27%}
.scene11 .s11-finale .final-page time small{color:#73533a!important;letter-spacing:.18em}.scene11 .s11-finale .final-page time b{font-size:29px!important;color:#7f2019!important;text-shadow:0 1px rgba(255,244,210,.45)}
.scene11 .s11-finale .final-page>i{width:42px;margin:8px auto 6px;border-top-color:#8b3124}
.scene11 .s11-finale .final-page p{color:#34251c!important;font-family:var(--font-title)!important;font-weight:700!important}.scene11 .s11-finale .final-page strong{color:#781f18!important}
.scene11 .s11-finale .final-stack{left:16%;width:58%}.scene11 .s11-finale .final-stack img{filter:sepia(.24) saturate(.72) brightness(.9) contrast(1.08)}
.scene11 .s11-archive-seal{background:#d7bd8d;border-color:#9c3d31;color:#93352a}
.scene11 .s11-original,.scene11 .s11-finale .final-video{background:#46100d;border-color:#cda25e;color:#e9c77f}
.scene11 .final-actions button{background:#5a140f;border-color:#d3aa64;color:#efd08d}.scene11 .final-actions button:last-child{background:rgba(210,168,93,.11)}

/* Keep the question anchored to the calendar when feedback expands the dialog. */
#storyQuizDialog.is-knowledge-quiz:before{top:clamp(55px,16.5cqw,82px)!important}
#storyQuizDialog.is-knowledge-quiz>h3{z-index:9;top:clamp(88px,26cqw,126px)!important;font-size:clamp(15px,4.5cqw,22px)!important;line-height:1.36!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options{top:49%!important;bottom:27%!important}
#storyQuizDialog.is-knowledge-quiz .quiz-options{top:51%!important;bottom:25%!important}
#storyQuizDialog.is-knowledge-quiz.is-answered>h3{display:block!important;visibility:visible!important;opacity:1!important}

/* Screen 10 — approved quiet relay composition. One image field, one line, one quote at a time. */
.scene10{
  overflow:hidden!important;
  background:radial-gradient(ellipse at 50% 36%,#9e3427 0,#6f1b16 55%,#380b09 100%)!important;
  color:#f8e5bd!important;
}
.scene10:before{
  z-index:2!important;opacity:1!important;animation:none!important;
  background:linear-gradient(180deg,rgba(37,5,3,.48) 0,transparent 19% 66%,rgba(37,5,3,.72) 100%),linear-gradient(90deg,rgba(36,5,4,.45),transparent 15% 85%,rgba(36,5,4,.45))!important;
}
.scene10:after{
  z-index:10!important;opacity:.08!important;
  background-image:radial-gradient(rgba(246,208,139,.42) .45px,transparent .75px)!important;
  background-size:6px 6px!important;box-shadow:inset 0 0 62px #1f0303!important;
}
.scene10 .story-head{z-index:12!important;left:7.4%!important;right:7.4%!important;top:5.2%!important;padding:0!important}
.scene10 .story-head .chapter{margin:0 0 9px!important;color:#e8bb6e!important;font:700 10px/1 var(--font-ui)!important;letter-spacing:.22em!important}
.scene10 .story-head h2{margin:0!important;color:#fff0c8!important;font:400 clamp(36px,10.7cqw,46px)/1 var(--font-title)!important;letter-spacing:.08em!important;text-shadow:0 3px 15px #2b0403!important}
.scene10 .story-head h2:after{content:"";display:block;width:54px;margin-top:16px;border-top:2px solid #e5b665}
.scene10 .story-head .dek{display:none!important}

.scene10 .legacy-scene{position:absolute;z-index:3;left:0;right:0;top:15.5%;height:51.3%;overflow:hidden;opacity:1!important;transform:none!important}
.scene10 .legacy-shot{position:absolute;top:0;bottom:0;width:68%;height:auto;margin:0;overflow:hidden;border:0;background:#4a0d09;box-shadow:none;clip-path:none}
.scene10 .legacy-shot img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.22) sepia(.38) saturate(.56) contrast(1.12) brightness(.62);transform:scale(1.015)}
.scene10 .legacy-shot-father{left:-8%;clip-path:polygon(0 0,100% 0,73% 100%,0 100%)}
.scene10 .legacy-shot-father img{object-position:48% 43%}
.scene10 .legacy-shot-daughter{right:-8%;clip-path:polygon(27% 0,100% 0,100% 100%,0 100%)}
.scene10 .legacy-shot-daughter img{object-position:45% 45%}
.scene10 .legacy-scene:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(101,22,15,.31),transparent 27%,rgba(49,8,6,.79) 100%),linear-gradient(90deg,rgba(99,21,15,.66),transparent 38% 62%,rgba(99,21,15,.66))}
.scene10 .legacy-seam{position:absolute;z-index:5;left:50%;top:7%;width:1px;height:72%;background:linear-gradient(transparent,#f1c772 17% 82%,transparent);transform:rotate(10deg) scaleY(0);transform-origin:top;box-shadow:0 0 13px #f2bd55}
.scene10 .legacy-seam:after{content:"";position:absolute;left:-4px;top:49%;width:9px;height:9px;border:1px solid #f1c772;border-radius:50%;background:#6c1a14;box-shadow:0 0 14px #f1bd59}
.scene10.is-active .legacy-seam{animation:legacySeamDraw 4.8s .7s cubic-bezier(.22,.72,.2,1) forwards}
@keyframes legacySeamDraw{0%{transform:rotate(10deg) scaleY(0);opacity:0}10%{opacity:1}100%{transform:rotate(10deg) scaleY(1);opacity:1}}

.scene10 .legacy-handoff{position:absolute;z-index:6;left:10.5%;right:10.5%;bottom:7%;margin:0;padding:13px 0 0;border:0;border-top:1px solid rgba(224,177,93,.5);background:none;box-shadow:none;color:#f7e1b3;text-align:center;text-shadow:0 2px 8px #1d0302;font:400 clamp(14px,4.3cqw,18px)/1.62 var(--font-body);opacity:0;transform:translateY(10px)}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong{display:block}.scene10 .legacy-handoff strong{color:#ffd784;font-weight:400}.scene10 .legacy-handoff cite{display:block;margin-top:4px;color:#d6a75e;font:8px/1 var(--font-ui);font-style:normal;letter-spacing:.13em}
.scene10.is-active .legacy-handoff{animation:legacyFatherWords 5.1s .8s ease both}
@keyframes legacyFatherWords{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}14%,75%{opacity:1;transform:none;filter:blur(0)}100%{opacity:0;transform:translateY(-6px);filter:blur(3px)}}

.scene10 .legacy-answer{position:absolute;z-index:12;left:7.4%;right:7.4%;top:69.2%;margin:0;padding:17px 0 0;border:0;border-top:2px solid #dcae5d;background:none;box-shadow:none;color:#f5dfb5;font:400 clamp(13px,3.65cqw,15px)/1.74 var(--font-body);letter-spacing:.015em;opacity:0;transform:translateY(14px)}
.scene10 .legacy-answer small{display:block;margin-bottom:9px;color:#edc579;font:700 10px/1 var(--font-ui);letter-spacing:.2em}.scene10 .legacy-answer span{display:block}.scene10 .legacy-answer strong{color:#ffdb8d;font-weight:400}.scene10 .legacy-answer cite{display:block;margin-top:5px;color:#ca9e5c;font:8px/1 var(--font-ui);font-style:normal;letter-spacing:.12em}
.scene10.is-active .legacy-answer{animation:legacyDaughterWords .9s 5.35s cubic-bezier(.2,.7,.25,1) forwards}
@keyframes legacyDaughterWords{to{opacity:1;transform:none}}

.scene10 .legacy-audio{position:absolute;z-index:14;left:auto!important;right:7%!important;top:5.25%!important;bottom:auto!important;width:auto!important;height:24px!important;min-height:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#d4a962!important;display:flex;align-items:center;gap:6px}
.scene10 .legacy-audio>i{display:block;width:5px;height:5px;border-radius:50%;background:#e0b66d;box-shadow:0 0 0 4px rgba(224,182,109,.12),0 0 9px #e6bc67}.scene10 .legacy-audio>span:nth-child(2){display:flex;align-items:center;gap:5px}.scene10 .legacy-audio b{color:inherit;font:700 8px/1 var(--font-ui);letter-spacing:.08em}.scene10 .legacy-audio small{margin:0;color:#b98e50;font:7px/1 var(--font-ui)}.scene10 .audio-bars{display:none!important}
.scene10 .continue-story{position:absolute;z-index:14;left:7.4%!important;right:auto!important;bottom:6.6%!important;width:auto!important;height:30px!important;min-height:30px!important;padding:0 0 5px!important;border:0!important;border-bottom:1px solid rgba(200,155,88,.5)!important;background:none!important;color:#c89b58!important;font:9px/1 var(--font-ui)!important;letter-spacing:.1em!important}
.scene10 .story-back{z-index:14!important;left:7.4%!important;bottom:1.8%!important;color:#a77b47!important}.scene10 .story-page{z-index:14!important;right:7.4%!important;bottom:2.2%!important;color:#c89b58!important}

@media(max-height:700px){
  .scene10 .story-head{top:3.8%!important}.scene10 .story-head h2{font-size:34px!important}.scene10 .story-head h2:after{margin-top:10px}
  .scene10 .legacy-scene{top:14%;height:50%}.scene10 .legacy-answer{top:66%;font-size:12.5px!important;line-height:1.6!important}.scene10 .legacy-answer small{margin-bottom:6px}
  .scene10 .legacy-audio{top:3.9%!important}.scene10 .continue-story{bottom:6.2%!important}
}
@media(max-width:360px){.scene10 .legacy-answer{font-size:12.5px!important}.scene10 .legacy-audio small{display:none}}

/* Screen 10 refinement — sharp image handoff above, copy below, swipe-only continuation. */
.scene10 .legacy-scene{top:15.5%!important;height:43.5%!important;background:#4b100c!important}
.scene10 .legacy-shot{inset:0!important;width:100%!important;height:100%!important;clip-path:none;background:#4b100c!important}
.scene10 .legacy-shot img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.005);filter:sepia(.12) saturate(.86) contrast(1.05) brightness(.86)!important}
.scene10 .legacy-shot-father img{object-position:51% 43%!important}
.scene10 .legacy-shot-daughter{z-index:2!important;opacity:1!important;clip-path:inset(0 100% 0 0)}
.scene10 .legacy-shot-daughter img{object-position:48% 45%!important}
.scene10 .legacy-scene:after{z-index:3!important;background:linear-gradient(180deg,rgba(77,16,11,.06),transparent 64%,rgba(43,7,5,.42))!important}
.scene10.is-active .legacy-shot-father{animation:legacyFatherDim 1.35s 3.8s ease forwards}
.scene10.is-active .legacy-shot-father img{animation:legacyFatherPush 4.9s cubic-bezier(.2,.62,.25,1) both}
.scene10.is-active .legacy-shot-daughter{animation:legacyPhotoReveal 1.65s 3.7s cubic-bezier(.22,.72,.16,1) forwards}
.scene10.is-active .legacy-shot-daughter img{animation:legacyDaughterPush 7s 3.7s cubic-bezier(.18,.62,.24,1) both}
.scene10 .legacy-seam{z-index:5!important;left:0!important;top:0!important;width:3px!important;height:100%!important;background:linear-gradient(transparent,#f3cd7e 12% 88%,transparent)!important;transform:none;opacity:0;box-shadow:0 0 9px #f6c86c,0 0 22px rgba(241,184,73,.55)!important}
.scene10 .legacy-seam:after{display:none!important}
.scene10.is-active .legacy-seam{animation:legacyWipeLine 1.65s 3.7s cubic-bezier(.22,.72,.16,1) forwards!important}
@keyframes legacyPhotoReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes legacyFatherDim{to{opacity:.2}}
@keyframes legacyFatherPush{from{transform:scale(1.005) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.4%,-.8%,0)}}
@keyframes legacyDaughterPush{from{transform:scale(1.075) translate3d(1.6%,.6%,0)}to{transform:scale(1.015) translate3d(0,0,0)}}
@keyframes legacyWipeLine{0%{opacity:0;transform:translateX(0) scaleX(.5)}7%{opacity:1}48%{opacity:1;box-shadow:0 0 14px #ffe19b,0 0 38px rgba(244,184,67,.88)}90%{opacity:1}100%{opacity:0;transform:translateX(100cqw) scaleX(1.8)}}

.scene10 .legacy-handoff,.scene10 .legacy-answer{left:7.4%!important;right:7.4%!important;top:62.5%!important;bottom:auto!important;margin:0!important;padding:16px 0 0!important;border:0!important;border-top:2px solid #dcae5d!important;background:none!important;box-shadow:none!important;text-align:left!important;text-shadow:none!important;transform:translateY(10px);opacity:0}
.scene10 .legacy-handoff{color:#f5dfb5!important;font:400 clamp(14px,3.9cqw,16px)/1.68 var(--font-body)!important;letter-spacing:.02em!important}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong{display:block!important}.scene10 .legacy-handoff strong{color:#ffda89!important;font-weight:400!important}.scene10 .legacy-handoff cite,.scene10 .legacy-answer cite{display:block!important;margin-top:5px!important;color:#ca9e5c!important;font:8px/1 var(--font-ui)!important;font-style:normal!important;letter-spacing:.12em!important;text-align:left!important}
.scene10.is-active .legacy-handoff{animation:legacyCopyFirst 4.2s .35s ease both!important}
.scene10 .legacy-answer{color:#f5dfb5!important;font:400 clamp(12.5px,3.45cqw,14px)/1.72 var(--font-body)!important;letter-spacing:.012em!important}
.scene10 .legacy-answer small{display:block!important;margin-bottom:9px!important;color:#edc579!important;font:700 10px/1 var(--font-ui)!important;letter-spacing:.2em!important}.scene10 .legacy-answer span{display:block!important}.scene10 .legacy-answer strong{color:#ffdb8d!important;font-weight:400!important}
.scene10.is-active .legacy-answer{animation:legacyCopySecond .8s 4.75s cubic-bezier(.2,.7,.25,1) forwards!important}
@keyframes legacyCopyFirst{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}13%,78%{opacity:1;transform:none;filter:blur(0)}100%{opacity:0;transform:translateY(-5px);filter:blur(2px)}}
@keyframes legacyCopySecond{to{opacity:1;transform:none}}
.scene10 .continue-story{display:none!important}
.scene10 .legacy-audio .legacy-audio-icon{display:grid!important;place-items:center;width:15px;height:15px;border:1px solid rgba(224,182,109,.72);border-radius:50%;color:#e8c57f;font:7px/1 Arial,sans-serif;box-shadow:0 0 9px rgba(230,188,103,.3)}
.scene10 .legacy-scene:before{content:"";position:absolute;z-index:4;top:-18%;bottom:-18%;left:-34%;width:27%;pointer-events:none;opacity:0;transform:skewX(-10deg);background:linear-gradient(90deg,transparent,rgba(255,218,137,.13) 35%,rgba(255,237,185,.42) 50%,rgba(255,202,100,.13) 67%,transparent);filter:blur(5px)}
.scene10.is-active .legacy-scene:before{animation:legacyLightSweep 1.8s 3.6s cubic-bezier(.22,.72,.16,1) forwards}
@keyframes legacyLightSweep{0%{left:-34%;opacity:0}10%,78%{opacity:1}100%{left:108%;opacity:0}}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong,.scene10 .legacy-handoff cite,.scene10 .legacy-answer small,.scene10 .legacy-answer span,.scene10 .legacy-answer cite{opacity:0;transform:translateY(8px);filter:blur(3px)}
.scene10.is-active .legacy-handoff span:nth-child(1){animation:legacyLineWrite .62s .68s ease forwards}
.scene10.is-active .legacy-handoff span:nth-child(2){animation:legacyLineWrite .62s 1.18s ease forwards}
.scene10.is-active .legacy-handoff strong{animation:legacyLineWrite .7s 1.72s ease forwards}
.scene10.is-active .legacy-handoff cite{animation:legacyLineWrite .55s 2.25s ease forwards}
.scene10.is-active .legacy-answer small{animation:legacyLineWrite .5s 4.92s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(1){animation:legacyLineWrite .72s 5.18s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(2){animation:legacyLineWrite .78s 5.72s ease forwards}
.scene10.is-active .legacy-answer cite{animation:legacyLineWrite .55s 6.28s ease forwards}
@keyframes legacyLineWrite{to{opacity:1;transform:none;filter:blur(0)}}

@media(max-height:700px){
  .scene10 .legacy-scene{top:14%!important;height:40.5%!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{top:57.5%!important;padding-top:12px!important}
  .scene10 .legacy-handoff{font-size:13px!important;line-height:1.56!important}
  .scene10 .legacy-answer{font-size:11.5px!important;line-height:1.55!important}
  .scene10 .legacy-answer small{margin-bottom:6px!important}
}

/* Screen 10 hand-painted art direction — one generated editorial illustration, camera travels left to right. */
.scene10 .legacy-scene{height:46%!important}
.scene10 .legacy-shot img{filter:saturate(.9) contrast(1.03) brightness(.86)!important}
.scene10 .legacy-shot-father img{object-position:0% 50%!important}
.scene10 .legacy-shot-daughter img{object-position:100% 50%!important}
.scene10 .legacy-handoff,.scene10 .legacy-answer{top:64.5%!important}
.scene10.is-active .legacy-shot-father img{animation:legacyFatherArtPush 4.9s cubic-bezier(.2,.62,.25,1) both!important}
.scene10.is-active .legacy-shot-daughter img{animation:legacyDaughterArtPush 7s 3.7s cubic-bezier(.18,.62,.24,1) both!important}
@keyframes legacyFatherArtPush{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.2%,-.5%,0)}}
@keyframes legacyDaughterArtPush{from{transform:scale(1.12) translate3d(1.6%,.4%,0)}to{transform:scale(1.04) translate3d(0,0,0)}}
@media(max-height:700px){.scene10 .legacy-scene{height:43%!important}.scene10 .legacy-handoff,.scene10 .legacy-answer{top:60%!important}}

/* Screen 10 final — full hand-painted relay scene with screen-3-style narrative copy. */
.scene10 .legacy-scene{
  left:0!important;right:0!important;top:16.5%!important;height:auto!important;
  aspect-ratio:1672/941;background:#4b100c!important;overflow:hidden!important;
}
.scene10 .legacy-full-art{position:absolute;inset:0;margin:0;overflow:hidden}
.scene10 .legacy-full-art img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  filter:saturate(.92) contrast(1.025) brightness(.92);
  transform:scale(1.012);transform-origin:center 46%;
}
.scene10.is-active .legacy-full-art img{animation:legacyWholeArt 11s cubic-bezier(.2,.62,.25,1) both}
@keyframes legacyWholeArt{from{transform:scale(1.012)}to{transform:scale(1.055)}}
.scene10 .legacy-scene:after{
  z-index:3!important;background:linear-gradient(180deg,rgba(63,13,9,.04),transparent 65%,rgba(53,9,6,.26))!important;
}
.scene10 .legacy-glow-trace{
  position:absolute;z-index:5;left:34%;top:48%;width:34%;height:6px;border-radius:50%;
  background:linear-gradient(90deg,transparent,#f4c966 22%,#fff0ae 55%,#df963a 82%,transparent);
  filter:blur(1px);box-shadow:0 0 9px #ffd77c,0 0 22px rgba(239,166,54,.74);
  opacity:0;transform:rotate(-5deg) scaleX(.08);transform-origin:left center;
}
.scene10.is-active .legacy-glow-trace{animation:legacyTraceFull 3.2s .75s ease-in-out forwards}
@keyframes legacyTraceFull{0%{opacity:0;transform:rotate(-5deg) scaleX(.08)}16%{opacity:.9}72%{opacity:.95;transform:rotate(-5deg) scaleX(1)}100%{opacity:.28;transform:rotate(-5deg) scaleX(1)}}

.scene10 .legacy-words{
  position:absolute;z-index:12;left:7.4%;right:7.4%;top:51.5%;bottom:7.8%;
  display:grid;grid-template-columns:1fr;gap:15px;align-content:space-evenly;
  border-top:1px solid rgba(224,176,91,.45);padding-top:14px;
}
.scene10 .legacy-handoff,.scene10 .legacy-answer{
  position:relative!important;inset:auto!important;margin:0!important;padding:0 0 0 13px!important;
  border:0!important;border-left:2px solid rgba(226,178,91,.78)!important;background:none!important;
  box-shadow:none!important;text-align:left!important;text-shadow:0 2px 8px rgba(25,3,2,.55)!important;
  color:#f5dfb6!important;opacity:1!important;transform:none!important;filter:none!important;
  font:400 clamp(13px,3.55cqw,16px)/1.68 var(--font-body)!important;letter-spacing:.015em!important;
  animation:none!important;
}
.scene10 .legacy-answer{font-size:clamp(11.5px,3.1cqw,14px)!important}
.scene10 .legacy-handoff small,.scene10 .legacy-answer small{
  display:block!important;margin:0 0 9px!important;color:#e9bd6e!important;
  font:700 9px/1 var(--font-ui)!important;letter-spacing:.16em!important;
}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong,
.scene10 .legacy-answer span,.scene10 .legacy-answer strong{
  display:block!important;color:inherit!important;font:inherit!important;font-weight:400!important;
  opacity:0;transform:translateY(9px);filter:blur(3px);
}
.scene10 .legacy-handoff strong,.scene10 .legacy-answer strong{color:#ffd784!important}
.scene10.is-active .legacy-handoff small{animation:legacyLineWrite .58s .55s ease forwards}
.scene10.is-active .legacy-handoff span:nth-of-type(1){animation:legacyLineWrite .68s 1s ease forwards}
.scene10.is-active .legacy-handoff span:nth-of-type(2){animation:legacyLineWrite .68s 1.55s ease forwards}
.scene10.is-active .legacy-handoff strong{animation:legacyLineWrite .72s 2.1s ease forwards}
.scene10.is-active .legacy-answer small{animation:legacyLineWrite .58s 2.55s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(1){animation:legacyLineWrite .62s 2.95s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(2){animation:legacyLineWrite .62s 3.42s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(3){animation:legacyLineWrite .62s 3.9s ease forwards}
.scene10.is-active .legacy-answer span:nth-of-type(4){animation:legacyLineWrite .62s 4.38s ease forwards}
.scene10.is-active .legacy-answer strong{animation:legacyLineWrite .68s 4.9s ease forwards}
.scene10.is-returned .legacy-handoff small,.scene10.is-returned .legacy-answer small,
.scene10.is-returned .legacy-handoff span,.scene10.is-returned .legacy-handoff strong,
.scene10.is-returned .legacy-answer span,.scene10.is-returned .legacy-answer strong{
  opacity:1!important;transform:none!important;filter:none!important;animation:none!important;
}
.scene10 .legacy-seam,.scene10 .legacy-shot{display:none!important}

@media(max-height:700px){
  .scene10 .legacy-scene{top:14.5%!important}
  .scene10 .legacy-words{top:50.5%;bottom:7%;padding-top:9px;gap:9px}
  .scene10 .legacy-handoff{font-size:11.5px!important;line-height:1.45!important}
  .scene10 .legacy-answer{font-size:10.5px!important;line-height:1.44!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{margin-bottom:6px!important}
}
@media(max-width:360px){
  .scene10 .legacy-words{left:6.5%;right:6.5%;gap:4%}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding-left:9px!important}
}

/* Screen 10 portrait finale — the illustration becomes the page, copy sits in its dark lower field. */
.scene10 .legacy-scene{
  z-index:1!important;inset:0!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;background:#35100b!important;
}
.scene10 .legacy-full-art{inset:0!important}
.scene10 .legacy-full-art img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  filter:saturate(.84) contrast(1.035) brightness(.76)!important;transform:scale(1.01)!important;
}
.scene10.is-active .legacy-full-art img{animation:legacyPortraitDrift 13s ease-out both!important}
@keyframes legacyPortraitDrift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.055) translate3d(0,-.7%,0)}}
.scene10 .legacy-scene:after{
  z-index:4!important;inset:0!important;
  background:linear-gradient(180deg,rgba(45,7,4,.72) 0,rgba(47,8,5,.18) 19%,transparent 33% 52%,rgba(42,6,4,.45) 62%,rgba(35,5,4,.94) 100%),linear-gradient(90deg,rgba(52,8,5,.26),transparent 35% 72%,rgba(48,7,5,.16))!important;
}
.scene10 .legacy-glow-trace{
  left:23%!important;top:48%!important;width:57%!important;height:5px!important;
  transform:rotate(-18deg) scaleX(.06)!important;
}
.scene10.is-active .legacy-glow-trace{animation:legacyTracePortrait 4.2s .9s ease-in-out forwards!important}
@keyframes legacyTracePortrait{0%{opacity:0;transform:rotate(-18deg) scaleX(.06)}18%{opacity:.92}75%{opacity:.9;transform:rotate(-18deg) scaleX(1)}100%{opacity:.18;transform:rotate(-18deg) scaleX(1)}}
.scene10 .story-head{z-index:12!important;top:4.5%!important;text-shadow:0 2px 12px #260503!important}
.scene10 .story-head h2{font-size:clamp(31px,8.8cqw,40px)!important}
.scene10 .story-head h2:after{margin-top:12px!important}
.scene10 .legacy-audio{
  z-index:14!important;left:7.4%!important;right:auto!important;top:15.3%!important;
  height:28px!important;padding:0 10px 0 7px!important;border:1px solid rgba(230,188,109,.55)!important;
  border-radius:16px!important;background:rgba(52,8,5,.58)!important;backdrop-filter:blur(5px);
  box-shadow:0 4px 14px rgba(30,3,2,.28)!important;
}
.scene10 .legacy-words{
  z-index:12!important;left:7.4%!important;right:7.4%!important;top:auto!important;bottom:7.8%!important;
  height:31.5%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  align-content:end!important;border:0!important;padding:0!important;
}
.scene10 .legacy-handoff,.scene10 .legacy-answer{
  padding:7px 0 7px 12px!important;border-left:2px solid rgba(239,194,108,.82)!important;
  background:linear-gradient(90deg,rgba(48,7,5,.68),rgba(48,7,5,.12) 82%,transparent)!important;
  backdrop-filter:blur(1.5px);text-shadow:0 2px 7px #1e0302!important;
}
.scene10 .legacy-handoff{font-size:clamp(12px,3.25cqw,14px)!important;line-height:1.5!important}
.scene10 .legacy-answer{font-size:clamp(10.5px,2.85cqw,12.5px)!important;line-height:1.44!important}
.scene10 .legacy-handoff small,.scene10 .legacy-answer small{margin-bottom:5px!important;color:#f1c879!important}
.scene10 .story-back,.scene10 .story-page{z-index:15!important;color:#d9ae69!important}
@media(max-height:700px){
  .scene10 .story-head{top:3.3%!important}.scene10 .story-head h2{font-size:30px!important}.scene10 .story-head h2:after{margin-top:8px!important}
  .scene10 .legacy-audio{top:13.7%!important}
  .scene10 .legacy-words{bottom:7%!important;height:34%!important;gap:4px!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding-top:4px!important;padding-bottom:4px!important}
  .scene10 .legacy-handoff{font-size:10.8px!important;line-height:1.4!important}
  .scene10 .legacy-answer{font-size:9.7px!important;line-height:1.36!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{margin-bottom:3px!important;font-size:8px!important}
}

/* Screen 10 final motion and readability pass. */
.scene10 .legacy-full-art img{filter:saturate(1.08) contrast(1.01) brightness(1.03)!important}
.scene10 .legacy-scene:before{display:none!important}
.scene10 .legacy-scene:after{background:linear-gradient(180deg,rgba(42,6,4,.52) 0,rgba(42,6,4,.1) 18%,transparent 34% 56%,rgba(37,5,3,.25) 65%,rgba(31,4,3,.78) 100%),linear-gradient(90deg,rgba(44,7,5,.15),transparent 38% 75%,rgba(44,7,5,.08))!important}
.scene10 .legacy-glow-trace{
  display:block!important;position:absolute!important;z-index:3!important;inset:0!important;width:auto!important;height:auto!important;
  border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;clip-path:none!important;
  opacity:1!important;transform:none!important;
}
.scene10 .legacy-glow-trace:before{
  content:"";position:absolute;inset:0;background:rgba(55,25,16,.64);
  clip-path:polygon(25% 69%,30% 61%,40% 54%,50% 48%,59% 39%,66% 31%,71% 29%,68% 36%,62% 44%,53% 53%,42% 59%,32% 65%,28% 71%);
  transform:scaleX(1);transform-origin:right center;
}
.scene10.is-active .legacy-glow-trace{animation:none!important}
.scene10.is-active .legacy-glow-trace:before{animation:legacyRibbonUncover 5.4s .7s cubic-bezier(.25,.1,.18,1) forwards}
.scene10.is-returned .legacy-glow-trace:before{opacity:0;transform:scaleX(0);animation:none}
@keyframes legacyRibbonUncover{0%{opacity:1;transform:scaleX(1)}92%{opacity:.82}100%{opacity:0;transform:scaleX(0)}}
.scene10 .legacy-words{left:6.8%!important;right:6.8%!important;bottom:7.3%!important;height:30%!important;gap:7px!important;align-content:end!important}
.scene10 .legacy-handoff,.scene10 .legacy-answer{width:100%!important;box-sizing:border-box!important;padding:7px 10px 7px 13px!important;background:linear-gradient(90deg,rgba(43,6,4,.72),rgba(43,6,4,.34) 72%,rgba(43,6,4,.08))!important}
.scene10 .legacy-handoff{font-size:clamp(12.5px,3.45cqw,15px)!important;line-height:1.52!important}
.scene10 .legacy-answer{font-size:clamp(11px,3.02cqw,13.5px)!important;line-height:1.48!important}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong,.scene10 .legacy-answer span,.scene10 .legacy-answer strong{max-width:none!important;width:100%!important}
.scene10.is-active .legacy-handoff small{animation:legacyLineWrite .58s .8s ease forwards!important}
.scene10.is-active .legacy-handoff span:nth-of-type(1){animation:legacyLineWrite .78s 1.45s ease forwards!important}
.scene10.is-active .legacy-handoff strong{animation:legacyLineWrite .76s 2.25s ease forwards!important}
.scene10.is-active .legacy-answer small{animation:legacyLineWrite .58s 2.8s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(1){animation:legacyLineWrite .8s 3.3s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(2){animation:legacyLineWrite .76s 4s ease forwards!important}
.scene10.is-active .legacy-answer span:nth-of-type(3){animation:legacyLineWrite .76s 4.65s ease forwards!important}
.scene10.is-active .legacy-answer strong{animation:legacyLineWrite .7s 5.25s ease forwards!important}
@media(max-height:700px){
  .scene10 .legacy-words{left:6.8%!important;right:6.8%!important;bottom:6.7%!important;height:31.5%!important;gap:3px!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding:4px 8px 4px 10px!important}
  .scene10 .legacy-handoff{font-size:10.8px!important;line-height:1.38!important}.scene10 .legacy-answer{font-size:9.8px!important;line-height:1.36!important}
}

/* Screen 10: the painted gold becomes drifting ink-smoke and is drawn into the phone. */
.scene10 .legacy-glow-trace:before{display:none!important}
.scene10 .legacy-glow-trace{pointer-events:none!important;overflow:visible!important}
.scene10 .legacy-glow-trace b{
  position:absolute;left:27%;top:63%;width:22px;height:22px;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 42% 48%,rgba(255,246,179,.95) 0 10%,rgba(247,196,78,.72) 24%,rgba(228,139,34,.34) 47%,transparent 72%);
  filter:blur(2.5px);mix-blend-mode:screen;transform:translate3d(0,0,0) scale(.55);
}
.scene10 .legacy-glow-trace b:after{content:"";position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(246,187,65,.3),transparent 68%);filter:blur(6px)}
.scene10.is-active .legacy-glow-trace b{animation:legacyGoldSmoke 4.8s cubic-bezier(.3,.05,.2,1) both}
.scene10.is-active .legacy-glow-trace b:nth-child(1){animation-delay:.65s}
.scene10.is-active .legacy-glow-trace b:nth-child(2){width:30px;height:30px;left:25%;top:65%;animation-delay:1.15s}
.scene10.is-active .legacy-glow-trace b:nth-child(3){width:18px;height:18px;left:29%;top:62%;animation-delay:1.7s}
.scene10.is-active .legacy-glow-trace b:nth-child(4){width:34px;height:34px;left:26%;top:64%;animation-delay:2.25s}
.scene10.is-active .legacy-glow-trace b:nth-child(5){width:20px;height:20px;left:30%;top:61%;animation-delay:2.85s}
.scene10.is-active .legacy-glow-trace b:nth-child(6){width:27px;height:27px;left:27%;top:64%;animation-delay:3.35s}
.scene10.is-returned .legacy-glow-trace b{display:none!important}
@keyframes legacyGoldSmoke{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.45);filter:blur(3px)}
  12%{opacity:.72}
  34%{opacity:.9;transform:translate3d(calc(13 * var(--h5-unit,3.9px)),calc(-17 * var(--h5-unit,3.9px)),0) scale(1.05);filter:blur(4px)}
  62%{opacity:.76;transform:translate3d(calc(28 * var(--h5-unit,3.9px)),calc(-36 * var(--h5-unit,3.9px)),0) scale(.92);filter:blur(5px)}
  84%{opacity:.54;transform:translate3d(calc(38 * var(--h5-unit,3.9px)),calc(-50 * var(--h5-unit,3.9px)),0) scale(.62);filter:blur(3px)}
  100%{opacity:0;transform:translate3d(calc(42 * var(--h5-unit,3.9px)),calc(-57 * var(--h5-unit,3.9px)),0) scale(.16);filter:blur(1px)}
}
.scene10 .legacy-words{left:5.8%!important;right:5.8%!important;width:auto!important}
.scene10 .legacy-handoff,.scene10 .legacy-answer{padding-left:14px!important;padding-right:5px!important}
.scene10 .legacy-handoff{font-size:clamp(14px,3.75cqw,16px)!important;line-height:1.55!important}
.scene10 .legacy-answer{font-size:clamp(12.5px,3.35cqw,14.5px)!important;line-height:1.5!important}
@media(max-height:700px){
  .scene10 .legacy-words{left:5.8%!important;right:5.8%!important;bottom:6.7%!important;height:33%!important;gap:4px!important}
  .scene10 .legacy-handoff{font-size:13px!important;line-height:1.42!important}
  .scene10 .legacy-answer{font-size:11.5px!important;line-height:1.4!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{font-size:8.5px!important;margin-bottom:3px!important}
}

/* Screen 10: smoke rises from the complete painted ribbon, not only from the pen tip. */
.scene10 .legacy-glow-trace b{
  width:54px;height:38px;left:27%;top:61%;
  background:radial-gradient(ellipse at 42% 52%,rgba(255,244,168,.86) 0 8%,rgba(250,202,84,.66) 22%,rgba(231,151,46,.34) 46%,rgba(177,87,28,.12) 62%,transparent 76%);
  filter:blur(5px);transform:translate3d(0,0,0) scale(.55) rotate(-24deg);
  --smoke-x:calc(40 * var(--h5-unit,3.9px));--smoke-y:calc(-53 * var(--h5-unit,3.9px));
}
.scene10.is-active .legacy-glow-trace b{animation:legacyRibbonSmoke 4.7s cubic-bezier(.28,.04,.2,1) both}
.scene10.is-active .legacy-glow-trace b:nth-child(1){left:26%;top:61%;width:58px;height:34px;--smoke-x:calc(41 * var(--h5-unit,3.9px));--smoke-y:calc(-53 * var(--h5-unit,3.9px));animation-delay:.45s}
.scene10.is-active .legacy-glow-trace b:nth-child(2){left:33%;top:55%;width:68px;height:42px;--smoke-x:calc(34 * var(--h5-unit,3.9px));--smoke-y:calc(-46 * var(--h5-unit,3.9px));animation-delay:.9s}
.scene10.is-active .legacy-glow-trace b:nth-child(3){left:41%;top:49%;width:74px;height:44px;--smoke-x:calc(26 * var(--h5-unit,3.9px));--smoke-y:calc(-38 * var(--h5-unit,3.9px));animation-delay:1.35s}
.scene10.is-active .legacy-glow-trace b:nth-child(4){left:49%;top:43%;width:70px;height:45px;--smoke-x:calc(18 * var(--h5-unit,3.9px));--smoke-y:calc(-29 * var(--h5-unit,3.9px));animation-delay:1.8s}
.scene10.is-active .legacy-glow-trace b:nth-child(5){left:57%;top:37%;width:62px;height:42px;--smoke-x:calc(10 * var(--h5-unit,3.9px));--smoke-y:calc(-20 * var(--h5-unit,3.9px));animation-delay:2.25s}
.scene10.is-active .legacy-glow-trace b:nth-child(6){left:62%;top:31%;width:52px;height:38px;--smoke-x:calc(5 * var(--h5-unit,3.9px));--smoke-y:calc(-10 * var(--h5-unit,3.9px));animation-delay:2.7s}
@keyframes legacyRibbonSmoke{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.48) rotate(-24deg);filter:blur(4px)}
  16%{opacity:.68}
  42%{opacity:.86;filter:blur(7px)}
  72%{opacity:.58;filter:blur(9px)}
  100%{opacity:0;transform:translate3d(var(--smoke-x),var(--smoke-y),0) scale(.18) rotate(10deg);filter:blur(3px)}
}
.scene10 .legacy-words{left:4.5%!important;right:4.5%!important;height:35%!important}
.scene10 .legacy-handoff,.scene10 .legacy-answer{padding-left:15px!important;padding-right:10px!important}
.scene10 .legacy-handoff span,.scene10 .legacy-handoff strong,.scene10 .legacy-answer span,.scene10 .legacy-answer strong{
  display:inline!important;width:auto!important;max-width:none!important;text-align:inherit!important;text-align-last:auto!important;
  letter-spacing:.02em!important;margin-right:.28em;
}
.scene10 .legacy-handoff,.scene10 .legacy-answer{text-align:justify!important;text-align-last:left!important}
.scene10 .legacy-handoff{font-size:clamp(15px,4.05cqw,17px)!important;line-height:1.58!important}
.scene10 .legacy-answer{font-size:clamp(13.5px,3.6cqw,15.5px)!important;line-height:1.54!important}
@media(max-height:700px){
  .scene10 .legacy-words{left:4.5%!important;right:4.5%!important;bottom:6.5%!important;height:35.5%!important;gap:3px!important}
  .scene10 .legacy-handoff{font-size:15px!important;line-height:1.42!important}
  .scene10 .legacy-answer{font-size:13.5px!important;line-height:1.4!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{font-size:9px!important}
}

/* Screen 10 real particle-smoke layer. */
.scene10 .legacy-glow-trace{display:none!important}
.scene10 .legacy-smoke-canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.08)}

/* Screen 10 continuous turbulent smoke ribbon. */
.scene10 .legacy-smoke-canvas{display:none!important}
.scene10 .legacy-smoke-svg{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;mix-blend-mode:screen}
.scene10 .smoke-ribbon{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;opacity:0;filter:url(#legacySmokeFilter)}
.scene10 .smoke-ribbon-wide{stroke:rgba(210,118,31,.5);stroke-width:9.5}
.scene10 .smoke-ribbon-core{stroke:rgba(246,186,67,.54);stroke-width:3.2}
.scene10 .smoke-ribbon-wisp{stroke:rgba(255,220,126,.38);stroke-width:1.7}
.scene10.is-active .smoke-ribbon-wide{animation:legacySmokeStroke 6.3s .45s cubic-bezier(.24,.08,.16,1) forwards}
.scene10.is-active .smoke-ribbon-core{animation:legacySmokeStroke 5.8s .72s cubic-bezier(.24,.08,.16,1) forwards}
.scene10.is-active .smoke-ribbon-wisp{animation:legacySmokeStroke 5.4s 1.05s cubic-bezier(.24,.08,.16,1) forwards}
.scene10.is-returned .smoke-ribbon{stroke-dashoffset:0;opacity:.12;animation:none!important}
@keyframes legacySmokeStroke{
  0%{stroke-dashoffset:120;opacity:0}
  10%{opacity:.22}
  45%{opacity:.64}
  78%{opacity:.72}
  100%{stroke-dashoffset:0;opacity:.14}
}

/* Hidden story screens must never leak into single-screen previews. */
.story-screen[hidden]{display:none!important}
#s3[hidden],#s4[hidden],#s5[hidden],#s6[hidden],#s7[hidden],#s8[hidden],#s9[hidden],#s10[hidden],#s11[hidden]{display:none!important}

/* Screen 11 composition reset — organic ink silhouette and one continuous vertical axis. */
.scene11 .s11-finale{background:radial-gradient(ellipse at 43% 60%,rgba(190,111,56,.18),transparent 36%),linear-gradient(180deg,rgba(69,15,11,.03),rgba(32,6,4,.5))}
.scene11 .s11-finale:before{height:28%;background:linear-gradient(180deg,transparent,rgba(31,6,4,.72))}
.scene11 .s11-portrait{right:-2%;left:auto;top:9%;width:43%;height:88%;overflow:visible;opacity:.88;background:none;clip-path:none;filter:drop-shadow(-9px 8px 10px rgba(24,4,3,.5))}
.scene11 .s11-portrait img{display:block!important;width:100%;height:100%;object-fit:contain;object-position:right bottom;opacity:1;mix-blend-mode:normal;filter:none;transform:none}
.scene11 .s11-finale .final-page{top:3%;left:21%;width:48%;height:43%;transform:rotate(-.6deg)}
.scene11 .s11-finale .final-stack{left:15%;bottom:0;width:60%;height:65%}
.scene11 .s11-finale .final-stack:after{content:"";position:absolute;z-index:-1;left:15%;right:8%;bottom:0;height:10%;border-radius:50%;background:rgba(24,4,3,.38);filter:blur(8px)}
.scene11 .s11-original,.scene11 .s11-finale .final-video{bottom:4.5%}
.scene11.is-active .s11-archive-seal{animation:s11SealStory 1.1s 4.35s ease forwards!important}
@keyframes s11SealStory{0%{opacity:0;transform:rotate(-18deg) scale(1.32)}35%,70%{opacity:.9;transform:rotate(-12deg) scale(1)}100%{opacity:0;transform:rotate(-12deg) scale(.94)}}

/* Screen 11 — restored from demo composition. */
.scene11.s11-demo{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:5.5% 6.5% 3%;background:linear-gradient(155deg,#35090d,#7c1918 62%,#30080c)!important;color:#fff0cf!important}
.scene11.s11-demo:before{z-index:0!important;inset:0!important;opacity:1!important;background:linear-gradient(180deg,rgba(35,3,5,.08),rgba(29,2,4,.12) 36%,rgba(25,2,4,.5)),radial-gradient(circle at 50% 39%,rgba(184,64,44,.62),transparent 49%),linear-gradient(155deg,#35090d,#7c1918 62%,#30080c)!important;transform:scale(1.035)}
.scene11.s11-demo:after{z-index:1!important;inset:3.1%!important;opacity:1!important;border:1px solid rgba(245,226,175,.15);background:none!important;box-shadow:none!important}
.scene11 .demo-finale-rays{position:absolute;z-index:1;left:50%;top:48%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from -4deg,rgba(240,216,140,.08) 0 3deg,transparent 3deg 12deg);mask-image:radial-gradient(circle,#000 0,transparent 65%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 65%);animation:slowTurn 38s linear infinite}
.scene11 .demo-finale-head{position:relative;z-index:3;width:100%;margin:0 0 10px;text-align:center}.scene11 .demo-finale-head p{margin:0 0 8px;color:#dfb967;font:700 9px/1 var(--font-ui);letter-spacing:.22em}.scene11 .demo-finale-head h2{margin:0;color:#fff0cf;font:700 clamp(25px,6.5cqw,34px)/1.32 var(--font-title);letter-spacing:.055em;text-shadow:0 3px 15px rgba(34,3,4,.5)}.scene11 .demo-finale-head span{display:block;margin-top:8px;color:rgba(255,240,207,.7);font:700 10px/1.55 var(--font-body)}
.scene11 .demo-donation-collage{position:relative;z-index:3;width:100%;height:43%;margin:0 0 10px}
.scene11 .demo-donation-photo{position:absolute;padding:3px;border:0;background:#f1e5c8;box-shadow:0 13px 29px rgba(19,1,3,.4);opacity:0}.scene11 .demo-donation-photo img{display:block;width:100%;height:100%;object-fit:cover}.scene11 .demo-photo-main{z-index:2;left:4%;top:4%;width:66%;height:73%;transform:rotate(-4deg)}.scene11 .demo-photo-side{z-index:3;right:2%;top:18%;width:43%;height:50%;transform:rotate(5deg)}.scene11 .demo-photo-detail{z-index:4;right:11%;bottom:0;width:55%;height:37%;transform:rotate(-1deg)}
.scene11.is-active .demo-donation-photo{animation:demoDonationIn .85s cubic-bezier(.18,.8,.2,1) forwards}.scene11.is-active .demo-photo-side{animation-delay:.16s}.scene11.is-active .demo-photo-detail{animation-delay:.32s}@keyframes demoDonationIn{from{opacity:0;translate:0 38px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
.scene11 .demo-final-seal{position:absolute;z-index:5;left:5%;bottom:1%;display:grid;width:54px;aspect-ratio:1;place-items:center;border:3px double #b74434;border-radius:50%;color:#c95a45;background:rgba(242,225,190,.87);font:700 12px var(--font-title);letter-spacing:.12em;transform:rotate(-8deg);opacity:0}.scene11.is-active .demo-final-seal{animation:demoSealIn .55s .95s cubic-bezier(.2,.8,.2,1) forwards}@keyframes demoSealIn{from{opacity:0;scale:1.4}to{opacity:1;scale:1}}
.scene11 .demo-poster-button{position:relative;z-index:4;width:min(82%,330px);min-height:48px;margin-top:auto;border:1px solid #e8c67b;border-radius:24px;background:#d9b25f;color:#391510;font:700 13px var(--font-title);box-shadow:0 9px 29px rgba(16,6,2,.28);opacity:0;transform:translateY(14px)}.scene11.is-active .demo-poster-button{animation:demoButtonIn .5s 1.5s ease forwards}@keyframes demoButtonIn{to{opacity:1;transform:none}}
.scene11 .demo-final-date{position:relative;z-index:3;margin:9px 0 30px;color:rgba(255,240,207,.55);font:700 8px/1 var(--font-ui);letter-spacing:.13em}.scene11.s11-demo .story-back,.scene11.s11-demo .story-page{z-index:5;bottom:2.1%!important;color:#d2ab66!important}
@media(max-height:700px){.scene11.s11-demo{padding-top:4.2%}.scene11 .demo-finale-head p{margin-bottom:5px}.scene11 .demo-finale-head h2{font-size:23px}.scene11 .demo-finale-head span{margin-top:5px;font-size:9px}.scene11 .demo-donation-collage{height:40%;margin-bottom:6px}.scene11 .demo-poster-button{min-height:44px}.scene11 .demo-final-date{margin-top:6px;margin-bottom:25px}}

/* Hand-painted archive-room background; real documentary photos remain live foreground content. */
.scene11.s11-demo{background:#32100b!important}
.scene11.s11-demo:before{background:linear-gradient(180deg,rgba(35,12,8,.34),rgba(57,15,11,.12) 40%,rgba(28,8,5,.58) 100%)!important;filter:saturate(.9) contrast(1.03);transform:scale(1.02)}
.scene11.s11-demo:after{border-color:rgba(111,56,31,.35);box-shadow:inset 0 0 46px rgba(52,23,13,.22)!important}
.scene11 .demo-finale-rays{opacity:.45;mix-blend-mode:soft-light}
.scene11 .demo-finale-head p{color:#e1b56c;text-shadow:0 2px 8px rgba(34,12,7,.68)}
.scene11 .demo-finale-head h2{color:#fff0cf;text-shadow:0 3px 14px rgba(28,8,5,.74)}
.scene11 .demo-finale-head span{color:#f2d9ab;text-shadow:0 2px 8px rgba(29,8,5,.72)}
.scene11 .demo-donation-photo{background:#eadbb9;box-shadow:0 12px 28px rgba(39,13,7,.48),0 0 0 1px rgba(111,62,34,.2)}
.scene11 .demo-poster-button{background:linear-gradient(180deg,#dcb865,#c99943);border-color:#f0d28f;box-shadow:0 10px 24px rgba(45,15,8,.42)}

/* Screen 11 brief: central calendar page closes onto the rising 40-book stack. */
.scene11 .brief-finale-head{position:relative;z-index:8;width:100%;text-align:center}.scene11 .brief-finale-head p{margin:0 0 7px;color:#dfb66d;font:700 9px/1 var(--font-ui);letter-spacing:.22em}.scene11 .brief-finale-head h2{margin:0;color:#fff0cf;font:700 clamp(26px,7cqw,34px)/1.18 var(--font-title);letter-spacing:.045em;text-shadow:0 3px 14px rgba(31,9,5,.7)}.scene11 .brief-finale-head span{display:block;margin-top:7px;color:#efd5a5;font:700 9px/1.4 var(--font-body);letter-spacing:.08em;text-shadow:0 2px 8px rgba(35,9,5,.7)}
.scene11 .brief-finale-stage{position:relative;z-index:4;width:100%;height:61%;margin-top:9px;overflow:hidden}
.scene11 .brief-elder{position:absolute;z-index:2;right:-5%;bottom:0;width:43%;height:88%;object-fit:contain;object-position:right bottom;opacity:.72;filter:drop-shadow(-8px 7px 8px rgba(27,7,4,.45))}
.scene11 .brief-calendar-stack{position:absolute;z-index:5;left:19%;bottom:2%;width:58%;height:64%;filter:drop-shadow(0 11px 8px rgba(32,8,4,.5))}
.scene11 .brief-calendar-stack img{position:absolute;left:7%;bottom:calc(var(--n)*1.8px);width:84%;height:55%;object-fit:contain;object-position:center bottom;opacity:0;transform:translateY(130px) rotate(var(--tilt));filter:sepia(.16) saturate(.84) contrast(1.04)}
.scene11.is-active .brief-calendar-stack img{animation:briefBookLand .4s calc(.15s + var(--n)*.068s) cubic-bezier(.16,.82,.25,1) forwards}@keyframes briefBookLand{to{opacity:1;transform:translateY(0) rotate(var(--tilt))}}
.scene11.is-active .brief-calendar-stack{animation:briefStackSettle .85s 3.75s cubic-bezier(.2,.72,.24,1) forwards}@keyframes briefStackSettle{to{transform:translateY(-3%) scale(1.045)}}
.scene11 .brief-calendar-page{position:absolute;z-index:9;left:23%;top:1%;width:49%;height:42%;box-sizing:border-box;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#39271d;text-align:center;background-color:#dfc79d;background-image:linear-gradient(180deg,rgba(125,47,35,.44) 0 5px,transparent 5px),radial-gradient(circle at 15% 16%,rgba(98,56,31,.15),transparent 27%),radial-gradient(circle at 84% 78%,rgba(96,54,29,.12),transparent 25%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(105,69,43,.14) 27px),repeating-linear-gradient(8deg,rgba(72,43,25,.045) 0 1px,transparent 1px 5px);border:1px solid #95683d;clip-path:polygon(1% 0,98% 1%,100% 15%,99% 97%,84% 100%,66% 98%,48% 100%,29% 98%,2% 100%,0 75%,1% 48%,0 22%);filter:drop-shadow(0 14px 14px rgba(31,7,4,.52));transform-origin:50% 100%}
.scene11 .brief-rings{position:absolute;left:0;right:0;top:-12px;height:24px}.scene11 .brief-rings b{position:absolute;top:0;width:12px;height:23px;border:3px solid #302119;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#15100d,#6a5848 50%,#17110e)}.scene11 .brief-rings b:first-child{left:28%}.scene11 .brief-rings b:last-child{right:28%}
.scene11 .brief-calendar-page time small{display:block;color:#725239;font:700 8px/1 var(--font-ui);letter-spacing:.18em}.scene11 .brief-calendar-page time strong{display:block;margin-top:5px;color:#81231b;font:700 29px/1 var(--font-title)}.scene11 .brief-calendar-page>em{width:42px;margin:9px auto 7px;border-top:1px solid #8d3226}.scene11 .brief-calendar-page p{margin:0;color:#34251c;font:700 13px/1.58 var(--font-title)}.scene11 .brief-calendar-page p b{color:#781f18}
.scene11.is-active .brief-calendar-page{animation:briefPageClose 1.45s 3.25s cubic-bezier(.55,.02,.3,1) both}@keyframes briefPageClose{0%,14%{transform:perspective(900px) rotateX(0) translateY(0)}72%{transform:perspective(900px) rotateX(72deg) translateY(48%);filter:brightness(.86)}100%{transform:perspective(900px) rotateX(86deg) translateY(62%) scale(.94);filter:brightness(.78);opacity:.2}}
.scene11 .brief-final-seal{position:absolute;z-index:10;left:61%;top:42%;display:grid;width:46px;aspect-ratio:1;place-items:center;border:3px double #a24032;border-radius:50%;background:#d9bf8e;color:#99372b;font:700 11px var(--font-title);letter-spacing:.1em;opacity:0}.scene11.is-active .brief-final-seal{animation:briefSeal 1.05s 4.15s ease forwards}@keyframes briefSeal{0%{opacity:0;transform:rotate(-18deg) scale(1.35)}35%,72%{opacity:.92;transform:rotate(-10deg) scale(1)}100%{opacity:0;transform:rotate(-10deg) scale(.94)}}
.scene11 .brief-original,.scene11 .brief-video{position:absolute;z-index:11;bottom:3.5%;height:34px;padding:0 12px;border:1px solid #caa15c;border-radius:18px;background:rgba(68,18,12,.9);color:#efd08e;font:700 9px var(--font-ui);opacity:0;transform:translateY(8px)}.scene11 .brief-original{left:4%}.scene11 .brief-video{right:4%}.scene11.is-active .brief-original,.scene11.is-active .brief-video{animation:briefActionIn .45s 4.75s ease forwards}@keyframes briefActionIn{to{opacity:1;transform:none}}
.scene11 .brief-poster-button{position:relative;z-index:8;width:min(78%,320px);min-height:46px;margin-top:auto;border:1px solid #ebcd8a;border-radius:23px;background:linear-gradient(180deg,#dab461,#c89742);color:#391510;font:700 13px var(--font-title);box-shadow:0 9px 24px rgba(41,12,6,.38);opacity:0;transform:translateY(12px)}.scene11.is-active .brief-poster-button{animation:briefActionIn .45s 5.05s ease forwards}.scene11 .brief-final-date{position:relative;z-index:8;margin:8px 0 28px;color:rgba(255,238,202,.68);font:700 8px/1 var(--font-ui);letter-spacing:.13em}
@media(max-height:700px){.scene11 .brief-finale-head h2{font-size:24px}.scene11 .brief-finale-stage{height:59%;margin-top:5px}.scene11 .brief-calendar-page{height:40%}.scene11 .brief-poster-button{min-height:42px}.scene11 .brief-final-date{margin-top:5px;margin-bottom:24px}}

/* Refine the opening calendar first: match the established quiz-calendar prop. */
.scene11 .brief-calendar-page{left:7%;top:1%;width:66%;height:48%;padding:25px 17px 54px;justify-content:flex-start;background-color:#dfbd82;background-image:radial-gradient(circle at 10% 13%,rgba(104,53,25,.22),transparent 24%),radial-gradient(circle at 88% 77%,rgba(92,48,23,.18),transparent 28%),repeating-linear-gradient(8deg,rgba(69,38,19,.055) 0 1px,transparent 1px 5px),linear-gradient(145deg,#efd5a0,#d5ab6d);border-color:#8f5b32;clip-path:polygon(1% 2%,9% 0,20% 1%,31% 0,43% 1%,55% 0,67% 1%,79% 0,90% 1%,99% 0,100% 20%,99% 39%,100% 61%,99% 81%,100% 98%,89% 100%,77% 99%,64% 100%,50% 99%,36% 100%,23% 99%,10% 100%,1% 98%,0 78%,1% 58%,0 39%);filter:drop-shadow(0 15px 15px rgba(39,14,7,.52))}
.scene11 .brief-calendar-page:before{content:"";position:absolute;inset:5px;border:1px solid rgba(117,65,33,.2);pointer-events:none}.scene11 .brief-calendar-page:after{content:"";position:absolute;left:10%;right:10%;top:24%;border-top:2px solid rgba(153,49,36,.62)}
.scene11 .brief-rings{top:-11px;height:25px}.scene11 .brief-rings b{width:8px;height:23px;border-width:2px;border-color:#2f2118;background:linear-gradient(90deg,#17110e,#806852 50%,#17110e)}.scene11 .brief-rings b:nth-child(1){left:7%}.scene11 .brief-rings b:nth-child(2){left:17%}.scene11 .brief-rings b:nth-child(3){left:27%}.scene11 .brief-rings b:nth-child(4){left:37%}.scene11 .brief-rings b:nth-child(5){left:47%}.scene11 .brief-rings b:nth-child(6){left:57%}.scene11 .brief-rings b:nth-child(7){left:67%}.scene11 .brief-rings b:nth-child(8){left:77%}.scene11 .brief-rings b:nth-child(9){left:87%;right:auto}
.scene11 .brief-calendar-page time small{font-size:9px;color:#7c3929}.scene11 .brief-calendar-page time strong{margin-top:7px;font-size:27px}.scene11 .brief-calendar-page>em{margin:8px auto 7px}.scene11 .brief-calendar-page p{font-size:13px;line-height:1.52}
.scene11 .brief-landscape{position:absolute;z-index:2;left:5%;right:5%;bottom:5px;width:90%;height:48px;fill:none;stroke:#735233;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.76}
.scene11 .brief-elder{right:-9%;bottom:1%;width:53%;height:72%;object-fit:cover;object-position:12% 68%;opacity:.78;filter:sepia(.28) saturate(.72) brightness(.78) contrast(1.05) drop-shadow(-7px 7px 8px rgba(31,8,4,.42));mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 83%,transparent 100%)}
.scene11 .brief-calendar-stack{left:18%;width:55%;opacity:.78}
@media(max-height:700px){.scene11 .brief-calendar-page{height:46%;padding-bottom:48px}.scene11 .brief-landscape{height:41px}.scene11 .brief-elder{height:69%}}

.story-screen[hidden]{display:none!important}

#s3[hidden],#s4[hidden],#s5[hidden],#s6[hidden],#s7[hidden],#s8[hidden],#s9[hidden],#s10[hidden],#s11[hidden]{display:none!important}
/* Final mobile guard: keep chapter titles intact without scaling the whole H5. */
@media(max-width:430px){
  .story-head h2{font-size:clamp(21px,6.8cqw,30px)!important;line-height:1.12!important;letter-spacing:.015em!important;white-space:nowrap!important;word-break:keep-all!important}
  .story-head .chapter{font-size:clamp(9px,2.55cqw,12px)!important;white-space:nowrap!important}
  .story-head .dek{font-size:clamp(9px,2.45cqw,12px)!important;line-height:1.45!important;overflow-wrap:anywhere}
  .story-dialog{max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important}
}
@media(max-height:680px){.story-head h2{font-size:clamp(20px,6.35cqw,28px)!important}.story-head{top:4.5%!important}}
.story-dialog.is-dialog-fallback{position:fixed;z-index:10020;inset:16px;display:block;margin:auto}.story-dialog.is-dialog-fallback:after{content:"";position:fixed;z-index:-1;inset:0;background:rgba(20,8,6,.78)}

/* Screen 9 final fixes: keep the completed caption clear of the image copy. */
.scene9 .puzzle-success{top:auto!important;bottom:9.2%!important}
@media(max-height:700px){.scene9 .puzzle-success{top:auto!important;bottom:8.5%!important}}

/* Mobile interaction refinements: explicit archive buttons and more breathing room above the puzzle. */
.scene8 .life-arrow{appearance:none;-webkit-appearance:none;padding:0;cursor:pointer}
.scene9 .puzzle-board,.scene9 .puzzle-life,.scene9 .puzzle-fireworks{top:20.5%!important}
.scene9.puzzle-complete .puzzle-board,.scene9.puzzle-complete .puzzle-piece{pointer-events:none!important}
@media(max-height:700px){.scene9 .puzzle-board,.scene9 .puzzle-life,.scene9 .puzzle-fireworks{top:18.5%!important}}

/* The screen-9 question uses one preloaded calendar template from its first painted frame. */
#storyQuizDialog.is-knowledge-quiz .quiz-stage{
  background-color:#ead6a9!important;
  background-image:url('assets/story/images/quiz2-blank-calendar-v1.webp')!important;
  background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
}

/* Correct answers use an unmistakable green confirmation state. */
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct{
  border-color:#456a37!important;
  background:linear-gradient(145deg,#668b50,#4f743f)!important;
  color:#fffbe9!important;
  box-shadow:0 0 0 2px rgba(93,136,70,.24),0 5px 12px rgba(43,73,33,.32)!important;
}
#storyQuizDialog.is-knowledge-quiz .quiz-options button.is-correct:after{background:#315a28!important}

/* Unified chapter-heading grid: every screen shares one left edge and rhythm. */
#s3 .story-head,#s4 .story-head,#s5 .story-head,#s6 .story-head,
#s7 .story-head,#s8 .story-head,#s9 .story-head,#s10 .story-head{
  left:7%!important;right:7%!important;top:4.8%!important;
  width:auto!important;box-sizing:border-box!important;
  margin:0!important;padding:0!important;border:0!important;
  text-align:left!important;transform:none!important;
}
#s3 .story-head .chapter,#s4 .story-head .chapter,#s5 .story-head .chapter,#s6 .story-head .chapter,
#s7 .story-head .chapter,#s8 .story-head .chapter,#s9 .story-head .chapter,#s10 .story-head .chapter{
  width:100%!important;margin:0 0 8px!important;padding:0!important;
  text-align:left!important;transform:none!important;
}
#s3 .story-head h2,#s4 .story-head h2,#s5 .story-head h2,#s6 .story-head h2,
#s7 .story-head h2,#s8 .story-head h2,#s9 .story-head h2,#s10 .story-head h2{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  text-align:left!important;transform:none!important;transform-origin:left center!important;
}
#s3 .story-head .dek,#s4 .story-head .dek,#s5 .story-head .dek,#s6 .story-head .dek,
#s7 .story-head .dek,#s8 .story-head .dek,#s9 .story-head .dek,#s10 .story-head .dek{
  width:100%!important;margin:8px 0 0!important;padding:0!important;
  text-align:left!important;transform:none!important;
}
@media(max-height:680px){
  #s3 .story-head,#s4 .story-head,#s5 .story-head,#s6 .story-head,
  #s7 .story-head,#s8 .story-head,#s9 .story-head,#s10 .story-head{top:3.6%!important}
}

/* Optical alignment for the larger Kaiti first glyph on screens 10–11. */
#s10 .story-head h2{transform:translateX(-2px)!important}

/* ================================================================
   Unified interaction language · archive red / warm gold
   Buttons identify actions; captions identify provenance.
   ================================================================ */
:root{
  --action-red:#a92f25;
  --action-red-pressed:#842219;
  --action-gold:#e2b65b;
  --action-ink:rgba(31,14,10,.92);
  --action-text:#fff6e2;
}
.story-screen .media-action,
.story-screen .archive-action{
  box-sizing:border-box!important;
  min-height:44px!important;
  border:1px solid rgba(226,182,91,.78)!important;
  border-radius:24px!important;
  background:var(--action-ink)!important;
  color:var(--action-text)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.3)!important;
  font:700 12px/1 var(--font-ui)!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  transition:background .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}
.story-screen .media-action:active,
.story-screen .archive-action:active{background:var(--action-red-pressed)!important;box-shadow:0 3px 10px rgba(0,0,0,.28)!important}
.story-screen .media-action b,
.story-screen .media-action .legacy-audio-icon{
  display:grid!important;place-items:center!important;flex:0 0 30px!important;
  width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;
  background:var(--action-red)!important;color:#fff7e6!important;font:10px/1 Arial,sans-serif!important;
}
.story-screen .media-action>span:not(.audio-bars){display:flex!important;align-items:center!important;color:var(--action-text)!important;font:700 12px/1.2 var(--font-ui)!important}
.story-screen .archive-action>span:before{
  content:"";display:inline-block;width:16px;height:18px;margin-right:7px;vertical-align:-4px;
  border:1.5px solid #fff2d7;border-radius:2px;
  background:linear-gradient(135deg,transparent 0 67%,#fff2d7 68% 72%,transparent 73%);
}

/* Quiet provenance labels on the five AI-assisted illustration screens. */
.story-screen .ai-credit{
  position:absolute;z-index:13;padding:0;border:0;border-radius:0;
  background:transparent;color:rgba(255,239,207,.55);
  font:500 8px/1.2 var(--font-ui);letter-spacing:.08em;pointer-events:none;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.scene3 .ai-credit{left:7%;bottom:16.8%}
.scene5 .ai-credit{left:7%;top:66.8%}
.scene8 .ai-credit{right:7%;top:16.2%}
.scene9 .ai-credit{right:7%;top:77.5%}
.scene10 .ai-credit{right:7%;bottom:20.2%}

/* Screen 3: interview action. */
.scene3 .s3-video{
  left:auto!important;right:6%!important;top:auto!important;bottom:10.7%!important;
  width:138px!important;max-width:none!important;height:48px!important;min-height:48px!important;
  padding:7px 12px 7px 7px!important;display:flex!important;align-items:center!important;gap:9px!important;
}
.scene3 .s3-video span{display:flex!important;font-size:12px!important}.scene3 .s3-video small{display:none!important}

/* Screen 4: direct gesture language and one archive action. */
.scene4 .light-caption{
  top:73.2%!important;bottom:auto!important;min-height:0;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;color:rgba(255,236,196,.72)!important;
  font:500 11px/1 var(--font-ui)!important;letter-spacing:.08em!important;
  text-shadow:0 1px 5px rgba(0,0,0,.72)!important;
}
.scene4 .light-caption span{font-size:13px;opacity:.72}
.scene4 .s4-actions>button{width:132px!important;min-height:46px!important;padding:0 12px!important}
.scene4 .s4-actions>button>span{display:inline-flex!important;align-items:center!important;color:#fff6e2!important}

/* Screen 5: the television remains the hotspot, with a visible action label. */
.scene5 .s5-tv-hotspot{overflow:visible!important}
.scene5 .s5-tv-hotspot span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  top:calc(100% + 8px)!important;left:50%!important;right:auto!important;bottom:auto!important;
  width:126px!important;height:42px!important;padding:0 10px!important;
  border:1px solid rgba(226,182,91,.78)!important;border-radius:21px!important;
  background:rgba(31,14,10,.94)!important;color:#fff6e2!important;
  font:700 11px/1 var(--font-ui)!important;letter-spacing:.01em!important;
  text-align:center!important;text-shadow:none!important;transform:translateX(-50%)!important;
  box-shadow:0 6px 17px rgba(0,0,0,.34)!important;white-space:nowrap!important;
}
.scene5 .s5-tv-hotspot span:before{
  content:"";width:14px;height:16px;margin-right:6px;border:1.4px solid #fff2d7;border-radius:2px;
}
.scene5 .s5-video{
  right:5%!important;top:58.7%!important;width:142px!important;height:48px!important;min-height:48px!important;
  padding:7px 12px 7px 7px!important;display:flex!important;align-items:center!important;gap:9px!important;
}
.scene5 .s5-video span{font-size:12px!important}.scene5 .s5-video small{display:none!important}

/* Screen 6: match the same archive and media actions. */
.scene6 .tax-doc .s6-video{
  right:4%!important;bottom:4%!important;width:132px!important;height:46px!important;min-height:46px!important;
  padding:7px 11px 7px 7px!important;display:flex!important;align-items:center!important;gap:8px!important;
}
.scene6 .s6-video span{font-size:11px!important}.scene6 .s6-video small{display:none!important}
.scene6 .tax-actions>button:first-child{width:132px!important;min-height:46px!important;padding:0 11px!important}

/* Screen 7 in the story: four life records. */
.scene8 .life-arrow{
  right:7%!important;bottom:12.5%!important;width:126px!important;height:44px!important;min-height:44px!important;
  padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.scene8 .life-arrow>span{display:inline-flex!important;align-items:center!important}
.scene8 .life-count{
  left:50%!important;right:auto!important;bottom:5.2%!important;transform:translateX(-50%)!important;
  min-height:0;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:rgba(240,212,158,.7)!important;font:500 10px/1 var(--font-ui)!important;letter-spacing:.06em!important;white-space:nowrap;
  text-shadow:0 1px 5px rgba(0,0,0,.68)!important;
}
.scene8 .life-count>span:first-child{font-size:12px;opacity:.62}
.scene8 .life-count .life-hint{margin-right:5px;opacity:.78}
.scene8 .life-count b{font:700 11px/1 var(--font-ui);color:#f3dcae}
.scene8 .life-count em{font-style:normal;opacity:.65}

/* Screen 8 in the story: ledger chart. */
.scene7 .spending-detail>div{padding-right:118px!important}
.scene7 #spendingOriginal{
  right:12px!important;bottom:12px!important;width:112px!important;height:44px!important;min-height:44px!important;
  padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.scene7 #spendingOriginal span{display:inline-flex!important;align-items:center!important}
.scene7 .spending-control{
  bottom:9.3%!important;min-height:44px!important;padding:0!important;gap:4px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:rgba(240,212,158,.68)!important;font:500 10px/1 var(--font-ui)!important;letter-spacing:.06em!important;
  text-shadow:0 1px 5px rgba(0,0,0,.7)!important;
}
.scene7 .spending-control button{
  width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:rgba(240,212,158,.62)!important;font-size:20px!important;
}
.scene7 .spending-control button:active{color:#ffe9bb!important;transform:scale(.9)}

/* Screen 9: one short instruction and a clearly secondary skip action. */
.scene9 .puzzle-hint{
  top:73.2%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  min-height:36px;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:1px solid rgba(226,182,91,.28);border-radius:18px;background:rgba(41,15,11,.62);
  color:#f1d49d!important;font:600 10px/1 var(--font-ui)!important;letter-spacing:.01em!important;white-space:nowrap!important;
}
.scene9 .puzzle-skip{right:7%!important;bottom:8.5%!important;min-height:40px!important;padding:0 12px!important;border:1px solid rgba(226,182,91,.42)!important;border-radius:20px!important;background:rgba(50,18,13,.68)!important;font-size:10px!important}

/* Screen 10: move the audio control into the same media family. */
.scene10 .legacy-audio{
  left:7%!important;right:auto!important;top:13.1%!important;width:158px!important;height:46px!important;min-height:46px!important;
  padding:7px 12px 7px 7px!important;border:1px solid rgba(226,182,91,.78)!important;border-radius:23px!important;
  background:rgba(31,14,10,.9)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important;gap:8px!important;
}
.scene10 .legacy-audio>span:nth-child(2){display:grid!important;gap:2px!important;align-items:start!important}
.scene10 .legacy-audio b{color:#fff6e2!important;font:700 11px/1.1 var(--font-ui)!important;letter-spacing:0!important}
.scene10 .legacy-audio small{color:#e2bf7e!important;font:8px/1 var(--font-ui)!important}

/* Screen 11 actions use the same clear labels. */
.scene11 .brief-original,.scene11 .brief-video{
  bottom:3.2%!important;width:132px!important;height:44px!important;min-height:44px!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;
}
.scene11 .brief-original{left:4%!important}.scene11 .brief-video{right:4%!important}

/* Stable bottom navigation on every story screen. */
.story-screen .story-back{
  left:5%!important;bottom:1.1%!important;width:88px!important;height:44px!important;min-height:44px!important;
  padding:0 12px!important;border:1px solid rgba(226,182,91,.36)!important;border-radius:22px!important;
  background:rgba(31,14,10,.62)!important;color:#f4d89f!important;
  font:600 12px/1 var(--font-ui)!important;letter-spacing:.02em!important;text-align:center!important;
  text-shadow:none!important;backdrop-filter:blur(3px);
}
.story-screen .story-page{
  right:6%!important;bottom:2.7%!important;color:#dcb878!important;
  font:600 10px/1 var(--font-ui)!important;letter-spacing:.08em!important;text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
}

/* Dialog language: one short zoom instruction and a reliable close target. */
.story-dialog .dialog-close{width:44px!important;height:44px!important;min-height:44px!important}
#storyMediaDialog .dialog-note{font-size:12px!important;text-align:center!important;letter-spacing:.04em!important}

@media(max-height:700px){
  .scene3 .s3-video{bottom:9.4%!important}.scene3 .ai-credit{bottom:15.4%}
  .scene5 .s5-video{top:57.5%!important}.scene5 .ai-credit{top:65.5%}
  .scene8 .life-arrow{bottom:12%!important}.scene8 .ai-credit{top:15.5%;bottom:auto}
  .scene9 .puzzle-hint{top:71.5%!important}.scene9 .ai-credit{top:76%}
  .scene10 .legacy-audio{top:12.4%!important}
}

/* Compact pass: vertical swiping replaces back controls; action chips stay quiet. */
.story-screen .story-back,.back-opening{display:none!important}
.story-screen .media-action,.story-screen .archive-action{
  min-height:40px!important;height:40px!important;border-radius:20px!important;
  padding:5px 9px 5px 5px!important;gap:6px!important;font-size:11px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.24)!important;
}
.story-screen .media-action b,.story-screen .media-action .legacy-audio-icon{
  flex-basis:26px!important;width:26px!important;height:26px!important;font-size:8px!important;
}
.story-screen .archive-action>span:before{width:13px;height:15px;margin-right:5px}
.scene3 .s3-video,.scene5 .s5-video,.scene6 .tax-doc .s6-video{width:104px!important;height:40px!important;min-height:40px!important}
.story-screen.scene3 .s3-video>span:not(.audio-bars),.story-screen.scene5 .s5-video>span:not(.audio-bars),.story-screen.scene6 .s6-video>span:not(.audio-bars){font-size:0!important}
.scene3 .s3-video span:after,.scene5 .s5-video span:after,.scene6 .s6-video span:after{content:"看采访";font:700 11px/1 var(--font-ui)}
.scene4 .s4-actions>button,.scene6 .tax-actions>button:first-child,.scene8 .life-arrow{width:92px!important;min-height:40px!important;height:40px!important}
.scene4 .archive-action>span,.scene6 .archive-action>span,.scene8 .archive-action>span,.scene7 .archive-action>span{font-size:0!important}
.scene4 .archive-action>span:after,.scene6 .archive-action>span:after,.scene8 .archive-action>span:after,.scene7 .archive-action>span:after{content:"看原稿";font:700 11px/1 var(--font-ui)}
.scene7 .spending-detail>div{padding-right:93px!important}
.scene7 #spendingOriginal{width:88px!important;height:40px!important;min-height:40px!important;right:9px!important;bottom:10px!important}
.scene10 .legacy-audio{width:120px!important;height:40px!important;min-height:40px!important;padding:5px 8px 5px 5px!important}
.scene10 .legacy-audio b{font-size:0!important}.scene10 .legacy-audio b:after{content:"听原声";font:700 11px/1 var(--font-ui)}
.scene10 .legacy-audio small{font-size:7px!important}

/* Screen 5: no outline, static texture, circle or legacy arrow on the TV itself. */
.scene5 .s5-tv-hotspot{
  border:0!important;background:transparent!important;box-shadow:none!important;
  min-height:0!important;height:11.9%!important;border-radius:0!important;
}
.scene5 .s5-tv-hotspot i,.scene5 .s5-tv-hotspot:after,.scene5 .s5-tv-hotspot i:after{display:none!important}
.scene5 .s5-tv-hotspot span{
  width:92px!important;height:36px!important;min-height:36px!important;padding:0 7px!important;
  border-radius:18px!important;font-size:0!important;box-shadow:0 4px 12px rgba(0,0,0,.25)!important;
}
.scene5 .s5-tv-hotspot span:before{width:12px;height:14px;margin-right:5px}

/* Final polish: compact media controls and corrected per-screen placement. */
.scene3 .s3-video,.scene5 .s5-video,.scene6 .tax-doc .s6-video{
  width:88px!important;padding:5px 6px 5px 5px!important;gap:5px!important;
}

.scene4 .light-caption{display:none!important}

.scene7 .spending-detail{padding-right:17px!important}
.scene7 .spending-detail>div{padding-right:0!important}
.scene7 #spendingOriginal{
  z-index:8!important;top:auto!important;right:2%!important;bottom:6px!important;
  width:88px!important;height:38px!important;min-height:38px!important;
  padding:4px 8px 4px 5px!important;transform:none!important;
}

.scene9 .puzzle-success span{
  font:700 15px/1.35 var(--font-title)!important;letter-spacing:.08em!important;
}
.scene9 .puzzle-success strong{
  margin-top:5px!important;font:700 21px/1.25 KaiTi,var(--font-title)!important;letter-spacing:.08em!important;
}

.scene10 .story-head h2:after{display:none!important}
.scene10 .legacy-audio{
  left:7%!important;right:auto!important;top:13.2%!important;
  width:104px!important;height:38px!important;min-height:38px!important;
  padding:5px 8px 5px 5px!important;gap:6px!important;
  border:1px solid rgba(226,182,91,.58)!important;border-radius:19px!important;
  background:rgba(31,14,10,.76)!important;box-shadow:0 4px 12px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(3px)!important;
}
.scene10 .legacy-audio>span:nth-child(2){display:flex!important;align-items:center!important;gap:0!important}
.scene10 .legacy-audio b{font-size:0!important;line-height:1!important}
.scene10 .legacy-audio b:after{content:"听原声";font:700 11px/1 var(--font-ui)}
.scene10 .legacy-audio small,.scene10 .legacy-audio .audio-bars{display:none!important}
.scene10 .ai-credit{
  left:auto!important;right:5.5%!important;top:55.5%!important;bottom:auto!important;
  background:transparent!important;color:rgba(255,239,207,.48)!important;
}
@media(max-height:700px){
  .scene10 .legacy-audio{top:12.5%!important}
  .scene10 .ai-credit{top:54%!important}
}
.scene5 .s5-tv-hotspot span:after{content:"看原稿";font:700 10px/1 var(--font-ui)}
.scene5 .s5-night figcaption:after{content:""!important}

/* Canonical chapter order: page 7 ledger (富起来), page 8 life records (好起来). */
.scene7 .spending-detail{padding-right:88px!important}
.scene7 .spending-detail>div{padding-right:0!important}
.scene7 #spendingOriginal{
  top:50%!important;right:9px!important;bottom:auto!important;
  width:74px!important;height:34px!important;min-height:34px!important;
  padding:3px 6px 3px 4px!important;transform:translateY(-50%)!important;
}
.scene8 .life-arrow{
  right:8%!important;bottom:38%!important;
  width:74px!important;height:34px!important;min-height:34px!important;
  padding:3px 6px 3px 4px!important;
}

/* Archive actions stay compact; the label is no longer surrounded by excess space. */
.story-screen .archive-action{
  min-height:34px!important;height:34px!important;
  padding:3px 6px 3px 4px!important;gap:4px!important;border-radius:17px!important;
}
.story-screen .archive-action>span:before{width:11px;height:13px;margin-right:4px!important}
.scene4 .s4-actions>button,.scene6 .tax-actions>button:first-child{
  width:74px!important;height:34px!important;min-height:34px!important;
}
.scene5 .s5-tv-hotspot span{
  width:74px!important;height:32px!important;min-height:32px!important;padding:0 5px!important;border-radius:16px!important;
}
.scene5 .s5-tv-hotspot span:before{width:10px;height:12px;margin-right:4px!important}

/* From screen 3 onward, the editorial title is the sole heading line. */
#s3 .story-head .chapter,#s4 .story-head .chapter,#s5 .story-head .chapter,#s6 .story-head .chapter,
#s7 .story-head .chapter,#s8 .story-head .chapter,#s9 .story-head .chapter,#s10 .story-head .chapter,
#s3 .story-head .dek,#s4 .story-head .dek,#s5 .story-head .dek,#s6 .story-head .dek,
#s7 .story-head .dek,#s8 .story-head .dek,#s9 .story-head .dek,#s10 .story-head .dek,
#s11 .brief-finale-head>p,#s11 .brief-finale-head>span{display:none!important}
#s3 .story-head h2,#s4 .story-head h2,#s5 .story-head h2,#s6 .story-head h2,
#s7 .story-head h2,#s8 .story-head h2,#s9 .story-head h2,#s10 .story-head h2{margin-top:0!important}

/* Screen 3: the shortened quotation keeps a deliberate four-to-five-line reading rhythm. */
.scene3 .s3-quote .context{
  font-size:18px!important;
  line-height:1.72!important;
  letter-spacing:.025em!important;
}

/* Canonical archive action component.
   Screens may position it, but must not redefine its visual metrics. */
:root{
  --archive-action-height:38px;
  --archive-action-pad-x:9px;
  --archive-action-icon-w:12px;
  --archive-action-icon-h:14px;
  --archive-action-icon-gap:4px;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot){
  width:auto!important;min-width:70px!important;
  height:var(--archive-action-height)!important;min-height:var(--archive-action-height)!important;
  padding:0 var(--archive-action-pad-x)!important;gap:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(226,182,91,.72)!important;border-radius:16px!important;
  background:rgba(31,14,10,.9)!important;color:#fff6e2!important;
  box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:1!important;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span:before{
  box-sizing:border-box!important;width:var(--archive-action-icon-w)!important;height:var(--archive-action-icon-h)!important;
  margin:0 var(--archive-action-icon-gap) 0 0!important;flex:0 0 var(--archive-action-icon-w)!important;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span:after{
  content:"看原稿"!important;font:700 10px/1 var(--font-ui)!important;letter-spacing:0!important;
}
/* The TV uses a large invisible hotspot; only its visible label shares the component metrics. */
.scene5 .s5-tv-hotspot span{
  box-sizing:border-box!important;width:auto!important;min-width:70px!important;
  height:var(--archive-action-height)!important;min-height:var(--archive-action-height)!important;
  padding:0 var(--archive-action-pad-x)!important;gap:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:16px!important;
}
.scene5 .s5-tv-hotspot span:before{
  box-sizing:border-box!important;width:var(--archive-action-icon-w)!important;height:var(--archive-action-icon-h)!important;
  margin:0 var(--archive-action-icon-gap) 0 0!important;flex:0 0 var(--archive-action-icon-w)!important;
}

/* Shared story action component: archive, video/interview and audio. */
:root{
  --story-action-h:38px;
  --story-action-px:9px;
  --story-action-gap:6px;
  --story-action-radius:19px;
  --story-action-border:rgba(226,182,91,.72);
  --story-action-bg:rgba(31,14,10,.9);
  --story-action-fg:#fff6e2;
  --story-action-accent:#a92f25;
}
.story-screen .story-action:not(.s5-tv-hotspot){
  box-sizing:border-box!important;width:auto!important;min-width:82px!important;
  height:var(--story-action-h)!important;min-height:var(--story-action-h)!important;
  padding:0 var(--story-action-px)!important;gap:var(--story-action-gap)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid var(--story-action-border)!important;border-radius:var(--story-action-radius)!important;
  background:var(--story-action-bg)!important;color:var(--story-action-fg)!important;
  box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
  font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;white-space:nowrap!important;
  transition:background .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}
.story-screen .story-action:not(.s5-tv-hotspot):active{
  background:var(--action-red-pressed)!important;box-shadow:0 2px 6px rgba(0,0,0,.24)!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>b,
.story-screen .story-action--audio .legacy-audio-icon{
  display:grid!important;place-items:center!important;flex:0 0 24px!important;
  width:24px!important;height:24px!important;border:0!important;border-radius:50%!important;
  background:var(--story-action-accent)!important;color:#fff7e6!important;font:8px/1 Arial,sans-serif!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>span:not(.audio-bars){
  display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;
  color:inherit!important;font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;
}
.story-screen .story-action--audio>span:nth-child(2){display:flex!important;align-items:center!important;gap:0!important}
.story-screen .story-action--audio small,.story-screen .story-action--audio .audio-bars{display:none!important}
.scene11 .brief-video.story-action--media:before{
  content:"▶";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;
  border-radius:50%;background:var(--story-action-accent);color:#fff7e6;font:8px/1 Arial,sans-serif;
}
.scene11 .brief-original.story-action,.scene11 .brief-video.story-action{
  height:var(--story-action-h)!important;min-height:var(--story-action-h)!important;
  padding:0 var(--story-action-px)!important;border-radius:var(--story-action-radius)!important;
}

/* Component text always comes from HTML; legacy pseudo-copy must stay disabled. */
.story-screen.scene3 .s3-video.story-action--media>span:not(.audio-bars),
.story-screen.scene5 .s5-video.story-action--media>span:not(.audio-bars),
.story-screen.scene6 .s6-video.story-action--media>span:not(.audio-bars){
  font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;
}
.story-screen.scene3 .s3-video.story-action--media>span:after,
.story-screen.scene5 .s5-video.story-action--media>span:after,
.story-screen.scene6 .s6-video.story-action--media>span:after,
.story-screen.scene10 .legacy-audio.story-action--audio b:after,
.story-screen .story-action--archive>span:after,
.scene5 .s5-tv-hotspot.story-action--archive span:after{
  content:none!important;display:none!important;
}
.story-screen.scene10 .legacy-audio.story-action--audio b{
  color:inherit!important;font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;
}
.story-screen .story-action--archive[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:inherit!important;font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;
}
.scene5 .s5-tv-hotspot.story-action--archive span{
  color:#fff6e2!important;font:700 11px/1 var(--font-ui)!important;letter-spacing:0!important;
}
.story-screen .archive-action.story-action--archive[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span:after{
  content:none!important;display:none!important;
}

/* Screen 5: the complete television image is baked into the redrawn illustration. */
.scene5 .s5-tv-hotspot{
  left:63.15%!important;top:34.45%!important;width:11.55%!important;height:11.25%!important;
}
.scene5 .s5-tv-hotspot i{
  display:none!important;
  animation:none!important;pointer-events:none!important;
}
.scene5 .s5-tv-hotspot i:after{
  content:none!important;display:none!important;animation:none!important;
}

/* Shared inline documentary video: reusable frame, pause and replay controls. */
.story-inline-video{
  position:absolute;z-index:4;inset:0;overflow:hidden;
  border:0;border-radius:0;background:#171311;
  box-shadow:inset 0 0 0 1px rgba(239,207,146,.46);
}
.story-inline-video:after{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:transparent;box-shadow:inset 0 0 0 1px rgba(255,241,207,.08);
}
.story-inline-video>video{
  position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 50%;filter:none;background:#171311;
}
.story-inline-controls{
  position:absolute;z-index:5;top:8px;right:8px;display:flex;gap:6px;
}
.story-inline-controls button{
  display:grid;place-items:center;width:36px;height:36px;padding:0;
  border:1px solid rgba(239,207,146,.68);border-radius:50%;
  background:rgba(48,24,17,.8);color:#fff0cf;box-shadow:0 4px 12px rgba(0,0,0,.26);
  backdrop-filter:blur(5px);transition:background .16s ease,transform .16s ease;
}
.story-inline-controls button:active{background:rgba(134,49,36,.9);transform:scale(.94)}
.story-inline-controls svg{width:17px;height:17px;fill:currentColor}
.story-inline-video:not(.is-playing) .icon-pause,.story-inline-video.is-playing .icon-play{display:none}
.scene6 .tax-doc .s6-double-line{display:none!important}
.scene6 .tax-doc:after{display:none!important}
.scene5 .s5-tv-hotspot span{
  top:auto!important;bottom:calc(100% + 7px)!important;left:50%!important;right:auto!important;
  margin-left:-35px!important;transform:none!important;
}

/* Screen 7: position the shared archive action at the copy card's top-right. */
.scene7 .spending-detail{
  padding-left:17px!important;
  padding-right:110px!important;
}
.scene7 .spending-detail>div{padding-right:0!important}
.scene7 #spendingOriginal{
  left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;
  transform:none!important;
}
.scene8 .life-count{
  bottom:8.3%!important;
}

/* Screen 9 completion: centered verdict, full lower-field fireworks, persistent finale. */
@font-face{font-family:"HappyHand";src:url('assets/fonts/MaShanZheng-intro.woff2') format('woff2');font-display:swap}
.scene9 .puzzle-success{
  z-index:16!important;left:8%!important;right:8%!important;top:46%!important;bottom:auto!important;
  padding:0!important;color:#fff0bd!important;background:transparent!important;border:0!important;pointer-events:none!important;
  font:400 clamp(30px,8.2cqw,39px)/1.08 "HappyHand",KaiTi,var(--font-title)!important;letter-spacing:.045em!important;
  transform:translateY(-50%) scale(.86)!important;text-shadow:0 3px 14px rgba(39,5,3,.9),0 0 18px rgba(255,210,105,.42)!important;
}
.scene9.puzzle-complete .puzzle-success{transform:translateY(-50%) scale(1)!important}
.scene9 .puzzle-success span,.scene9 .puzzle-success strong{display:block!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:.08em!important}
.scene9 .puzzle-success span{font-size:.78em!important;transform:translateY(-.2em)}.scene9 .puzzle-success strong{margin-top:.24em!important;font-size:1.16em!important;letter-spacing:.035em!important}
.scene9 .puzzle-success b{display:inline-block;font:inherit;font-weight:400;opacity:0;filter:blur(2px);transform-origin:50% 85%}
.scene9 .puzzle-success b.puzzle-keyword{
  margin:0 .04em;
  color:#ffd77f;
  font-family:"ArchiveWenKai","STKaiti","KaiTi",serif!important;
  font-size:1.58em!important;
  font-weight:900!important;
  line-height:.62!important;
  vertical-align:-.09em;
  letter-spacing:0!important;
  text-shadow:0 3px 10px rgba(70,10,5,.92),0 0 16px rgba(255,190,72,.48);
}
.scene9.puzzle-complete.is-active .puzzle-success{animation:puzzleVerdictAppear .18s ease-out both}
.scene9.puzzle-complete.is-active .puzzle-success b{animation:puzzleHappyLand .68s cubic-bezier(.18,.86,.24,1.22) calc(.12s + var(--glyph)*.095s) forwards}
.scene9 .puzzle-success>i{display:block;width:0;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#f5cf7f,transparent);box-shadow:0 0 8px #f3c76b}
.scene9.puzzle-complete.is-active .puzzle-success>i{animation:puzzleVerdictRule .9s 1.02s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes puzzleVerdictAppear{from{opacity:0}to{opacity:1}}
@keyframes puzzleHappyLand{0%{opacity:0;filter:blur(2px);transform:translateY(16px) scale(.78) rotate(-3deg)}62%{opacity:1;filter:blur(0);transform:translateY(-3px) scale(1.08) rotate(1deg)}82%{transform:translateY(1px) scale(.98) rotate(-.5deg)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes puzzleVerdictRule{to{width:48%}}
.scene9.puzzle-complete .puzzle-hint{display:none!important}
.scene9 .puzzle-board:after{content:"";position:absolute;z-index:30;inset:0;background:url('assets/story/puzzle-village-editorial-v4.webp') center/cover no-repeat;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;box-shadow:inset 0 0 0 1px rgba(255,235,193,.68)}
.scene9 .puzzle-board.is-previewing:after{opacity:1;visibility:visible}
.scene9 .puzzle-board.is-previewing{transform:scale(1.01)!important;box-shadow:0 24px 52px rgba(29,4,3,.62),0 0 25px rgba(244,183,79,.24)!important}
.scene9 .puzzle-skip{display:flex!important;align-items:center;justify-content:center;opacity:1!important;pointer-events:auto!important;min-width:126px!important;min-height:44px!important;color:#f4d59b!important;touch-action:none;user-select:none;-webkit-user-select:none}
.scene9 .puzzle-skip{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}
.scene9 .puzzle-skip.is-previewing{background:rgba(226,182,91,.9)!important;color:#5e1c15!important;border-color:#f4d79e!important;transform:scale(.97)}
.scene9.puzzle-complete .puzzle-skip{display:none!important}
.scene9 .puzzle-fireworks{
  left:0!important;right:0!important;top:15%!important;bottom:1.5%!important;width:auto!important;height:auto!important;
  aspect-ratio:auto!important;overflow:visible!important;
}
.scene9 .puzzle-fireworks .f1{left:13%!important;top:17%!important}.scene9 .puzzle-fireworks .f2{right:12%!important;top:24%!important}.scene9 .puzzle-fireworks .f3{left:49%!important;top:10%!important}
.scene9 .puzzle-fireworks .f4{left:24%!important;top:61%!important}.scene9 .puzzle-fireworks .f5{right:23%!important;top:68%!important}.scene9 .puzzle-fireworks .f6{left:10%!important;top:82%!important}.scene9 .puzzle-fireworks .f7{right:9%!important;top:86%!important}
.scene9.puzzle-complete .puzzle-fireworks i{animation-fill-mode:both!important}
@keyframes puzzleFireworkStrong{0%{opacity:0;transform:scale(.12)}22%{opacity:1}72%{opacity:.88;transform:scale(1.55)}100%{opacity:.68;transform:scale(1.42)}}
@media(max-height:700px){.scene9 .puzzle-success{top:44%!important}.scene9 .puzzle-fireworks{top:13%!important}}
@media(prefers-reduced-motion:reduce){.scene9.puzzle-complete.is-active .puzzle-success,.scene9.puzzle-complete.is-active .puzzle-success b,.scene9.puzzle-complete.is-active .puzzle-success>i{animation:none!important}.scene9.puzzle-complete .puzzle-success b{opacity:1!important;filter:none!important;transform:none!important}.scene9.puzzle-complete .puzzle-success>i{width:48%!important}}

/* Screen 10 audio: keep the label out of the generic media-icon rule. */
.scene10 .legacy-audio.story-action--audio>span:nth-child(2)>b{
  display:inline!important;flex:0 0 auto!important;width:auto!important;height:auto!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:inherit!important;font:700 11px/1 var(--font-ui)!important;
}
.scene10 .legacy-audio.story-action--audio>span:nth-child(2)>b:after{content:none!important;display:none!important}
.scene10 .legacy-audio .legacy-audio-icon{position:relative;font-size:0!important}
.scene10 .legacy-audio .legacy-audio-icon:before{
  content:"";display:block;position:absolute;left:50%;top:50%;width:0;height:0;margin:0;
  border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;
  transform:translate(-38%,-50%);
}
.scene10 .legacy-audio.is-playing .legacy-audio-icon:before{
  width:3px;height:10px;margin:0;border:0;background:currentColor;box-shadow:7px 0 currentColor;
  transform:translate(-5px,-50%);
}
.scene7 .spending-control{
  bottom:7.6%!important;
}
@media(max-height:700px){
  .scene7 .spending-control{bottom:7.4%!important}
  .scene8 .life-count{bottom:8.15%!important}
}

/* Screen 3: replay a calm, character-by-character diary reveal on every entry. */
.scene3 .s3-quote .narration{display:block!important;margin-top:9px!important;font-size:.88em!important;line-height:1.62!important}
.scene3 .s3-quote .emphasis{display:block!important;margin-top:8px!important;font-size:1.04em!important;line-height:1.62!important}
.scene3 .s3-quote .coda{display:block!important;margin-top:9px!important;padding-top:8px!important;border-top:1px solid rgba(244,211,151,.34)!important;font-size:.88em!important;line-height:1.55!important}
.scene3 .s3-quote .date{
  display:block!important;opacity:0;transform:translateY(7px);
}
.scene3 .s3-quote .context{
  display:block!important;opacity:1!important;transform:none!important;animation:none!important;
}
.scene3 .s3-quote .s3-char{
  display:inline;font:inherit;font-style:normal;color:inherit;
  opacity:0;filter:blur(1.5px);transform:translateY(2px);
}
.scene3.is-active .s3-quote .date{
  animation:s3DateFade .62s .42s ease-out both!important;
}
.scene3.is-active .s3-quote .s3-char{
  animation:s3CharacterFade .38s cubic-bezier(.2,.7,.25,1) both;
  animation-delay:var(--char-delay);
}
@keyframes s3DateFade{
  to{opacity:1;transform:none}
}
@keyframes s3CharacterFade{
  to{opacity:1;filter:none;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .scene3 .s3-quote .date,.scene3 .s3-quote .s3-char{
    opacity:1!important;filter:none!important;transform:none!important;animation:none!important;
  }
}

/* Screen 4: forgiving mobile edge zones. Reaching the outer 15% snaps to the endpoint. */
.scene4 .s4-handle{
  left:clamp(24px,calc(var(--light-pos,50)*1%),calc(100% - 24px))!important;
  transition:left .16s cubic-bezier(.2,.78,.25,1)
}
.scene4 .light-lab.is-dragging .s4-handle{transition:none}
.scene4 .s4-frame.is-dim,.scene4 .s4-frame.is-lamp{object-position:30% center!important}
.scene4 .s4-frame.is-wired,.scene4 .s4-frame.is-bright{object-position:50% center!important}
.scene4 .light-lab.is-near-left:after,.scene4 .light-lab.is-near-right:after{
  content:"";position:absolute;z-index:7;top:0;bottom:0;width:18%;pointer-events:none;
  animation:s4EdgeConfirm .3s ease-out both;
}
.scene4 .light-lab.is-near-left:after{left:0;background:linear-gradient(90deg,rgba(225,143,58,.28),transparent)}
.scene4 .light-lab.is-near-right:after{right:0;background:linear-gradient(270deg,rgba(255,240,181,.35),transparent)}
.scene4 .light-lab.is-near-left .s4-era.right,.scene4 .light-lab.is-near-right .s4-era.left{color:#fff7dc!important;transform:scale(1.05)}
.scene4 .s4-era{transition:color .2s ease,transform .2s ease}
@keyframes s4EdgeConfirm{from{opacity:0}to{opacity:1}}

/* Persistent gesture labels for the two horizontal interactions. */
.scene4 .light-caption{
  display:flex!important;z-index:12!important;left:50%!important;right:auto!important;top:73.5%!important;bottom:auto!important;
  min-height:24px!important;padding:0!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:rgba(255,235,195,.7)!important;font:500 9px/1 var(--font-ui)!important;letter-spacing:.08em!important;text-shadow:0 1px 5px rgba(0,0,0,.72)!important;
  transform:translateX(-50%)!important;white-space:nowrap!important;pointer-events:none!important;
}
.scene4 .light-caption span{font-size:12px!important;opacity:.68}
.scene7 .spending-control>span{color:rgba(240,212,158,.68);font:500 9px/1 var(--font-ui);letter-spacing:.06em;text-align:center}

/* Pages 2–10: quiet, non-interactive cue for vertical story navigation. */
.swipe-page-hint{
  position:absolute;z-index:30;left:50%;bottom:max(1.875%,env(safe-area-inset-bottom));margin:0;
  display:flex;flex-direction:column;align-items:center;gap:3px;transform:translateX(-50%);
  color:rgba(244,216,164,.64);font:500 12px/1 var(--font-ui);letter-spacing:.12em;
  text-shadow:0 1px 4px rgba(20,6,3,.72);white-space:nowrap;pointer-events:none;
}
.swipe-page-hint i{position:relative;display:block;width:18px;height:15px;animation:swipePageCue 1.8s ease-in-out infinite}
.swipe-page-hint i:before,.swipe-page-hint i:after{
  content:"";position:absolute;left:50%;width:10.5px;height:10.5px;border-top:2.25px solid currentColor;border-left:2.25px solid currentColor;
  transform:translateX(-50%) rotate(45deg);
}
.swipe-page-hint i:before{top:4.5px}.swipe-page-hint i:after{top:10.5px;opacity:.45}
@keyframes swipePageCue{0%,100%{opacity:.32;transform:translateY(3px)}45%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.swipe-page-hint i{animation:none!important;opacity:.72!important;transform:none!important}}

/* Screen 6: interview and original form one aligned action row. */
.scene6 .tax-actions{
  left:auto!important;right:6%!important;top:auto!important;bottom:8.5%!important;
  width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:8px!important;
}
.scene6 .tax-actions .s6-video,
.scene6 .tax-actions .archive-action{
  position:static!important;inset:auto!important;transform:none!important;margin:0!important;
}
@media(max-height:700px){
  .scene6 .tax-actions{bottom:8%!important}
}

/* Screen 8: the archive action belongs to the copy card, not the illustration. */
.scene8 .life-card blockquote{
  padding:15px 17px 14px!important;
}
.scene8 .life-card blockquote:before{
  content:none!important;display:none!important;
}
.scene8 .life-card blockquote strong{
  display:block!important;padding-right:86px!important;margin-bottom:7px!important;
}
.scene8 .life-card blockquote .life-arrow{
  position:absolute!important;z-index:2!important;left:auto!important;right:11px!important;top:2px!important;bottom:auto!important;
  margin:0!important;transform:none!important;
}
@media(max-height:700px){
  .scene8 .life-card blockquote{padding:12px 15px!important}
  .scene8 .life-card blockquote .life-arrow{right:9px!important;top:1px!important}
}

/* Mobile navigation spacing: keep gesture labels clear of content and screen edges. */
.swipe-page-hint{bottom:max(calc(1.875% + .5em),calc(env(safe-area-inset-bottom) + .5em))!important}
.scene7 .spending-control{bottom:10.2%!important}
.scene7 .spending-control>span{min-width:112px;font-size:10px!important;line-height:1.35!important;white-space:nowrap}
.scene8 .life-card blockquote{bottom:12.8%!important}
.scene8 .life-count{bottom:8.8%!important;white-space:nowrap}
.scene8 .life-count .life-hint{margin-right:7px!important}
@media(max-height:700px){
  .scene7 .spending-control{bottom:9.5%!important}
  .scene8 .life-card blockquote{bottom:12.1%!important}
  .scene8 .life-count{bottom:8.4%!important}
}

/* Absolute final override: year switch sits above the account copy card. */
.scene7 .spending-control{
  top:auto!important;
  bottom:calc(14% + 124px)!important;
}
@media(max-height:700px){
  .scene7 .spending-control{
    top:auto!important;
    bottom:calc(14% + 110px)!important;
  }
}

/* Screen 7: keep the year-switch cue beside the chart it controls. */
.scene7 .spending-control{
  top:auto!important;
  bottom:calc(14% + 124px)!important;
  gap:12px!important;
}
.scene7 .spending-control button{
  position:relative;
  width:32px!important;
  height:32px!important;
  border-color:rgba(236,205,150,.34)!important;
  background:rgba(75,18,14,.32)!important;
}
.scene7 .spending-control button:before{
  content:"";
  position:absolute;
  inset:-6px;
}
@media(max-height:700px){
  .scene7 .spending-control{top:auto!important;bottom:calc(14% + 110px)!important}
}
/* 第6屏：视频窗口参考第11屏，完整收进手机安全区内。 */
.scene6 .tax-doc{
  left:0!important;
  right:0!important;
  width:100%!important;
  top:18%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  border:0!important;
  border-radius:0!important;
  background:#110d0b!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
}
.scene6 .tax-doc .story-inline-video{
  inset:0!important;
  border-radius:2px!important;
  background:#110d0b!important;
}
.scene6 .tax-doc .story-inline-video>video{
  object-fit:contain!important;
  object-position:center!important;
  background:#110d0b!important;
}
.scene6 .tax-doc figcaption{
  left:12px!important;
  bottom:10px!important;
}
.scene6 .s6-quote{top:51.5%!important}
.scene6 .s6-wheat{top:34%!important;height:31%!important}
@media(max-height:700px){
  .scene6 .tax-doc{
    left:0!important;
    right:0!important;
    width:100%!important;
    top:17.5%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }
  .scene6 .s6-quote{top:50.5%!important}
  .scene6 .s6-wheat{top:33%!important;height:30%!important}
}

/* 第11屏：强化主题台历页，并重新分配日期、视频与海报操作的纵向节奏。 */
@font-face{
  font-family:"ArchiveWenKai";
  src:url('assets/fonts/LXGWWenKai-letter.woff2') format('woff2');
  font-display:swap;
}
.scene11 .brief-finale-stage{
  flex:0 0 63%!important;
  height:auto!important;
  margin-top:12px!important;
}
.scene11 .brief-calendar-page{
  top:1.5%!important;
  height:51%!important;
  padding:28px 15px 51px!important;
}
.scene11 .brief-calendar-page time,
.scene11 .brief-calendar-page p{
  font-family:"ArchiveWenKai","STKaiti","KaiTi",serif!important;
}
.scene11 .brief-calendar-page time small{
  margin-bottom:10px!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.16em!important;
}
.scene11 .brief-calendar-page time strong{
  margin-top:0!important;
  font-family:inherit!important;
  font-size:30px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
}
.scene11 .brief-calendar-page>em{
  width:50px!important;
  margin:12px auto 11px!important;
}
.scene11 .brief-calendar-page p{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.88!important;
  letter-spacing:.035em!important;
}
.scene11 .brief-calendar-page p b{
  font-family:inherit!important;
  font-weight:700!important;
}
.scene11 .brief-original,
.scene11 .brief-video{
  bottom:2.4%!important;
}
.scene11 .brief-poster-button{
  flex:0 0 auto!important;
  margin-top:16px!important;
}
.scene11 .brief-final-date{
  margin-top:11px!important;
}
@media(max-height:700px){
  .scene11 .brief-finale-stage{
    flex-basis:58%!important;
    margin-top:7px!important;
  }
  .scene11 .brief-calendar-page{
    height:50%!important;
    padding:23px 14px 44px!important;
  }
  .scene11 .brief-calendar-page time small{margin-bottom:7px!important;font-size:10px!important}
  .scene11 .brief-calendar-page time strong{font-size:27px!important}
  .scene11 .brief-calendar-page>em{margin:8px auto 7px!important}
  .scene11 .brief-calendar-page p{font-size:13px!important;line-height:1.72!important}
  .scene11 .brief-poster-button{margin-top:12px!important}
  .scene11 .brief-final-date{margin-top:7px!important}
}


/* Final mobile navigation lock: vertical and horizontal gesture cues keep clear breathing room. */
.swipe-page-hint{bottom:max(calc(1.875% + .5em),calc(env(safe-area-inset-bottom) + .5em))!important}
.scene7 .spending-control{bottom:10.2%!important}
.scene7 .spending-control>span{min-width:112px;font-size:10px!important;line-height:1.35!important;white-space:nowrap}
.scene8 .life-card blockquote{bottom:12.8%!important}
.scene8 .life-count{bottom:8.8%!important;white-space:nowrap}
.scene8 .life-count .life-hint{margin-right:7px!important}
@media(max-height:700px){
  .scene7 .spending-control{bottom:9.5%!important}
  .scene8 .life-card blockquote{bottom:12.1%!important}
  .scene8 .life-count{bottom:8.4%!important}
}

/* Keep this last: anchor the year switch to the account card, never the page footer. */
.scene7 .spending-detail{bottom:10.5%!important}
.scene7 .spending-control{top:auto!important;bottom:calc(10.5% + 124px)!important}
@media(max-height:700px){
  .scene7 .spending-detail{bottom:11%!important}
  .scene7 .spending-control{top:auto!important;bottom:calc(11% + 110px)!important}
}

/* Screen 3: high-contrast ink over the backlit documentary image. */
.scene3 .s3-quote{
  color:#fffaf0!important;
  font-weight:600!important;
  text-shadow:0 2px 3px rgba(29,12,6,.96),0 0 9px rgba(24,9,4,.88)!important;
  background:linear-gradient(90deg,rgba(40,20,12,.64),rgba(40,20,12,.24) 84%,transparent)!important;
}
.scene3 .s3-quote .date{color:#ffe19b!important;font-weight:700!important}
.scene3 .s3-quote .context,.scene3 .s3-quote .narration,.scene3 .s3-quote .coda{color:#fffaf0!important}
.scene3 .s3-quote .emphasis,.scene3 .s3-quote .coda b{color:#fff1bd!important;font-weight:800!important}
.scene3 .s3-quote .s3-char{color:inherit!important}

/* Screen 6: leave a clear touch-safe inset after the longer “播放视频” label. */
.scene6 .tax-actions .s6-video.story-action--media{
  width:auto!important;
  min-width:112px!important;
  padding-left:8px!important;
  padding-right:14px!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.scene6 .tax-actions .s6-video.story-action--media>span:not(.audio-bars){
  padding-right:2px!important;
  white-space:nowrap!important;
}

/* Senior-friendly mobile controls: enlarge the recurring small actions by 50%. */
:root{
  --archive-action-height:57px;
  --archive-action-pad-x:14px;
  --archive-action-icon-w:18px;
  --archive-action-icon-h:21px;
  --archive-action-icon-gap:6px;
  --story-action-h:57px;
  --story-action-px:14px;
  --story-action-gap:9px;
  --story-action-radius:29px;
}
.story-screen .story-action:not(.s5-tv-hotspot){
  min-width:123px!important;
  font-size:16.5px!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>b,
.story-screen .story-action--audio .legacy-audio-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;
  font-size:12px!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>span:not(.audio-bars),
.story-screen .story-action--archive[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span,
.story-screen.scene10 .legacy-audio.story-action--audio b{
  font-size:16.5px!important;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot){
  min-width:105px!important;border-radius:29px!important;
}
.scene5 .s5-tv-hotspot span{
  min-width:105px!important;height:57px!important;min-height:57px!important;
  padding:0 14px!important;border-radius:29px!important;
  font-size:16.5px!important;
}
.scene5 .s5-tv-hotspot.story-action--archive span{font-size:16.5px!important}
.scene5 .s5-tv-hotspot span:before{width:18px!important;height:21px!important;margin-right:6px!important}
.scene6 .tax-actions .s6-video.story-action--media{
  min-width:132px!important;padding-left:10px!important;padding-right:18px!important;gap:9px!important;
}
.scene6 .tax-actions{gap:10px!important}
.scene8 .life-card blockquote strong{padding-right:132px!important}
.scene8 .life-card blockquote .life-arrow{top:-9px!important}

/* The persistent upward-swipe cue is 50% larger and sits 50% farther from the bottom edge. */
.swipe-page-hint{
  bottom:max(calc(2.8125% + .75em),calc(env(safe-area-inset-bottom) + .75em))!important;
  gap:4.5px!important;font-size:18px!important;
}
.swipe-page-hint i{width:27px!important;height:22.5px!important}
.swipe-page-hint i:before,.swipe-page-hint i:after{
  width:15.75px!important;height:15.75px!important;border-width:3.375px 0 0 3.375px!important;
}
.swipe-page-hint i:before{top:6.75px!important}
.swipe-page-hint i:after{top:15.75px!important}

@media(max-width:360px){
  .scene6 .tax-actions{right:4%!important;gap:7px!important}
  .scene6 .tax-actions .s6-video.story-action--media{min-width:128px!important;padding-right:14px!important}
  .scene6 .tax-actions .archive-action.story-action{min-width:101px!important}
}

/* Screens 6 and 8: force legacy page buttons back onto the shared action component.
   These two variants are 20% smaller than the senior-friendly global size, with larger copy and tighter insets. */
.scene6 .tax-actions .s6-video.story-action.story-action--media,
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  box-sizing:border-box!important;
  width:auto!important;height:46px!important;min-height:46px!important;
  padding:0 6px!important;gap:5px!important;
  border:1px solid var(--story-action-border)!important;border-radius:23px!important;
  background:var(--story-action-bg)!important;color:var(--story-action-fg)!important;
  box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
  font:700 17px/1 var(--font-ui)!important;letter-spacing:0!important;white-space:nowrap!important;
}
.scene6 .tax-actions .s6-video.story-action.story-action--media{min-width:112px!important;justify-content:center!important}
.scene6 .tax-actions .s6-video.story-action.story-action--media>b{
  width:28px!important;height:28px!important;flex-basis:28px!important;font-size:10px!important;
}
.scene6 .tax-actions .s6-video.story-action.story-action--media>span:not(.audio-bars){
  padding:0!important;font-size:17px!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  min-width:100px!important;justify-content:center!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{
  font-size:17px!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span:before{
  width:15px!important;height:18px!important;flex-basis:15px!important;margin-right:5px!important;
}
@media(max-width:360px){
  .scene6 .tax-actions .s6-video.story-action.story-action--media{min-width:108px!important;padding:0 5px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{min-width:96px!important;padding:0 5px!important}
}

/* Keep video labels readable: older screen-specific selectors were winning on screens 3 and 5. */
.story-screen.scene3 .s3-video.story-action.story-action--media>span:not(.audio-bars),
.story-screen.scene5 .s5-video.story-action.story-action--media>span:not(.audio-bars){
  font:700 17px/1 var(--font-ui)!important;
}

/* Screen 8: keep the shared archive action clear of the copy-card border. */
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{top:8px!important}
@media(max-width:360px), (max-height:700px){
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{top:7px!important}
}

/* Screen 3 senior-readable typography: +30%, with mobile-safe reflow. */
#s3 .story-head{
  left:5.5%!important;right:2.5%!important;top:3.8%!important;
}
#s3 .story-head .chapter{
  display:block!important;margin:0 0 6px!important;
  color:#f0c987!important;font-size:16px!important;line-height:1.4!important;letter-spacing:.12em!important;
}
#s3 .story-head h2{
  width:116%!important;max-width:none!important;
  color:#fff1ce!important;font-size:clamp(47px,13cqw,60px)!important;line-height:1.05!important;
  letter-spacing:-.02em!important;white-space:nowrap!important;
  transform:scaleX(.86)!important;transform-origin:left center!important;
}
.scene3 .s3-quote{
  top:18%!important;right:3%!important;width:64%!important;
  padding:15px 4px 14px 12px!important;
  font-size:21px!important;line-height:1.7!important;
}
.scene3 .s3-quote .date{
  margin-bottom:8px!important;font-size:22px!important;line-height:1.45!important;
}
.scene3 .s3-quote .context{
  font-size:23px!important;line-height:1.66!important;letter-spacing:0!important;
}
.scene3 .s3-quote .narration{
  margin-top:7px!important;font-size:18px!important;line-height:1.6!important;
}
.scene3 .s3-quote .emphasis{
  margin-top:7px!important;font-size:22px!important;line-height:1.6!important;
}
.scene3 .s3-quote .coda{
  margin-top:7px!important;padding-top:7px!important;font-size:18px!important;line-height:1.55!important;
}

@media(max-width:360px){
  #s3 .story-head h2{font-size:44px!important;transform:scaleX(.84)!important}
  .scene3 .s3-quote{top:18.5%!important;right:2.5%!important;width:66%!important;font-size:19px!important;line-height:1.62!important}
  .scene3 .s3-quote .date{font-size:20px!important}
  .scene3 .s3-quote .context{font-size:21px!important;line-height:1.58!important}
  .scene3 .s3-quote .narration,.scene3 .s3-quote .coda{font-size:17px!important}
  .scene3 .s3-quote .emphasis{font-size:20px!important}
}
@media(max-height:700px){
  #s3 .story-head{top:3%!important}
  #s3 .story-head .chapter{margin-bottom:4px!important;font-size:14px!important}
  #s3 .story-head h2{font-size:43px!important;transform:scaleX(.86)!important}
  .scene3 .s3-quote{top:17%!important;width:65%!important;padding-top:10px!important;font-size:18px!important;line-height:1.55!important}
  .scene3 .s3-quote .date{margin-bottom:5px!important;font-size:19px!important}
  .scene3 .s3-quote .context{font-size:20px!important;line-height:1.5!important}
  .scene3 .s3-quote .narration,.scene3 .s3-quote .coda{margin-top:4px!important;font-size:16px!important;line-height:1.45!important}
  .scene3 .s3-quote .emphasis{margin-top:4px!important;font-size:19px!important;line-height:1.48!important}
  .scene3 .s3-quote .coda{padding-top:4px!important}
}

/* Screen 3 content lock: do not reveal or add any previously hidden copy. */
#s3 .story-head .chapter{display:none!important}

/* Screen 4 senior-readable typography: enlarge visible copy only, without adding content. */
#s4 .story-head{
  left:5.5%!important;right:2.5%!important;top:4.2%!important;padding-right:0!important;
}
#s4 .story-head h2{
  width:116%!important;max-width:none!important;
  font-size:clamp(47px,13cqw,60px)!important;line-height:1.05!important;
  letter-spacing:-.02em!important;white-space:nowrap!important;
  transform:scaleX(.86)!important;transform-origin:left center!important;
}
#s4 .story-head .chapter,#s4 .story-head .dek{display:none!important}
.scene4 .s4-handwriting{
  right:4%!important;top:25.5%!important;width:60%!important;
  padding:15px 16px!important;font-size:19.5px!important;line-height:1.68!important;
  letter-spacing:.01em!important;
}
.scene4 .s4-era{
  top:18.5%!important;font-size:16px!important;line-height:1.2!important;
}
.scene4 .s4-era small{
  margin-top:5px!important;font-size:11px!important;line-height:1.15!important;letter-spacing:.1em!important;
}
.scene4 .s4-era.left{left:14px!important}
.scene4 .s4-era.right{right:14px!important}
.scene4 .light-caption{
  top:72.5%!important;min-height:32px!important;gap:7px!important;
  font-size:12px!important;letter-spacing:.06em!important;
}
.scene4 .light-caption span{font-size:16px!important}
.scene4 .s4-handle i{width:46px!important;height:46px!important;font-size:17px!important}

@media(max-width:360px){
  #s4 .story-head h2{font-size:44px!important;transform:scaleX(.84)!important}
  .scene4 .s4-handwriting{right:3%!important;top:25%!important;width:62%!important;padding:12px 13px!important;font-size:18px!important;line-height:1.58!important}
  .scene4 .s4-era{font-size:15px!important}
  .scene4 .s4-era small{font-size:10px!important}
}
@media(max-height:700px){
  #s4 .story-head{top:3.2%!important}
  #s4 .story-head h2{font-size:43px!important;transform:scaleX(.86)!important}
  .scene4 .s4-handwriting{right:3.5%!important;top:23.5%!important;width:61%!important;padding:11px 12px!important;font-size:17px!important;line-height:1.5!important}
  .scene4 .s4-era{top:17%!important;font-size:14px!important}
  .scene4 .s4-era small{font-size:10px!important}
  .scene4 .light-caption{top:71.5%!important}
}

/* Screen 5 senior-readable typography: enlarge visible copy only, without adding content. */
#s5 .story-head{
  left:5.5%!important;right:3%!important;top:4.1%!important;padding-right:0!important;
}
#s5 .story-head h2{
  width:112%!important;max-width:none!important;
  font-size:36.5px!important;line-height:1.08!important;letter-spacing:.015em!important;
  white-space:nowrap!important;transform:scaleX(.89)!important;transform-origin:left center!important;
}
#s5 .story-head .chapter,#s5 .story-head .dek{display:none!important}
.scene5 .s5-night{top:15.5%!important;height:56.5%!important}
.scene5 .s5-night figcaption{
  left:6%!important;bottom:10px!important;
  font-size:10px!important;line-height:1.35!important;letter-spacing:.1em!important;
}
.scene5 .s5-record{
  left:6%!important;right:6%!important;top:74%!important;
  font-size:19.5px!important;line-height:1.68!important;letter-spacing:.01em!important;
}
.scene5 .s5-record span{
  margin-bottom:7px!important;font-size:14.5px!important;line-height:1.35!important;letter-spacing:.09em!important;
}

@media(max-width:360px){
  #s5 .story-head h2{font-size:34px!important;transform:scaleX(.87)!important}
  .scene5 .s5-night{top:15%!important;height:55.5%!important}
  .scene5 .s5-record{top:72.5%!important;font-size:18px!important;line-height:1.58!important}
  .scene5 .s5-record span{font-size:13.5px!important}
  .scene5 .s5-night figcaption{font-size:9px!important}
}
@media(max-height:700px){
  #s5 .story-head{top:3.2%!important}
  #s5 .story-head h2{font-size:33px!important;transform:scaleX(.88)!important}
  .scene5 .s5-night{top:14%!important;height:53%!important}
  .scene5 .s5-record{top:69%!important;font-size:17px!important;line-height:1.5!important}
  .scene5 .s5-record span{margin-bottom:4px!important;font-size:13px!important}
  .scene5 .s5-video{top:55%!important}
}

/* Compact shared media/archive actions: 15% smaller, with tighter vertical breathing room. */
:root{
  --archive-action-height:49px;
  --archive-action-pad-x:10px;
  --archive-action-icon-w:15px;
  --archive-action-icon-h:18px;
  --archive-action-icon-gap:5px;
  --story-action-h:49px;
  --story-action-px:10px;
  --story-action-gap:6px;
  --story-action-radius:25px;
}
.story-screen .story-action:not(.s5-tv-hotspot){
  min-width:105px!important;padding-top:0!important;padding-bottom:0!important;
  font-size:16px!important;line-height:1!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>b,
.story-screen .story-action--audio .legacy-audio-icon{
  width:30px!important;height:30px!important;flex-basis:30px!important;font-size:10px!important;
}
.story-screen .story-action--media:not(.s5-tv-hotspot)>span:not(.audio-bars),
.story-screen .story-action--archive[data-title*="台历原稿"]:not(.s5-tv-hotspot)>span{
  font-size:16px!important;line-height:1!important;
}
.story-screen .archive-action[data-title*="台历原稿"]:not(.s5-tv-hotspot){
  min-width:90px!important;border-radius:25px!important;
}
.scene5 .s5-tv-hotspot span{
  min-width:90px!important;height:49px!important;min-height:49px!important;
  padding:0 10px!important;border-radius:25px!important;
}
.scene5 .s5-tv-hotspot.story-action--archive span{font-size:16px!important}
.scene5 .s5-tv-hotspot span:before{width:15px!important;height:18px!important;margin-right:5px!important}

/* The already-compact screen 6/8 variants keep a 44px elderly-friendly touch target. */
.scene6 .tax-actions .s6-video.story-action.story-action--media,
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  height:44px!important;min-height:44px!important;padding-top:0!important;padding-bottom:0!important;
}
.scene6 .tax-actions .s6-video.story-action.story-action--media{min-width:105px!important;padding-left:5px!important;padding-right:7px!important}
.scene6 .tax-actions .s6-video.story-action.story-action--media>b{width:27px!important;height:27px!important;flex-basis:27px!important}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{min-width:92px!important;padding-left:6px!important;padding-right:6px!important}

/* Screen 6 senior-readable typography: enlarge visible copy only, without adding content. */
#s6 .story-head{
  left:5.5%!important;right:2.5%!important;top:4.1%!important;padding-right:0!important;
}
#s6 .story-head h2{
  width:119%!important;max-width:none!important;
  font-size:38px!important;line-height:1.06!important;letter-spacing:-.02em!important;
  white-space:nowrap!important;transform:scaleX(.84)!important;transform-origin:left center!important;
}
#s6 .story-head .chapter,#s6 .story-head .dek{display:none!important}
.scene6 .tax-doc figcaption{
  left:12px!important;bottom:10px!important;
  font-size:14px!important;line-height:1.3!important;letter-spacing:.06em!important;
}
.scene6 .s6-quote{
  left:6%!important;right:6%!important;top:51%!important;
  grid-template-columns:32% 1fr!important;gap:12px!important;
}
.scene6 .s6-quote time{padding-right:12px!important}
.scene6 .s6-quote time b{font-size:61px!important;line-height:.9!important}
.scene6 .s6-quote time small{
  margin-top:8px!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.09em!important;
}
.scene6 .s6-quote p{
  font-size:21px!important;line-height:1.62!important;letter-spacing:.025em!important;
}
.scene6 .s6-quote p strong{font-size:inherit!important;line-height:inherit!important}
.scene6 .tax-actions{right:5%!important;bottom:8.2%!important;gap:8px!important}

@media(max-width:360px){
  #s6 .story-head h2{font-size:35px!important;transform:scaleX(.82)!important}
  .scene6 .tax-doc figcaption{font-size:12px!important}
  .scene6 .s6-quote{left:5%!important;right:5%!important;grid-template-columns:31% 1fr!important;gap:9px!important}
  .scene6 .s6-quote time b{font-size:55px!important}
  .scene6 .s6-quote time small{font-size:11px!important}
  .scene6 .s6-quote p{font-size:19px!important;line-height:1.55!important}
}
@media(max-height:700px){
  #s6 .story-head{top:3.2%!important}
  #s6 .story-head h2{font-size:34px!important;transform:scaleX(.83)!important}
  .scene6 .tax-doc{top:16.5%!important}
  .scene6 .tax-doc figcaption{font-size:12px!important}
  .scene6 .s6-quote{top:49.5%!important}
  .scene6 .s6-quote time b{font-size:52px!important}
  .scene6 .s6-quote time small{font-size:10px!important}
  .scene6 .s6-quote p{font-size:18px!important;line-height:1.48!important}
  .scene6 .tax-actions{bottom:7.5%!important}
}

/* Screen 7 senior-readable typography: enlarge chart labels and rebalance the lower information area. */
#s7 .story-head{
  left:5.5%!important;right:2.5%!important;top:4.1%!important;
}
#s7 .story-head h2{
  width:118%!important;max-width:none!important;
  font-size:37px!important;line-height:1.06!important;letter-spacing:-.015em!important;
  white-space:nowrap!important;transform:scaleX(.85)!important;transform-origin:left center!important;
}
#s7 .story-head .chapter,#s7 .story-head .dek{display:none!important}
.scene7 .spending-stage{top:15.5%!important;height:53.5%!important}
.scene7 .money-item .amount{
  font-size:clamp(17px,4.9cqw,23px)!important;line-height:1!important;
}
.scene7 .money-item .amount small{
  margin-bottom:5px!important;font-size:10px!important;line-height:1.1!important;letter-spacing:.06em!important;
}
.scene7 .money-item .bar em{
  font-size:clamp(10px,2.7cqw,13px)!important;line-height:1.42!important;
}
.scene7 .money-item.is-selected .bar em{font-size:14.5px!important;line-height:1.45!important}
.scene7 .money-item.is-selected .bar em small{
  margin-top:7px!important;font-size:12px!important;line-height:1.48!important;
}
.scene7 .money-item .year{font-size:14px!important;line-height:1.1!important}
.scene7 .money-item .year small{margin-top:4px!important;font-size:9px!important;line-height:1.15!important}
.scene7 .spending-detail{
  left:6%!important;right:6%!important;bottom:10.5%!important;
  min-height:132px!important;padding:15px 108px 14px 16px!important;
}
.scene7 .spending-detail p{
  margin-bottom:7px!important;font-size:13px!important;line-height:1.3!important;letter-spacing:.06em!important;
}
.scene7 .spending-detail strong{
  margin-bottom:7px!important;font-size:22px!important;line-height:1.15!important;
}
.scene7 .spending-detail span{
  font-size:14.5px!important;line-height:1.58!important;
}
.scene7 #spendingOriginal{right:12px!important;top:12px!important}
.scene7 .spending-control{
  bottom:calc(10.5% + 146px)!important;gap:10px!important;
}
.scene7 .spending-control>span{
  min-width:146px!important;font-size:13px!important;line-height:1.35!important;letter-spacing:.04em!important;
}
.scene7 .spending-control button{width:36px!important;height:36px!important;font-size:22px!important}

@media(max-width:360px){
  #s7 .story-head h2{font-size:34px!important;transform:scaleX(.83)!important}
  .scene7 .spending-stage{left:3%!important;right:3%!important}
  .scene7 .money-item .amount{font-size:16px!important}
  .scene7 .money-item .amount small{font-size:9px!important}
  .scene7 .money-item.is-selected .bar em{font-size:13px!important}
  .scene7 .money-item.is-selected .bar em small{font-size:11px!important}
  .scene7 .spending-detail{left:4%!important;right:4%!important;min-height:126px!important;padding:13px 101px 12px 13px!important}
  .scene7 .spending-detail p{font-size:12px!important}
  .scene7 .spending-detail strong{font-size:20px!important}
  .scene7 .spending-detail span{font-size:13px!important;line-height:1.5!important}
  .scene7 .spending-control{bottom:calc(10.5% + 138px)!important}
  .scene7 .spending-control>span{min-width:132px!important;font-size:12px!important}
}
@media(max-height:700px){
  #s7 .story-head{top:3.2%!important}
  #s7 .story-head h2{font-size:33px!important;transform:scaleX(.84)!important}
  .scene7 .spending-stage{top:14.5%!important;height:50%!important}
  .scene7 .money-item .amount{font-size:15px!important}
  .scene7 .money-item .amount small{font-size:8px!important}
  .scene7 .money-item.is-selected .bar em{font-size:12px!important}
  .scene7 .money-item.is-selected .bar em small{font-size:10px!important}
  .scene7 .spending-detail{bottom:10.5%!important;min-height:116px!important;padding-top:11px!important;padding-bottom:10px!important}
  .scene7 .spending-detail p{font-size:11px!important}
  .scene7 .spending-detail strong{font-size:18px!important}
  .scene7 .spending-detail span{font-size:12px!important;line-height:1.45!important}
  .scene7 .spending-control{bottom:calc(10.5% + 127px)!important}
  .scene7 .spending-control>span{font-size:11px!important}
}

/* Screen 7 follow-up: lower the year switch with clear gaps; double the selected bar copy. */
.scene7 .money-item.is-selected .bar{
  width:78%!important;max-width:128px!important;
}
.scene7 .money-item.is-selected .bar em{
  left:7px!important;right:7px!important;font-size:18px!important;line-height:1.3!important;
}
.scene7 .money-item.is-selected .bar em small{
  max-height:190px!important;margin-top:6px!important;
  font-size:24px!important;line-height:1.3!important;letter-spacing:0!important;
}
.scene7 .spending-detail{bottom:8%!important}
.scene7 .spending-control{
  top:auto!important;bottom:calc(8% + 142px)!important;
}

@media(max-width:360px){
  .scene7 .money-item.is-selected .bar{width:80%!important;max-width:122px!important}
  .scene7 .money-item.is-selected .bar em small{font-size:20px!important;line-height:1.28!important}
  .scene7 .spending-detail{bottom:8%!important}
  .scene7 .spending-control{bottom:calc(8% + 136px)!important}
}
@media(max-height:700px){
  .scene7 .money-item.is-selected .bar em small{font-size:18px!important;line-height:1.24!important}
  .scene7 .spending-detail{bottom:8.5%!important}
  .scene7 .spending-control{bottom:calc(8.5% + 126px)!important}
}

/* Screen 8 senior-readable typography: enlarge visible copy only, without adding content. */
#s8 .story-head{
  left:5.5%!important;right:2.5%!important;top:4.1%!important;
}
#s8 .story-head h2{
  width:119%!important;max-width:none!important;
  font-size:37px!important;line-height:1.06!important;letter-spacing:-.02em!important;
  white-space:nowrap!important;transform:scaleX(.84)!important;transform-origin:left center!important;
}
#s8 .story-head .chapter,#s8 .story-head .dek{display:none!important}
.scene8 .life-card .year{
  right:5%!important;top:18.5%!important;font-size:27px!important;line-height:1!important;
}
.scene8 .life-card blockquote{
  left:6%!important;right:6%!important;bottom:14%!important;
  max-height:32%!important;padding:16px 118px 15px 17px!important;
  font-size:17px!important;line-height:1.65!important;letter-spacing:.01em!important;
}
.scene8 .life-card blockquote:before{
  margin-bottom:7px!important;font-size:14px!important;line-height:1.35!important;
}
.scene8 .life-card blockquote strong{
  padding-right:0!important;margin-bottom:7px!important;
  font-size:22px!important;line-height:1.2!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  right:10px!important;top:10px!important;
}
.scene8 .life-count{
  bottom:10.2%!important;gap:7px!important;font-size:13px!important;line-height:1.3!important;
}
.scene8 .life-count>span:first-child{font-size:16px!important}
.scene8 .life-count .life-hint{margin-right:7px!important}
.scene8 .life-count b{font-size:14px!important;line-height:1!important}
.scene8 .life-progress{bottom:7.2%!important}

@media(max-width:360px){
  #s8 .story-head h2{font-size:34px!important;transform:scaleX(.82)!important}
  .scene8 .life-card .year{font-size:24px!important}
  .scene8 .life-card blockquote{left:4.5%!important;right:4.5%!important;bottom:14%!important;max-height:31%!important;padding:13px 105px 12px 14px!important;font-size:15px!important;line-height:1.55!important}
  .scene8 .life-card blockquote:before{font-size:12px!important}
  .scene8 .life-card blockquote strong{font-size:19px!important}
  .scene8 .life-count{font-size:12px!important}
}
@media(max-height:700px){
  #s8 .story-head{top:3.2%!important}
  #s8 .story-head h2{font-size:33px!important;transform:scaleX(.83)!important}
  .scene8 .life-card .year{top:17%!important;font-size:23px!important}
  .scene8 .life-card blockquote{bottom:13.5%!important;max-height:30%!important;padding:11px 101px 10px 13px!important;font-size:14px!important;line-height:1.48!important}
  .scene8 .life-card blockquote:before{margin-bottom:4px!important;font-size:11px!important}
  .scene8 .life-card blockquote strong{margin-bottom:4px!important;font-size:18px!important}
  .scene8 .life-count{bottom:9.8%!important;font-size:11px!important}
  .scene8 .life-progress{bottom:7%!important}
}

/* Screen 9 senior-readable typography: enlarge visible guidance only. */
#s9 .story-head{
  left:5.5%!important;right:2.5%!important;top:4.1%!important;
}
#s9 .story-head h2{
  width:119%!important;max-width:none!important;
  font-size:37px!important;line-height:1.06!important;letter-spacing:-.02em!important;
  white-space:nowrap!important;transform:scaleX(.84)!important;transform-origin:left center!important;
}
#s9 .story-head .chapter,#s9 .story-head .dek{display:none!important}
.scene9 .puzzle-hint{
  top:69.5%!important;min-height:47px!important;padding:0 15px!important;gap:8px!important;
  border-radius:24px!important;font-size:14px!important;line-height:1.2!important;
}
.scene9 .puzzle-hint>span{font-size:18px!important}
.scene9 .puzzle-skip{
  right:6%!important;bottom:12.5%!important;
  min-width:154px!important;min-height:49px!important;padding:0 12px!important;
  border-radius:25px!important;font-size:15px!important;line-height:1!important;
}

@media(max-width:360px){
  #s9 .story-head h2{font-size:34px!important;transform:scaleX(.82)!important}
  .scene9 .puzzle-hint{top:69.2%!important;min-height:44px!important;padding:0 11px!important;font-size:12.5px!important}
  .scene9 .puzzle-hint>span{font-size:16px!important}
  .scene9 .puzzle-skip{right:5%!important;bottom:12%!important;min-width:142px!important;min-height:46px!important;font-size:13.5px!important}
}
@media(max-height:700px){
  #s9 .story-head{top:3.2%!important}
  #s9 .story-head h2{font-size:33px!important;transform:scaleX(.83)!important}
  .scene9 .puzzle-hint{top:72.5%!important;min-height:42px!important;font-size:12px!important}
  .scene9 .puzzle-hint>span{font-size:15px!important}
  .scene9 .puzzle-skip{bottom:11.5%!important;min-height:44px!important;font-size:13px!important}
}

/* Screen 10: enlarge and rebalance the existing lower dialogue for elderly readers. */
.scene10 .legacy-words{
  left:5%!important;right:5%!important;bottom:12%!important;height:35%!important;
  gap:10px!important;align-content:end!important;
}
.scene10 .legacy-handoff,.scene10 .legacy-answer{
  padding:10px 12px 10px 16px!important;
  text-align:left!important;text-align-last:left!important;
}
.scene10 .legacy-handoff{
  font-size:17px!important;line-height:1.62!important;
}
.scene10 .legacy-answer{
  font-size:16px!important;line-height:1.58!important;
}
.scene10 .legacy-handoff small,.scene10 .legacy-answer small{
  display:block!important;margin:0 0 6px!important;
  font-size:13px!important;line-height:1.25!important;letter-spacing:.08em!important;
}
.scene10 .legacy-handoff strong,.scene10 .legacy-answer strong{
  font-size:1.12em!important;line-height:1.48!important;color:#ffe0a0!important;
}

@media(max-width:360px){
  .scene10 .legacy-words{left:4%!important;right:4%!important;bottom:12%!important;height:36%!important;gap:7px!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding:8px 9px 8px 13px!important}
  .scene10 .legacy-handoff{font-size:15.5px!important;line-height:1.52!important}
  .scene10 .legacy-answer{font-size:14.5px!important;line-height:1.48!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{margin-bottom:4px!important;font-size:11.5px!important}
}
@media(max-height:700px){
  .scene10 .legacy-words{left:4.5%!important;right:4.5%!important;bottom:12.5%!important;height:40%!important;gap:5px!important}
  .scene10 .legacy-handoff,.scene10 .legacy-answer{padding:6px 9px 6px 13px!important}
  .scene10 .legacy-handoff{font-size:15px!important;line-height:1.42!important}
  .scene10 .legacy-answer{font-size:14px!important;line-height:1.38!important}
  .scene10 .legacy-handoff small,.scene10 .legacy-answer small{margin-bottom:3px!important;font-size:10.5px!important}
}

/* Screen 9 follow-up: keep the instruction entirely below the puzzle image. */
.scene9 .puzzle-hint{top:78%!important}
.scene9 .ai-credit{top:75.2%!important;bottom:auto!important}
.scene9 .puzzle-skip{bottom:10.5%!important}
@media(max-width:360px){
  .scene9 .puzzle-hint{top:77.5%!important}
  .scene9 .ai-credit{top:74.8%!important}
  .scene9 .puzzle-skip{bottom:10%!important}
}
@media(max-height:700px){
  .scene9 .puzzle-hint{top:74.5%!important}
  .scene9 .ai-credit{top:71.5%!important}
  .scene9 .puzzle-skip{bottom:10.5%!important}
}

/* Mobile follow-up: improve screen 8 contrast and organize screen 9 controls. */
.scene8 .life-card blockquote{
  color:#fff1d2!important;
  background:linear-gradient(90deg,rgba(38,16,12,.88),rgba(49,22,16,.78))!important;
  text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
}
.scene8 .life-card blockquote:before{color:#f2d294!important;text-shadow:0 1px 3px rgba(0,0,0,.72)!important}
.scene8 .life-card blockquote strong{color:#fff0c4!important;text-shadow:0 1px 4px rgba(0,0,0,.78)!important}
.scene8 .life-count{bottom:8.5%!important}
.scene8 .life-progress{bottom:5.8%!important}

.scene9 .puzzle-hint{
  left:50%!important;right:auto!important;top:auto!important;bottom:19.5%!important;
  transform:translateX(-50%)!important;
}
.scene9 .ai-credit{top:70.5%!important;bottom:auto!important}
.scene9 .puzzle-skip{
  left:50%!important;right:auto!important;bottom:11.5%!important;
  transform:translateX(-50%)!important;
}
.scene9 .puzzle-skip.is-previewing{transform:translateX(-50%) scale(.97)!important}
@media(max-width:360px){
  .scene8 .life-count{bottom:8.2%!important}
  .scene8 .life-progress{bottom:5.5%!important}
  .scene9 .puzzle-hint{bottom:19.2%!important}
  .scene9 .ai-credit{top:69.5%!important}
  .scene9 .puzzle-skip{bottom:11.3%!important}
}
@media(max-height:700px){
  .scene8 .life-count{bottom:8%!important}
  .scene8 .life-progress{bottom:5.3%!important}
  .scene9 .puzzle-hint{bottom:19.5%!important}
  .scene9 .ai-credit{top:69.5%!important}
  .scene9 .puzzle-skip{bottom:11.2%!important}
}

/* Screen 7 follow-up: reduce every bar's internal copy by 40%. */
.scene7 .money-item .bar em{
  font-size:clamp(6px,1.62cqw,7.8px)!important;
}
.scene7 .money-item.is-selected .bar em{
  font-size:10.8px!important;line-height:1.3!important;
}
.scene7 .money-item.is-selected .bar em small{
  font-size:14.4px!important;line-height:1.3!important;
}
@media(max-width:360px){
  .scene7 .money-item.is-selected .bar em small{font-size:12px!important}
}
@media(max-height:700px){
  .scene7 .money-item.is-selected .bar em small{font-size:10.8px!important}
}

/* Screen 7: keep the detail card's footprint unchanged for every year. */
.scene7 .spending-detail{
  height:132px!important;min-height:132px!important;max-height:132px!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
.scene7 .spending-detail.is-last #spendingCopy{
  font-size:13px!important;line-height:1.42!important;
}
@media(max-width:360px){
  .scene7 .spending-detail{height:126px!important;min-height:126px!important;max-height:126px!important}
  .scene7 .spending-detail.is-last #spendingCopy{font-size:12px!important;line-height:1.38!important}
}
@media(max-height:700px){
  .scene7 .spending-detail{height:116px!important;min-height:116px!important;max-height:116px!important}
  .scene7 .spending-detail.is-last #spendingCopy{font-size:11px!important;line-height:1.34!important}
}

/* Screens 6 and 8 mobile control spacing. */
.scene6 .tax-actions{
  top:auto!important;bottom:calc(8.2% + 44px)!important;
}
@media(max-width:360px){
  .scene6 .tax-actions{bottom:calc(7.5% + 44px)!important}
}
@media(max-height:700px){
  .scene6 .tax-actions{bottom:calc(8% + 44px)!important}
}

/* Screen 8: gesture guide above the copy card; progress line takes its old position. */
.scene8 .life-card blockquote{
  left:6%!important;right:6%!important;bottom:14%!important;
  padding:14px 16px 14px!important;max-height:32%!important;
  font-size:16px!important;line-height:1.58!important;
}
.scene8 .life-card blockquote strong{
  padding-right:108px!important;margin-bottom:8px!important;
  font-size:18px!important;line-height:1.25!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  right:10px!important;top:9px!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{
  font-size:18px!important;
}
.scene8 .life-count{
  top:auto!important;bottom:calc(14% + 126px)!important;
  font-size:13px!important;line-height:1.3!important;
}
.scene8 .life-progress{bottom:8.5%!important}

@media(max-width:360px){
  .scene8 .life-card blockquote{left:4.5%!important;right:4.5%!important;padding:12px 13px!important;font-size:15px!important;line-height:1.52!important}
  .scene8 .life-card blockquote strong{padding-right:100px!important;margin-bottom:7px!important;font-size:17px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{font-size:17px!important}
  .scene8 .life-count{bottom:calc(14% + 116px)!important;font-size:12px!important}
  .scene8 .life-progress{bottom:8.2%!important}
}
@media(max-height:700px){
  .scene8 .life-card blockquote{bottom:13.5%!important;max-height:31%!important;padding:10px 13px!important;font-size:14px!important;line-height:1.45!important}
  .scene8 .life-card blockquote strong{padding-right:98px!important;margin-bottom:5px!important;font-size:16px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{top:7px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{font-size:16px!important}
  .scene8 .life-count{bottom:calc(13.5% + 108px)!important;font-size:11px!important}
  .scene8 .life-progress{bottom:8%!important}
}

/* Screen 8 redesigned mobile information zone:
   gesture guide -> fixed copy card -> progress rule -> page cue. */
.scene8 .life-card blockquote{
  left:5%!important;right:5%!important;bottom:15%!important;
  width:auto!important;height:clamp(136px,37cqw,148px)!important;
  min-height:clamp(136px,37cqw,148px)!important;max-height:none!important;
  padding:15px 16px 13px!important;box-sizing:border-box!important;
  border:1px solid rgba(245,210,148,.24)!important;border-radius:9px!important;
  background:linear-gradient(100deg,rgba(41,17,13,.94),rgba(48,20,15,.86))!important;
  color:#fff4dc!important;font-size:17px!important;line-height:1.58!important;
  text-shadow:0 1px 3px rgba(0,0,0,.78)!important;
  box-shadow:0 10px 26px rgba(20,5,3,.26)!important;backdrop-filter:blur(5px)!important;
}
.scene8 .life-card blockquote strong{
  display:block!important;max-width:calc(100% - 112px)!important;
  padding:0!important;margin:0 0 10px!important;
  color:#ffe2a3!important;font-size:19px!important;line-height:1.25!important;
  white-space:nowrap!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{
  right:11px!important;top:10px!important;width:102px!important;min-width:102px!important;
  height:44px!important;min-height:44px!important;padding:0 7px!important;
}
.scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{
  font-size:18px!important;
}
.scene8 .life-count{
  left:50%!important;right:auto!important;top:auto!important;
  bottom:calc(15% + clamp(136px,37cqw,148px) + 11px)!important;
  min-height:34px!important;padding:0 13px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid rgba(235,197,126,.26)!important;border-radius:18px!important;
  background:rgba(40,15,11,.64)!important;color:#f7dba5!important;
  font-size:14px!important;line-height:1!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important;
  transform:translateX(-50%)!important;white-space:nowrap!important;
}
.scene8 .life-count>span:first-child{font-size:18px!important;opacity:.9!important}
.scene8 .life-count .life-hint{margin-right:5px!important;opacity:1!important}
.scene8 .life-count b{font-size:15px!important;color:#ffe8b8!important}
.scene8 .life-progress{
  left:7%!important;right:7%!important;bottom:10.5%!important;height:2px!important;
  background:rgba(255,225,171,.3)!important;
}

@media(max-width:360px){
  .scene8 .life-card blockquote{
    left:4%!important;right:4%!important;bottom:14.5%!important;
    height:136px!important;min-height:136px!important;padding:13px 13px 11px!important;
    font-size:15.5px!important;line-height:1.5!important;
  }
  .scene8 .life-card blockquote strong{max-width:calc(100% - 102px)!important;margin-bottom:8px!important;font-size:17px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{right:9px!important;top:9px!important;width:94px!important;min-width:94px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{font-size:16px!important}
  .scene8 .life-count{bottom:calc(14.5% + 147px)!important;min-height:32px!important;padding:0 10px!important;font-size:12.5px!important}
  .scene8 .life-count>span:first-child{font-size:16px!important}
  .scene8 .life-count b{font-size:13px!important}
  .scene8 .life-progress{bottom:10%!important}
}
@media(max-height:700px){
  .scene8 .life-card blockquote{
    bottom:14.5%!important;height:132px!important;min-height:132px!important;
    padding:11px 13px 10px!important;font-size:14px!important;line-height:1.42!important;
  }
  .scene8 .life-card blockquote strong{max-width:calc(100% - 100px)!important;margin-bottom:6px!important;font-size:16px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive{right:8px!important;top:8px!important;width:92px!important;min-width:92px!important;height:42px!important;min-height:42px!important}
  .scene8 .life-card blockquote .life-arrow.story-action.story-action--archive>span{font-size:15px!important}
  .scene8 .life-count{bottom:calc(14.5% + 142px)!important;min-height:30px!important;font-size:11.5px!important}
  .scene8 .life-progress{bottom:9.8%!important}
}

/* Screen 8: start body copy below the archive button's bottom edge. */
.scene8 .life-card blockquote strong{margin-bottom:18px!important}
@media(max-width:360px){
  .scene8 .life-card blockquote strong{margin-bottom:16px!important}
}
@media(max-height:700px){
  .scene8 .life-card blockquote strong{margin-bottom:14px!important}
}

/* Preserve all copy after adding the larger title/body gap. */
.scene8 .life-card blockquote{height:clamp(152px,40cqw,160px)!important;min-height:clamp(152px,40cqw,160px)!important}
.scene8 .life-count{bottom:calc(15% + clamp(152px,40cqw,160px) + 11px)!important}
@media(max-width:360px){
  .scene8 .life-card blockquote{height:136px!important;min-height:136px!important}
  .scene8 .life-count{bottom:calc(14.5% + 147px)!important}
}
@media(max-height:700px){
  .scene8 .life-card blockquote{height:140px!important;min-height:140px!important}
  .scene8 .life-count{bottom:calc(14.5% + 150px)!important}
}

/* Screen 4: fade the two era labels while the comparison handle is moving. */
.scene4 .s4-era{
  opacity:1;transition:opacity .28s ease,transform .28s ease!important;
}
.scene4 .light-lab.is-dragging .s4-era{
  opacity:0!important;transform:translateY(-5px)!important;pointer-events:none!important;
}

/* Screen 3: all right-side copy below the date heading shares one size. */
.scene3 .s3-quote .context,
.scene3 .s3-quote .narration,
.scene3 .s3-quote .emphasis,
.scene3 .s3-quote .coda,
.scene3 .s3-quote .coda b{
  font-size:20px!important;line-height:1.62!important;
}
@media(max-width:360px){
  .scene3 .s3-quote .context,
  .scene3 .s3-quote .narration,
  .scene3 .s3-quote .emphasis,
  .scene3 .s3-quote .coda,
  .scene3 .s3-quote .coda b{font-size:18px!important;line-height:1.56!important}
}
@media(max-height:700px){
  .scene3 .s3-quote .context,
  .scene3 .s3-quote .narration,
  .scene3 .s3-quote .emphasis,
  .scene3 .s3-quote .coda,
  .scene3 .s3-quote .coda b{font-size:17px!important;line-height:1.48!important}
}

/* Screen 4: the right diary card joins the labels during drag, then returns. */
.scene4 .s4-handwriting{
  opacity:1;transition:opacity .3s ease,transform .3s ease!important;
}
.scene4.is-comparing .s4-handwriting{
  opacity:0!important;transform:translateX(8px)!important;pointer-events:none!important;
}

/* Screen 7 mobile spacing pass: preserve every element, reduce scale and separate the five vertical zones. */
#s7 .story-head{left:6%!important;right:7%!important;top:4.4%!important}
#s7 .story-head h2{
  width:100%!important;font-size:31px!important;line-height:1.08!important;
  letter-spacing:-.025em!important;transform:none!important;
}
.scene7 .spending-stage{
  left:4.5%!important;right:4.5%!important;top:15.2%!important;height:47.5%!important;
}
.scene7 .money-item .amount{font-size:clamp(14px,4.1cqw,18px)!important}
.scene7 .money-item .amount small{font-size:8px!important;margin-bottom:4px!important}
.scene7 .money-item.is-selected .bar{
  width:72%!important;max-width:112px!important;min-height:64%!important;
}
.scene7 .money-item.is-selected .bar em{
  left:6px!important;right:6px!important;font-size:9px!important;line-height:1.25!important;
}
.scene7 .money-item.is-selected .bar em small{
  margin-top:5px!important;font-size:11px!important;line-height:1.28!important;
}
.scene7 .money-item .year{font-size:12px!important;line-height:1.1!important}
.scene7 .money-item .year small{font-size:8px!important;line-height:1.1!important}
.scene7 .spending-detail{
  left:6%!important;right:6%!important;bottom:13%!important;
  height:112px!important;min-height:112px!important;max-height:112px!important;
  padding:12px 96px 11px 14px!important;
}
.scene7 .spending-detail p{margin-bottom:5px!important;font-size:11px!important;line-height:1.25!important}
.scene7 .spending-detail strong{margin-bottom:5px!important;font-size:19px!important;line-height:1.1!important}
.scene7 .spending-detail span{font-size:12px!important;line-height:1.45!important}
.scene7 #spendingOriginal{right:10px!important;top:10px!important}
.scene7 .spending-control{
  top:auto!important;bottom:calc(13% + 122px)!important;gap:9px!important;
}
.scene7 .spending-control>span{min-width:132px!important;font-size:11px!important;line-height:1.25!important}
.scene7 .spending-control button{width:32px!important;height:32px!important;font-size:19px!important}

@media(max-width:360px){
  #s7 .story-head h2{font-size:28px!important}
  .scene7 .spending-stage{left:3.5%!important;right:3.5%!important;height:46.5%!important}
  .scene7 .money-item .amount{font-size:13px!important}
  .scene7 .money-item.is-selected .bar em small{font-size:10px!important}
  .scene7 .spending-detail{left:4.5%!important;right:4.5%!important;height:106px!important;min-height:106px!important;max-height:106px!important;padding:11px 90px 10px 12px!important}
  .scene7 .spending-detail p{font-size:10px!important}
  .scene7 .spending-detail strong{font-size:17px!important}
  .scene7 .spending-detail span{font-size:11px!important;line-height:1.38!important}
  .scene7 .spending-control{bottom:calc(13% + 115px)!important}
  .scene7 .spending-control>span{min-width:120px!important;font-size:10px!important}
}

@media(max-height:700px){
  #s7 .story-head{top:3.5%!important}
  #s7 .story-head h2{font-size:27px!important}
  .scene7 .spending-stage{top:14.5%!important;height:45.5%!important}
  .scene7 .money-item.is-selected .bar em small{font-size:9px!important}
  .scene7 .spending-detail{bottom:12.5%!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding-top:9px!important;padding-bottom:8px!important}
  .scene7 .spending-detail p{font-size:9px!important}
  .scene7 .spending-detail strong{font-size:16px!important}
  .scene7 .spending-detail span{font-size:10px!important;line-height:1.35!important}
  .scene7 .spending-control{bottom:calc(12.5% + 108px)!important}
}