/* Chapter controls stay around the 3D scene; photographs belong to conversations. */
#chapter-objective{position:absolute;top:124px;left:22px;z-index:35;display:grid;grid-template-columns:1fr 25px;gap:4px 12px;width:min(330px,calc(100% - 44px));padding:12px 14px;text-align:left;border:1px solid #aaa08055;border-left:2px solid #c8ac77;border-radius:5px;color:#eee6d2;background:#111b19dd;box-shadow:0 8px 25px #0003;cursor:pointer}
#chapter-objective small{grid-column:1;color:#bfb69f;font-size:10px;letter-spacing:.08em}
#chapter-objective strong{grid-column:1;font:inherit;font-size:13px;font-weight:500;line-height:1.4}
#chapter-objective>span{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;color:#c8ac77}
#chapter-objective:hover{background:#24342dee}
#chapter-objective:focus-visible,.work-cards button:focus-visible,.save-list button:focus-visible{outline:2px solid #d3b474;outline-offset:3px}
.dialog-scene-photo{display:block;width:100%;height:clamp(150px,25vh,240px);object-fit:cover;border-radius:5px;margin:0 0 20px;filter:saturate(.85)}
.dialog-scene-photo[hidden]{display:none}
.chapter-steps{display:grid;gap:8px;margin:18px 0;font-size:13px}
.chapter-steps span{padding:9px 12px;border:1px solid #676b5b44;border-radius:3px;color:#9ca392}
.chapter-steps .done{color:#939f81}
.chapter-steps .current{border-color:#b29865;color:#e1c58c;background:#c8aa7010}
.chapter-reputation{font-size:12px!important;color:#a9ab96!important;line-height:1.6}
.save-list{display:grid;gap:10px;margin:18px 0}
.save-list article{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #6e76634a;border-radius:4px}
.save-list article>div{flex:1;min-width:150px;display:grid;gap:5px}
.save-list strong{font-size:13px}.save-list small{font-size:11px;color:#a2aa94}
.save-list button{border:1px solid #8b947960;border-radius:4px;background:#343c2e;color:#dfdfc6;padding:9px 11px;min-height:42px;cursor:pointer}
.work-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.work-cards button{position:relative;overflow:hidden;border:2px solid #66745b55;border-radius:5px;background:#1b2923;color:#ddd4bd;padding:0;text-align:left;cursor:pointer}
.work-cards img{width:100%;height:90px;object-fit:cover;display:block;opacity:.76}
.work-cards span{display:block;font-size:12px;line-height:1.5;padding:10px}
.work-cards [aria-pressed=true]{border-color:#d3b47a;background:#424735}
.work-cards [aria-pressed=true]:after{content:'✓';position:absolute;top:7px;right:7px;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#d3b47a;color:#1b2419}
.cinema-photograph{position:absolute;top:18vh;left:50%;transform:translateX(-50%);width:min(580px,72vw);height:45vh;z-index:1;padding:6px;background:#c2b28c;box-shadow:0 15px 80px #000b;pointer-events:none}
.cinema-photograph[hidden]{display:none}.cinema-photograph img{width:100%;height:100%;object-fit:cover}.cinema-photograph span{display:none}
.three-mode #story-card{max-width:min(450px,calc(100% - 40px))}
.three-mode #story-card img{width:88px;height:94px;object-fit:cover;flex-shrink:0}
@media(max-width:900px){#chapter-objective{top:156px;left:12px;width:min(300px,calc(100% - 24px));padding:9px 12px}#chapter-objective small{font-size:9px}#chapter-objective strong{font-size:12px}.dialog-scene-photo{height:170px;margin-bottom:15px}.chapter-steps{gap:5px}.chapter-steps span{padding:7px 10px}.work-cards img{height:75px}.cinema-photograph{top:22vh;width:84vw;height:35vh}.three-mode #story-card img{width:66px;height:80px}}
@media(max-height:520px) and (orientation:landscape){#chapter-objective{top:107px;width:240px;padding:7px 10px}.dialog-scene-photo{height:120px}.cinema-photograph{top:18vh;height:42vh;width:42vw}}