/* Chapter story layer: continuous opening, guide and contextual conversation. */
.opening{background:#16353fe8;padding:24px;z-index:40}.opening-sheet{width:min(1030px,96vw);background:#f3e8cc;padding:24px 28px 17px;box-shadow:7px 9px 0 #9c8454}.opening-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;margin-bottom:14px}.opening-top button{background:none;font-size:11px;letter-spacing:0}.opening-art{height:clamp(260px,40vh,410px);position:relative;overflow:hidden;background:#e3d2a8;border:2px solid #193c46;perspective:1000px}.opening-frame{position:absolute;inset:9px;border:1px solid #193c4644;pointer-events:none;z-index:10}.opening-courtyard{position:absolute;inset:-4%;background:url('./assets/courtyard.jpg') 50% 50%/cover no-repeat;opacity:0;transform:scale(1.14);transition:opacity 1.4s,transform 3s}.opening-map{position:absolute;inset:0;opacity:.6;transition:opacity 1s;background:repeating-linear-gradient(0deg,transparent,transparent 28px,#397b7817 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,#397b7817 29px)}.opening-map svg{width:100%;height:100%;fill:none;stroke:#397b78;stroke-width:3}.map-route{stroke-dasharray:8 9}.map-factory{stroke:#193c46;stroke-width:2}.opening-map>span{position:absolute;right:13%;top:25%;font:16px "SimSun",serif;letter-spacing:.15em}.opening-letter{position:absolute;left:calc(40% - 100px);top:40%;width:240px;height:138px;background:#d6b878;border:1px solid #8b7145;box-shadow:5px 8px 0 #90734455;transform:rotate(-5deg);transition:transform 1.6s,left 1.5s,top 1.5s,opacity 1s;transform-style:preserve-3d}.letter-flap{position:absolute;inset:0 0 auto;height:80px;clip-path:polygon(0 0,100% 0,50% 100%);background:#f2dfb7;transform-origin:50% 0;animation:letterFlap 1.5s .5s both;z-index:3}.letter-note{position:absolute;left:12px;right:12px;top:-33px;background:#f9f0db;padding:15px 20px;box-shadow:0 2px 2px #0002;animation:noteRise 2s both}.letter-note small{font-size:10px;letter-spacing:.12em}.letter-note strong{font:20px/1.5 "SimSun",serif;display:block;margin:8px 0}.letter-note span{font-size:9px;display:block;text-align:right}.letter-address{position:absolute;left:0;bottom:20px;width:100%;text-align:center;font:13px "SimSun",serif;z-index:4}.opening-badge{position:absolute;left:64%;top:35%;width:104px;height:142px;border:2px solid #193c46;background:#f0e5c8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;box-shadow:4px 6px 0 #a78953;opacity:0;transform:translateY(-80px) rotate(12deg);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity 1s}.opening-badge small{font-size:10px}.opening-badge strong{font:24px Georgia}.opening-badge span{font-size:11px}.opening-bird{position:absolute;width:150px;height:150px;left:calc(-18% + var(--walk-p,0)*53%);bottom:6%;opacity:0;transition:opacity .7s;filter:drop-shadow(0 5px 3px #0003)}.opening-bird>div{width:100%;height:100%;background:url('./assets/aqi-sprites.png') 0 0/300% 200% no-repeat}.opening-person{position:absolute;width:130px;height:250px;right:9%;bottom:6%;opacity:0;transform:translateX(60px);transition:opacity .8s,transform 1.5s}.guide-sprite{display:block;width:100%;height:100%;background:url('./assets/lin-sprites.png') 0 0/300% 100% no-repeat}.opening-sfx{position:absolute;bottom:6%;left:24%;font:20px "KaiTi",serif;letter-spacing:.5em;color:#193c46;opacity:0}.opening[data-shot="1"] .opening-badge{opacity:1;transform:translateY(0) rotate(6deg)}.opening[data-shot="1"] .opening-letter{left:12%;top:45%;transform:scale(.83) rotate(-10deg)}.opening[data-shot="2"] .opening-letter,.opening[data-shot="3"] .opening-letter{left:-20%;opacity:0;transform:scale(.6) rotate(-20deg)}.opening[data-shot="2"] .opening-badge,.opening[data-shot="3"] .opening-badge{opacity:0;transform:translateY(140px) rotate(-10deg)}.opening[data-shot="2"] .opening-courtyard,.opening[data-shot="3"] .opening-courtyard{opacity:1;transform:scale(1)}.opening[data-shot="2"] .opening-map,.opening[data-shot="3"] .opening-map{opacity:0}.opening[data-shot="2"] .opening-bird,.opening[data-shot="3"] .opening-bird{opacity:1}.opening[data-shot="2"][data-playing="true"] .opening-bird>div{animation:birdSteps .34s steps(1) infinite,walkBob .34s ease-in-out infinite}.opening[data-shot="2"] .opening-sfx{opacity:.8}.opening[data-shot="3"] .opening-person{opacity:1;transform:translateX(0)}.opening-caption{display:flex;align-items:baseline;gap:22px;margin:20px 0 15px;min-height:48px}.opening-speaker{font:18px "SimSun",serif;min-width:80px}.opening-line{font-size:14px;line-height:1.9;margin:0}.opening-bottom{display:flex;align-items:center;gap:14px}.opening-bottom button{background:none;font-size:12px;padding:9px 12px}.opening-dots{display:flex;gap:8px}.opening-dots button{width:30px;min-height:30px;padding:0;border:1px solid #397b7833;border-radius:50%;font:13px Georgia}.opening-dots button[aria-current=true]{background:#397b78;color:#f3e8cc}.opening-timing{font-size:10px;opacity:.7;margin-right:auto}#opening-start{background:#193c46;color:#f3e8cc;padding:12px 20px}.opening-progress{height:2px;background:#193c4615;margin:12px 0;position:relative}.opening-progress:after{content:"";position:absolute;inset:0;background:#d49c42;transform:scaleX(var(--progress,0));transform-origin:left}.opening-disclaimer{font-size:9px;opacity:.6}.guide-character{position:absolute;right:5%;bottom:137px;width:110px;height:216px;z-index:6;background:none;padding:0;filter:drop-shadow(0 5px 3px #193c4630);transform-origin:50% 95%}.guide-character small{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-size:9px;color:#f3e8cc;white-space:nowrap;background:#193c46b8;padding:4px 7px}.guide-character.walking{animation:guideArrive 1.1s ease-out both}.guide-character.walking .guide-sprite{animation:guideSteps .32s steps(1) infinite}.guide-character.speaking{filter:drop-shadow(0 4px 5px #e5bd6b66)}.dialogue-ui{width:min(810px,74%);min-height:98px;padding:15px 150px 16px 24px;gap:18px;align-items:center}.dialogue-name{min-width:70px;display:flex;flex-direction:column;gap:6px;align-self:center}.dialogue-name strong{font:700 19px "SimSun",serif}.dialogue-name small{font-size:8px;max-width:100px;line-height:1.5;opacity:.65}.dialogue-ui>p{font-size:13px;line-height:1.9}.dialogue-controls{position:absolute;right:13px;top:13px;bottom:13px;width:115px;display:flex;flex-direction:column;align-items:stretch;gap:5px}.dialogue-ui .dialogue-controls button{position:static;transform:none;border-radius:0;min-height:32px;width:auto;font-size:10px;padding:5px 8px;background:none;border:0}.dialogue-ui #story-next{background:#397b78;color:#f3e8cc}.dialogue-ui #hint{text-decoration:underline;text-underline-offset:4px}.dialogue-ui #story-next.finished{background:#397b7810;color:#193c46}.dialogue-ui #dialogue-count{position:absolute;left:24px;bottom:4px;font-size:8px;opacity:.45}.dialogue-ui[data-speaker=aqi]{border-left-color:#397b78}.hint-options{display:flex;flex-direction:column;gap:10px;margin:25px 0}.hint-options button{padding:14px 18px;text-align:left;background:#397b7813;border-left:2px solid #397b78;font-size:13px}.attention{outline:3px solid #f2cf79;outline-offset:8px;animation:cluePulse 1.1s ease-in-out 3}#inspect-entry{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);padding:12px 20px;background:#f3e8cc;box-shadow:4px 5px 0 #b99558;white-space:nowrap;font-size:12px}#photo-pick.world-anchor{bottom:auto;transform:translate(-50%,-50%) rotate(-3deg)}.loading-inner{text-align:center;width:260px;position:relative}.loading-inner>p{font:24px "SimSun",serif;letter-spacing:.1em}.loading-inner progress{display:block;width:100%;height:4px;accent-color:#397b78;margin:20px 0}.loading-inner small{font-size:10px;letter-spacing:.04em;color:#547272}.load-bird{display:block;width:82px;height:82px;margin:auto}.load-bird i{display:block;width:100%;height:100%;background:url('./assets/aqi-sprites.png') 0 0/300% 200% no-repeat;animation:walkBob .5s infinite}.loading-inner button{display:block;margin:20px auto;background:#193c46;color:#f3e8cc;padding:10px 20px}
@keyframes letterFlap{to{transform:rotateX(-160deg)}}@keyframes noteRise{from{translate:0 60px}to{translate:0 -15px}}@keyframes birdSteps{0%,100%{background-position:0 0}50%{background-position:100% 0}}@keyframes walkBob{50%{translate:0 -4px;rotate:1deg}}@keyframes guideSteps{0%,100%{background-position:50% 0}50%{background-position:100% 0}}@keyframes guideArrive{from{translate:70px 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes cluePulse{50%{outline-color:#f2cf7900}}
@media(max-width:760px){.opening{padding:15px}.opening-sheet{width:100%;padding:15px 15px 13px;box-shadow:4px 5px 0 #9c8454}.opening-top{font-size:9px;letter-spacing:0;margin-bottom:10px;gap:7px}.opening-top button{font-size:9px;min-width:80px;padding:0}.opening-art{height:340px}.opening-map svg{width:180%;height:100%;position:absolute;left:-42%}.opening-map>span{font-size:12px;right:11%;top:25%}.opening-letter{width:190px;height:120px;left:calc(50% - 95px);top:45%}.letter-note{padding:12px}.letter-note strong{font-size:17px}.letter-address{font-size:10px;bottom:15px}.opening-badge{left:55%;top:20%;width:80px;height:115px;gap:14px}.opening-badge strong{font-size:20px}.opening-badge span{font-size:9px}.opening[data-shot="1"] .opening-letter{left:3%;top:53%;transform:scale(.82) rotate(-10deg)}.opening-courtyard{background-position:40% center}.opening-bird{width:118px;height:118px;bottom:9%;left:calc(-35% + var(--walk-p,0)*55%)}.opening-person{width:100px;height:190px;right:2%;bottom:10%}.opening-sfx{font-size:14px;left:10%;bottom:6%}.opening-caption{display:block;margin:16px 0 10px;min-height:105px}.opening-speaker{font-size:16px;display:block;margin-bottom:8px}.opening-line{font-size:13px;line-height:1.85}.opening-bottom{gap:6px;flex-wrap:wrap}.opening-dots{gap:6px}.opening-dots button{width:25px;min-height:25px;font-size:11px}.opening-timing{font-size:8px;margin-right:auto;order:2;width:100%;margin-top:8px}.opening-bottom>button{font-size:10px;padding:7px;min-height:36px}.opening-bottom #opening-start{font-size:10px;padding:9px 11px}.opening-disclaimer{font-size:8px;line-height:1.7;display:block}.guide-character{width:75px;height:150px;right:2%;bottom:155px}.guide-character small{font-size:7px}.dialogue-ui{width:88%;bottom:55px;min-height:122px;padding:14px 92px 17px 15px;display:block}.dialogue-name{display:block;margin-bottom:7px;min-width:0}.dialogue-name strong{font-size:16px}.dialogue-name small{display:none}.dialogue-ui>p{font-size:12px;line-height:1.8;margin:0}.dialogue-controls{width:77px;right:9px;top:15px;bottom:12px;gap:4px;justify-content:center}.dialogue-ui .dialogue-controls button{font-size:9px;min-height:36px;line-height:1.5}.dialogue-ui #dialogue-count{left:15px;bottom:4px;font-size:7px}footer{bottom:0}.aqi{bottom:185px}.view{bottom:190px}body[data-view=paper] .aqi{bottom:310px}.paper .drive{bottom:0}.model-host{bottom:120px}.guide-character{bottom:186px}body[data-view=paper] .guide-character{bottom:300px;width:66px;height:132px}.puzzle-open .guide-character{opacity:.22}.puzzle-open .desk{padding-top:7px}#inspect-entry{font-size:10px;padding:10px 12px}#photo-pick.world-anchor{max-width:190px}#loading .loading-inner{width:220px}}
@media(max-height:740px) and (max-width:760px){.opening-art{height:240px}.opening-caption{min-height:95px}.opening-sheet{padding-top:8px}.opening-top{margin-bottom:5px}}
.photo-chat{border-left:2px solid #397b78;background:#397b780c;padding:12px 14px;margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.photo-chat strong{font:16px "SimSun",serif}.photo-chat p{font-size:12px;line-height:1.8;grid-column:1;margin:0}.photo-chat button{grid-column:2;grid-row:1/3;font-size:10px;background:#397b7814;padding:6px 10px}.badge-dialogue{padding:10px 12px;background:#397b7810}
@media(min-width:761px){body[data-view=paper] .guide-character{bottom:290px;width:85px;height:170px}}
@media(prefers-reduced-motion:reduce){.opening-courtyard,.opening-person,.opening-letter,.opening-badge{transition:none}.opening-bird{left:20%!important}.opening[data-shot="0"] .letter-flap{transform:rotateX(-160deg)}.letter-note{translate:0 -15px}}