.comic{min-height:100svh;background:#091714;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:5px;padding:18px;overflow:hidden}.comic-panel{position:relative;min-height:70svh;overflow:hidden;border:1px solid #a28d5366;clip-path:polygon(0 0,100% 1%,98% 100%,1% 98%)}.comic-panel>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;animation:comic-camera 15s ease-out both}.comic-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#041412cc,transparent 45%)}.comic-caption{align-self:center;padding:clamp(22px,4vw,65px);animation:caption-in .8s ease both}.comic-caption h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.13}.comic-caption p{font:1.14rem/1.85 Georgia,serif;color:#e8e0c9}.comic-caption .row{margin-top:28px}.memory .comic-panel{filter:sepia(.18)}.focus-left>img{object-position:30% center}.focus-right>img{object-position:70% center;animation-name:memory-camera}.memory-quote{position:absolute;bottom:8%;left:7%;right:7%;z-index:2;padding:18px 23px;background:#e2d5afef;color:#17241f;font:italic clamp(1.15rem,2vw,1.65rem)/1.45 Georgia,serif;border-left:5px solid #8c713a;box-shadow:7px 8px 0 #0005;animation:caption-in 1s .45s both}.grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#241b1508 6px 7px);pointer-events:none}.journey-sign{position:absolute;top:7%;left:7%;z-index:2;background:#10281de0;border-left:2px solid #c6ad78;padding:18px;font-size:.8rem;line-height:1.8}.journey-sign strong{font:1.5rem Georgia,serif}.thought{animation:caption-in 1.2s .35s both}.scene-actor{position:absolute;z-index:3;right:1%;bottom:0;width:68%;height:78%;pointer-events:none;animation:actor-in .65s ease-out both}.scene-actor img{width:100%;height:100%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(0deg,transparent,black 18%,black 85%,transparent),linear-gradient(90deg,transparent,black 15%,black 86%,transparent);mask-composite:intersect;filter:drop-shadow(-12px 8px 12px #07181399)}.scene-actor span{position:absolute;bottom:12%;left:20%;background:#0d241dd9;border-bottom:1px solid #c6ad78;padding:7px 16px;font:1rem Georgia,serif}.scene-actor.leaving{animation:actor-out .22s ease-in forwards}.scene-image{animation:scene-reveal .7s ease-out}.story{animation:caption-in .4s ease-out}.portraits{display:none}.map-modal{width:min(1150px,calc(100% - 20px));max-height:94svh}.city-map{position:relative;aspect-ratio:3/2;min-width:0;border:1px solid #c6ad7880;overflow:hidden;background:#26372a}.city-map>img{width:100%;height:100%;object-fit:cover;display:block}.map-pin{position:absolute;transform:translate(-50%,-50%);padding:4px 7px;min-height:44px;background:#10291eea;border:1px solid #dcc591;box-shadow:0 4px 12px #000a;z-index:3;line-height:1.15;font-size:.74rem;max-width:125px}.map-pin i{display:block;color:#d8c393;font-style:normal;font-size:17px}.map-pin.current{background:#c5ad77;color:#11261d;outline:2px solid #f6e5b5;outline-offset:3px}.map-pin.current i{color:#11261d}.map-pin:hover,.map-pin:focus-visible{z-index:5;background:#384d32;transform:translate(-50%,-50%) scale(1.07);color:white}.district,.river-label,.bridge-label{position:absolute;pointer-events:none;text-shadow:0 2px 4px #000;color:#ffecc2;background:#14261cb5;padding:5px 9px;font:small-caps clamp(.6rem,1.4vw,1rem) Georgia,serif;letter-spacing:.08em}.upper{top:7%;right:9%}.lower{top:30%;left:7%}.poor{bottom:5%;left:7%}.river-label{top:16%;left:47%;writing-mode:vertical-rl;font-style:italic}.bridge-label{top:53%;left:44%;font-size:.65rem}.scene-glow{animation:flicker 6s infinite}.scene-label{z-index:4}
@keyframes comic-camera{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.15) translateX(1%)}}@keyframes memory-camera{from{transform:scale(1.17) translateX(3%)}to{transform:scale(1.05) translateX(-1%)}}@keyframes caption-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes actor-in{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}@keyframes actor-out{to{opacity:0;transform:translateX(24px)}}@keyframes scene-reveal{from{opacity:.2;filter:brightness(.6)}to{opacity:1;filter:brightness(1)}}
@media(max-width:800px){.comic{display:flex;flex-direction:column;padding:10px;gap:0}.comic-panel{min-height:46svh;height:46svh;flex-shrink:0}.comic-caption{padding:25px 15px 35px;align-self:stretch}.comic-caption p{font-size:1.05rem;line-height:1.75}.comic-caption h1{font-size:2.2rem}.scene-actor{height:85%;width:75%;right:0}.city-map{aspect-ratio:3/4}.city-map>img{object-fit:fill}.map-pin{font-size:.62rem;max-width:91px;padding:3px 5px}.map-pin i{font-size:13px}.bridge-label{font-size:.5rem;left:42%;max-width:75px}.map-modal .modal-body{padding:12px}.district{font-size:.64rem}.memory-quote{font-size:1.05rem;padding:12px;bottom:6%}.journey-sign{top:5%;padding:10px}.journey-sign strong{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.comic *,.scene-actor,.story,.scene-image{animation:none!important;transition:none!important}}.reduced .comic *,.reduced .scene-actor,.reduced .story,.reduced .scene-image{animation:none!important;transition:none!important}

.map-scroll{overflow:auto;overscroll-behavior:contain}.city-map{aspect-ratio:3/2}@media(max-width:800px){.city-map{min-width:620px;aspect-ratio:3/2}.city-map>img{object-fit:cover}.map-pin{font-size:.72rem;max-width:110px}}

/* New transparent dialogue sprites and painted map. */
.scene-actor{right:0;bottom:1%;height:85%;width:48%}.scene-actor img{mask-image:none;mask-composite:add;object-fit:contain;object-position:bottom center;filter:drop-shadow(-8px 6px 8px #07181366)}.scene-actor span{bottom:2%;left:15%;max-width:80%}.dialogue-prose p{margin:0 0 1.1em}.comic-panel>img{object-position:center center}.memory .focus-right>img{object-position:center}.map-pin{box-shadow:0 3px 14px #061b18d9;border-color:#e2c788}.city-map{background:#1e352a}.city-map>img{object-fit:cover}.district,.river-label,.bridge-label{background:#10231bdc;color:#f5dfad}.opening .comic-panel:after{background:linear-gradient(0deg,#07171455,transparent 40%)}
@media(max-width:800px){.scene-actor{width:57%;height:88%;right:0}.scene-actor span{font-size:.8rem;left:8%;bottom:0}.comic-panel{height:48svh;min-height:320px}.comic-panel>img{object-position:40% center}.journey .comic-panel>img{object-position:36% center}}

.journey-sign{top:auto;bottom:5%;left:5%;max-width:85%}.scene-actor{overflow:hidden}@media(max-width:800px){.scene-actor img{height:145%;object-position:top center}.scene-actor span{bottom:3%}.journey-sign{bottom:5%;top:auto}.journey-sign strong{font-size:1rem}}

.visual:has(.scene-actor) .art-expand{left:12px;right:auto}@media(max-width:800px){.scene-actor{height:75%}.scene-actor img{height:100%}.scene-actor span{left:4%;font-size:.75rem;padding:5px 8px}}

/* Interactive close-ups: the fixed memory unfolds at the reader's pace. */
.intense{background:radial-gradient(ellipse at 30% 40%,#26312e,#090e10 75%);gap:30px}.intense .comic-panel{border:1px solid #827057;clip-path:none;box-shadow:0 20px 65px #0009}.intense .comic-panel>img{filter:brightness(.65) saturate(.65);animation:memory-drift 22s ease-out both}.memory-number{position:absolute;top:20px;left:20px;letter-spacing:.2em;font-size:11px;color:#e7c99d}.memory-inset{position:absolute;left:8%;right:6%;top:25%;height:48%;margin:0;border:3px solid #b8a184;box-shadow:12px 15px 0 #050909bb,0 0 70px #000;overflow:hidden;transform:rotate(-2deg);animation:detail-reveal .65s ease-out both;background:#101514}.memory-inset img{width:100%;height:100%;object-fit:cover;position:absolute;animation:none;filter:contrast(1.13) saturate(.65)}.memory-inset.eyes img{transform:scale(2.4);object-position:center 35%;transform-origin:50% 35%}.memory-inset.hands img{transform:scale(1.5);transform-origin:50% 60%;animation:hand-tremor .22s linear 8}.memory-inset.witness img{transform:scale(1.8);transform-origin:85% 45%}.memory-inset.door img{transform:scale(1.7);transform-origin:80% 45%}.memory-inset figcaption{position:absolute;bottom:0;left:0;right:0;background:#081011eb;padding:13px 18px;color:#f0dcc0;font-size:17px}.protocol-line{position:absolute;bottom:5%;left:6%;right:6%;padding:20px;background:#e1cfaa;color:#28201c;font:italic 21px Georgia,serif;box-shadow:5px 7px #0007}.erased{position:relative}.erased:after{content:'';position:absolute;height:3px;background:#401c17;left:-3px;right:-3px;top:50%;transform:rotate(-8deg);animation:ink-strike .7s ease-out}.intense .comic-caption h1{font-size:clamp(27px,3vw,48px);line-height:1.15}.memory-prose{min-height:150px;animation:detail-reveal .5s ease-out}.memory-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.intense small{color:#acaaa1;line-height:1.5}.memory-progress{display:flex;gap:8px;margin:0 0 20px}.memory-progress i{height:3px;width:35px;background:#424641}.memory-progress .lit{background:#d7ae74}@keyframes memory-drift{from{transform:scale(1)}to{transform:scale(1.1)}}@keyframes detail-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes hand-tremor{0%,100%{translate:0 0}50%{translate:1px -1px}}@keyframes ink-strike{from{scale:0 1}to{scale:1 1}}@media(max-width:800px){.intense{padding:12px;gap:12px}.intense .comic-panel{height:45svh;min-height:300px}.intense .comic-caption{padding:15px 10px}.memory-inset{top:19%;height:56%}.memory-prose{min-height:0}.protocol-line{font-size:17px;padding:12px;bottom:3%}.intense .comic-caption h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.intense *{animation:none!important}}body.reduced .intense *{animation:none!important}

/* Hip portraits retain the full hat and hands while bringing faces closer. */
.scene-actor{height:92%;width:53%;bottom:0}.scene-actor img{object-fit:contain;object-position:bottom center;width:100%;height:100%}@media(max-width:800px){.scene-actor{height:91%;width:69%;right:-2%}.scene-actor img{object-fit:contain;object-position:bottom right}}

/* Quiet compositions, aged photographs and a restrained paper map. */
.comic-panel>img,.intense .comic-panel>img,.focus-right>img,.scene-image{animation:none!important;transform:none;will-change:auto}.memory-inset{border:9px solid #d6c59b;border-bottom-width:32px;background:#d6c59b;box-shadow:2px 3px 0 #8e7856,10px 14px 24px #0009;overflow:visible}.memory-inset img{inset:0;width:100%;height:100%;object-fit:cover}.memory-inset.new-shot img{transform:none;object-position:center}.memory-inset figcaption{bottom:-28px;background:transparent;color:#392d20;padding:4px 7px;font:italic 14px Georgia,serif}.city-map{background:#dfd2b5}.city-map>img{filter:grayscale(.82) sepia(.38) saturate(.45) contrast(.78) brightness(1.24);opacity:.86}.map-pin{border:2px solid #dbc89d;background:#15201e;box-shadow:0 3px 9px #0008}.scene-actor span{background:linear-gradient(110deg,#c6b081,#f0dfb3 48%,#c9b487);color:#352b20;text-shadow:none;border:1px solid #8b7249;box-shadow:2px 4px 9px #0008;clip-path:polygon(2% 0,98% 3%,100% 88%,96% 100%,2% 96%,0 13%);padding:11px 22px}.story,dialog,.comic-caption{background-color:#0b1213}.title-copy{background:linear-gradient(90deg,#080e10d9,#080e1077,transparent)}.story:before,.comic-caption:before{content:'❧';display:block;color:#937a4a;font-size:26px;line-height:1;text-align:center;margin-bottom:14px}button{background-color:#17211f}dialog{border-color:#806b43}.comic-panel:after{pointer-events:none}.memory-inset{z-index:2}@media(max-width:800px){.memory-inset figcaption{font-size:12px}.memory-inset{border-width:6px;border-bottom-width:31px}}

.board-guide{display:flex;gap:24px;flex-wrap:wrap;padding-left:24px;font-size:.9rem}.board-selection{padding:14px;border:1px solid #9b8050;background:#171f1b;margin:15px 0;min-height:50px}.clue>button{width:100%;text-align:left}.clue details{padding:10px}.secured{margin:22px 0;padding:15px;background:#19231e}.secured summary, .clue summary{cursor:pointer;color:#ddc392}.recon-step[hidden]{display:none!important}.recon-step>button{margin:18px 8px 0 0}.recon-count{color:#dabd87}.available{color:#e4bf71;font-size:.75rem}.new-evidence{outline:2px solid #dcc083;animation:evidence-glow 1.4s ease-out}.book-invitation{display:flex;gap:24px;border-top:1px solid #988050;padding-top:24px;margin-top:28px}.book-invitation>img{position:static!important;width:135px!important;height:auto!important;object-fit:contain!important;align-self:start;opacity:1!important}.book-invitation h2{font-size:1.4rem}.book-invitation p{font-size:1rem}.book-invitation a{display:inline-block;padding:12px;text-decoration:none}.cinema-text:has(.book-invitation){max-width:850px}#toast{max-width:min(620px,90vw);line-height:1.5}@keyframes evidence-glow{from{box-shadow:0 0 26px #cba969}to{box-shadow:none}}@media(max-width:600px){.book-invitation{flex-direction:column}.book-invitation>img{width:105px!important}.board-guide{display:block}.board-guide li{margin-bottom:6px}}

/* Title: one continuous artwork-to-shadow transition, no rectangular text panel. */
.title{background:#091314;padding-top:48px;padding-bottom:48px}.title-art{animation:none;object-position:35% center}.title:before{background:linear-gradient(90deg,rgba(9,19,20,0) 18%,rgba(9,19,20,.18) 36%,rgba(9,19,20,.74) 55%,rgba(9,19,20,.96) 76%,#091314 100%),linear-gradient(0deg,#091314 0%,transparent 27%)}.title-copy{background:none;width:46%;max-width:620px;padding:12px 0}.title-copy:before{content:none}.title .logo{display:block;width:min(100%,460px);height:auto;margin:16px 0 23px}.title-kicker{font-size:clamp(.62rem,.9vw,.8rem);letter-spacing:.2em}.title h1{font-size:clamp(2.8rem,4.7vw,5.1rem);line-height:1.04;margin:22px 0 18px}.title-case{letter-spacing:.04em}.title-footer{line-height:1.7;max-width:490px}.title-rights{display:block;margin-top:10px}@media(max-width:800px){.title{padding:34px 24px}.title-art{height:650px;max-height:65%;object-position:26% top}.title:before{background:linear-gradient(0deg,#091314 0%,#091314 43%,rgba(9,19,20,.88) 58%,rgba(9,19,20,.18) 83%,transparent 100%)}.title-copy{width:100%;margin-top:270px;padding:0;max-width:550px}.title .logo{width:min(100%,400px);margin-top:14px}.title h1{font-size:clamp(2.8rem,10vw,4rem)}.title-kicker{font-size:.65rem;letter-spacing:.15em}}@media(max-width:370px){.title-copy{margin-top:225px}.title{padding-inline:20px}}

.fresh-question{border:2px solid #ddbc77!important;background:#38452d!important}.location-nav{margin-bottom:22px}.location-nav button{width:100%}.clue>button.checked{background:#645432!important;border:2px solid #edce86!important;color:#fff3ce!important;box-shadow:inset 4px 0 #edce86}.secured{border:2px solid #bba366}.secured summary{font-size:1.15rem;font-weight:bold}.proof-card{padding:14px;border:1px solid #7d7258;border-radius:8px;align-items:start!important}.proof-card:has(input:checked){background:#51492e;border-color:#e8c77f}.proof-card small{display:block;line-height:1.5;margin-top:8px;color:#d3cbb8}.scene-object{position:absolute;inset:20% 8% 8%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin:0;animation:actor-in .5s ease-out}.scene-object img{height:90%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #0009)}.scene-object figcaption{background:#dcc89b;color:#30291d;padding:8px 16px;font:1rem Georgia,serif}.visual:has(.scene-object) .art-expand{display:none}.proofs{grid-template-columns:1fr!important}