:root{--paper:#d2c3a3}#title{background:linear-gradient(90deg,#080f0ef5,#080f0e44),url('assets/chapter04/scenes.png') 0 0/200% 300%}#play{height:100dvh;position:relative;overflow:hidden}#stage{position:absolute;width:min(100vw,177.7778vh);height:min(56.25vw,100vh);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.era-art{position:absolute;inset:0;background:url('assets/chapter04/scenes.png') 0 0/200% 300%;transition:opacity 1.2s,filter 1.2s}#present{background-position-x:100%;opacity:0}#stage .vignette{pointer-events:none;background:radial-gradient(ellipse,transparent 38%,#030907aa)}.c4-hud{position:absolute;left:3%;right:3%;top:3%;display:flex;justify-content:space-between;pointer-events:none}.c4-hud>div{pointer-events:auto}.c4-hud small{font:16px var(--serif);letter-spacing:.15em}.c4-hud h2{font-size:26px;margin:8px 0}.c4-hud button{font-size:14px;margin-left:8px;background:#08100e80}.c4-footer{position:absolute;bottom:0;left:0;right:0;background:#060d0de8;display:flex;align-items:center;justify-content:space-between;padding:14px 4%;min-height:66px;border-top:1px solid #b7a27533}.c4-footer p{margin:0;font:15px var(--serif);color:#b9b19d}.c4-footer button{font-size:13px;margin-left:8px}#recall{position:absolute;top:15%;right:4%;display:flex;align-items:center;gap:12px;background:#09120dcf;padding:10px;border:1px solid #b6a58044}#recall label{font:12px var(--sans);letter-spacing:.2em}#recall input{display:block;width:160px;accent-color:#ba7d5f}#recall button{padding:5px 9px;font-size:13px}#sceneNote{position:absolute;top:20%;left:3%;max-width:350px;color:#cdc6b5;font:16px/1.8 var(--serif);text-shadow:0 2px 4px #000}#sceneActions{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);display:flex;gap:16px}#sceneActions button{background:#08110ee8;min-width:160px}#sceneActions button.primary{background:#c8bca0}#speech{position:absolute;left:0;bottom:66px;width:100%;min-height:155px;padding:20px 14% 24px 23%;background:linear-gradient(90deg,#040b09a0,#050c0cec 30%);border-top:1px solid #ab9e7c55}#portrait{position:absolute;left:1.5%;bottom:0;width:20%;height:330px;object-fit:contain;object-position:bottom;pointer-events:none}#speaker{border-left:2px solid #a34530;padding-left:16px;font:23px var(--serif);margin:0 0 12px}#line{font:clamp(17px,2vw,27px)/1.6 var(--serif);margin:0}#next{display:block;margin-left:auto;padding:3px 15px;border:0;font-size:13px}.brand{position:absolute;right:3%;bottom:18px;font:36px var(--serif);transform:rotate(-6deg)}.brand small{display:block;font:9px var(--sans);letter-spacing:.2em}#xuScene{position:absolute;width:24%;left:18%;bottom:12%;pointer-events:none;filter:brightness(.65) saturate(.6)}#memory{position:absolute;inset:0;pointer-events:none}#memory .help{pointer-events:auto;position:absolute;left:47%;top:57%;min-width:100px;transition:left .22s,top .22s;background:#050b0bcc;border-color:#8c9786}#memory .memory-caption{position:absolute;bottom:17%;left:25%;right:25%;text-align:center;color:#d1c5a9;font:18px var(--serif)}#blackout{position:fixed;inset:0;background:#000;z-index:100;opacity:0;pointer-events:none;transition:opacity .6s}#blackout.active{opacity:1;pointer-events:auto}.c4-hotspot{position:absolute;border:1px solid #cdb38e55;background:#12181311}.c4-hotspot span{position:absolute;left:0;top:-25px;white-space:nowrap;font-size:13px;text-shadow:0 2px 4px #000}.c4-hotspot:after{content:'○';font-size:32px;color:#d2ae87}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.evidence-grid button{font:15px var(--serif);text-align:left;padding:12px}.evidence-grid img{display:block;width:100%;height:110px;object-fit:contain;margin-bottom:8px}.evidence-grid .seen{border-color:#bd9c68}.evidence-image{display:block;max-width:100%;max-height:55vh;margin:auto;object-fit:contain}.evidence-lines{max-width:700px;margin:20px auto;line-height:1.9;color:#c9c0ac}.mark-source{position:relative;max-width:850px;margin:auto}.mark-source img{width:100%;max-height:55vh;object-fit:contain}.circle-mark{position:absolute;color:#b7a988b3;border:0;font:22px var(--serif);padding:3px;transform:rotate(-8deg)}.mark-source p{line-height:1.8}.truth-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.truth-card{padding:12px;border:1px solid #918361;background:#161e18;text-align:left;cursor:grab}.truth-card img{display:block;width:100%;height:100px;object-fit:contain}.truth-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0}.truth-slots button{min-height:100px;font-size:13px;border-style:dashed;padding:9px}.board-feedback{min-height:2em;color:#c8b793}.negative-detail{position:relative;overflow:hidden;height:45vh;max-width:800px;margin:auto;background:#0b0f0b}.negative-detail img{width:100%;height:100%;object-fit:contain;transition:transform 1.4s}.negative-detail img.reveal{transform:scale(1.45)}.montage{position:absolute;inset:0;background-image:url('assets/chapter04/montage.png');background-size:400% 200%;filter:saturate(.55);animation:develop 1.5s both}.montage-label{position:absolute;bottom:16%;left:0;right:0;text-align:center;font:28px var(--serif);text-shadow:0 3px 12px #000}.progress-list{line-height:2;color:#b8b29f}.c4-end-art{position:relative;width:min(700px,75vw);height:38vh;margin:18px auto}.c4-end-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.c4-end-art .restored{opacity:0;animation:restore 4s 1s forwards}#ending{padding:5vh 8vw;text-align:center;overflow:auto}#ending h1{font-size:48px;margin:12px}#endingText{font:clamp(18px,2vw,28px)/1.9 var(--serif)}#endingNext,#backVerdict{margin:12px}#ending[data-ending='B']{animation:overexpose 12s forwards}.return-envelope{margin:30px auto;width:min(550px,80vw);padding:35px;background:#c5b186;color:#30271a;border:1px solid #6b5438;font:24px var(--serif)}.return-envelope strong{display:block;border:3px solid #8f3d2b;color:#8f3d2b;transform:rotate(-8deg);padding:10px;margin:25px}.c4-film-erase{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.c4-film-erase.top{animation:restore 3s forwards;opacity:0}@keyframes develop{from{filter:brightness(2) blur(4px);opacity:0}to{filter:brightness(1);opacity:1}}@keyframes restore{to{opacity:1}}@keyframes overexpose{90%{background:#08110f;color:#ddd}100%{background:#d7d9cf;color:#222}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:850px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.truth-slots{grid-template-columns:repeat(3,1fr)}#portrait{height:230px}#speech{padding-left:24%}.c4-footer{padding:8px 2%}.c4-footer p{max-width:30%;font-size:12px}.c4-footer button{padding:7px}#recall{top:18%;right:2%;gap:3px}#recall input{width:90px}#sceneNote{max-width:35%;font-size:13px}.c4-hud h2{font-size:20px}}

/* Chapter 4 revision: visible progress, compact reconstruction, grounded acting. */
.shore-frame{position:absolute;inset:0;background:url('assets/chapter04/shore-sequence.png') center top/100% 300%;pointer-events:auto;touch-action:none;cursor:ew-resize}
.shore-caption{position:absolute;bottom:25%;left:20%;right:20%;text-align:center;text-shadow:0 2px 8px #000;font:22px var(--serif);background:#07100dc9;padding:12px;pointer-events:none}
.shore-control{position:absolute;bottom:9%;left:22%;right:22%;padding:14px 20px;background:#07100deb;display:grid;gap:10px;pointer-events:auto;border:1px solid #ad9a7155}
.shore-control span{font-size:13px;color:#c8bca0}.shore-control input{width:100%;accent-color:#bc8068}.shore-control button{justify-self:center}.shore-control button:disabled{opacity:.45}
#portrait{mask-image:linear-gradient(to top,transparent,black 12%,black 90%,transparent);height:min(40vh,360px)}
#panelBody.reconstruction .truth-card{font-size:14px;padding:8px}.reconstruction .truth-card img{height:clamp(55px,12vh,100px)}.reconstruction .truth-slots{margin:12px 0}.reconstruction .truth-slots button{min-height:64px}.reconstruction .board-feedback{margin:0 0 12px}
.ending-routes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ending-route{background:#111b15;border:1px solid #94815c66;padding:20px}.ending-route p{line-height:1.8;font-size:16px}.ending-route button{display:block;margin:10px 0;font-size:15px}.ending-route .missing-evidence{display:inline-block;margin-right:8px;font-size:13px}.decision-return{position:sticky;bottom:0;background:#c8bca0;color:#09110e;margin:16px 0 0;box-shadow:0 -8px 24px #07100d}
#ending{display:block;height:100dvh}#ending[hidden]{display:none}#endingText{font-size:clamp(17px,1.65vw,24px)}#endingText p{margin:10px 0}
@media(max-width:850px){.ending-routes{grid-template-columns:1fr}.shore-control{left:12%;right:12%}.shore-caption{font-size:16px}}

/* v0.3: actual silhouette mattes, no dark rectangular backing. */
#portrait{mask-image:linear-gradient(to top,transparent,black 8%);object-fit:contain;filter:none}
.negative-detail img.reveal{transform:scale(1.5);transform-origin:68% 56%}