header nav{gap:11px}#npc-layer{position:fixed;inset:0;z-index:2;pointer-events:none}.npc-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#fdf7e7f2;border:1px solid #b8a77d;border-radius:15px;padding:5px 10px;font-size:11px;box-shadow:0 3px 8px #30472c22;color:#7c6241;white-space:nowrap}.npc-pin:after{content:'';position:absolute;width:1px;height:8px;left:50%;top:100%;background:#a7926d}.npc-pin:hover{background:#fff9d9;transform:translate(-50%,-100%) scale(1.05)}.npc-pin.npc-met{border-color:#719078;color:#537663}.resident-roster{margin:20px 0;border-top:1px solid #d2d8c1;padding-top:12px}.resident-roster h3{font-size:12px;font-weight:500;letter-spacing:2px;color:#81916d}.resident-roster>button{width:100%;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;text-align:left;border:1px solid #c3ccb3;background:#f0f2e4;padding:10px;margin:7px 0}.resident-roster>button span{font-size:13px}.resident-roster small{font-size:10px;color:#8c9275}.resident-roster b{font-size:10px;font-weight:500;color:#a0744a}.building-note{font-size:11px;margin-top:12px;line-height:1.8;color:#879072}.building-note summary{cursor:pointer}.building-note p{font-size:11px!important}.comic-sheet{position:relative;padding:0!important;width:min(1040px,96vw)!important;max-height:94dvh;overflow:auto;background:#faf5e5!important;border:1px solid #b7a07c}.comic-sheet>.close{position:absolute!important;top:13px!important;right:14px!important;background:#f9f2dce8!important;box-shadow:0 2px 8px #332b2722;width:34px;height:34px;z-index:6;color:#69533c}.comic-stage{position:relative;height:min(57vh,470px);min-height:300px;isolation:isolate;overflow:hidden;background:#c0c9a8;border-bottom:4px solid #7d694c}.comic-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.comic-depth{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f9efd32b,transparent 65%),linear-gradient(0deg,#423a3044,transparent 40%)}.night .comic-background{filter:brightness(.72) saturate(.85)}.scene-locator{position:absolute;left:22px;top:18px;background:#f6efdbed;border:1px solid #b8a685;writing-mode:vertical-rl;letter-spacing:4px;padding:12px 9px;font-size:16px;color:#6d573c;box-shadow:0 2px 8px #30352c18}.scene-locator small{display:block;font-size:9px;letter-spacing:2px;margin-right:8px;color:#998361}.stage-person{position:absolute;left:25%;bottom:-3%;height:103%;width:52%;display:flex;justify-content:center;align-items:flex-end;filter:drop-shadow(5px 10px 8px #32291f44)}.character-sprite{display:block;aspect-ratio:1/2;height:100%;width:auto;background-image:var(--sheet);background-repeat:no-repeat;background-size:300% 100%;background-position:0 50%;filter:none;flex:none}.pose-caption{position:absolute;left:22px;bottom:17px;background:#f8f1dfdf;color:#7a6243;border-left:2px solid #a37b4f;padding:8px 12px;font-size:11px;letter-spacing:2px}.pose-controls{position:absolute;right:18px;bottom:17px;display:flex;gap:4px;padding:4px;background:#f8f1e1df;border:1px solid #b8a987;border-radius:4px;color:#796445}.pose-controls button{font-size:10px;padding:6px 10px}.pose-controls [aria-pressed=true]{background:#7a8b65;color:#fff;border-radius:2px}.comic-dialogue{display:block!important;padding:22px 32px 26px!important;position:relative;background:linear-gradient(100deg,#faf6e9,#eee9d5);color:#514a39}.comic-dialogue h2{font-size:26px;letter-spacing:4px;margin:7px 0 4px}.comic-dialogue .tag{font-size:10px;letter-spacing:2px;color:#9b7953}.comic-dialogue .speaker-role{font-size:10px;letter-spacing:2px;color:#8b8d6d;margin-bottom:13px}.comic-dialogue p,.comic-dialogue .dialogue-line{font-size:14px;line-height:1.9;min-height:0;margin:10px 0 15px}.comic-dialogue .dialogue-count{font-size:10px}.comic-dialogue .primary{margin-top:6px}.npc-speech{min-height:50px!important}.conversation-topics{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.conversation-topics button{font-size:11px;border:1px solid #b7c2a3;padding:10px 14px;background:#eef0e0;border-radius:3px;color:#6d7b58}.conversation-topics .topic-selected{background:#778b62;color:#fff}.npc-story-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.npc-story-actions .story-option{width:auto;margin:7px 0;font-size:11px;padding:10px}.character-bio{font-size:10px!important;color:#8d8f71;margin-top:15px}.character-bio p{font-size:11px!important}.auto-poses{animation:comic-three-poses 4.2s step-end infinite}@keyframes comic-three-poses{0%,100%{background-position:0 50%}33.333%{background-position:50% 50%}66.666%{background-position:100% 50%}}.people-search-label{display:flex;align-items:center;gap:15px;font-size:11px;color:#7b8b6a}.people-search-label input{flex:1;min-width:0;font:inherit;padding:10px;border:1px solid #bfc8ac;background:#f8f8eb;color:#51684a}.people-categories{display:flex;gap:8px;margin:15px 0}.people-categories button{font-size:11px;border:1px solid #bdc6a7;padding:8px 11px}.people-categories [aria-pressed=true]{background:#778c62;color:#fff}#people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.person-card{padding:0;text-align:left;border:1px solid #c6c8aa;background:#eeefdc;border-radius:3px;position:relative;overflow:hidden}.person-card:hover{border-color:#8a9b70;background:#e3e8cf}.person-card-image{height:145px;position:relative;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#e5dac2,#c7cdb2)}.person-card-image img{position:absolute;top:0;left:0;width:300%;max-width:none;height:auto}.person-card-copy{display:block;padding:11px}.person-card-copy b{font-size:14px;font-weight:500;letter-spacing:2px}.person-card-copy small{display:block;font-size:9px;color:#879273;margin:7px 0}.person-card-copy em{font-size:9px;line-height:1.7;font-style:normal;color:#9b815c}.met-mark{position:absolute;right:6px;top:6px;font-size:8px;padding:3px 5px;border:1px solid #b2b991;background:#f6f2dfdf;color:#89946c}@media(max-width:800px){.comic-stage{height:44vh;min-height:280px}.comic-dialogue{padding:18px 24px 22px!important}.comic-dialogue .tag{font-size:9px}.stage-person{left:23%;width:54%;height:100%}.pose-controls{right:10px;bottom:10px}.pose-controls button{padding:5px 7px;font-size:9px}.pose-caption{left:12px;bottom:12px;font-size:9px;padding:6px 8px;letter-spacing:1px}.scene-locator{left:14px;top:14px;font-size:14px}.comic-sheet .character-sprite{height:100%;width:auto;margin:0}.comic-dialogue .dialogue-line{font-size:13px}.comic-dialogue h2{font-size:24px}.npc-pin{font-size:10px;padding:5px 8px}.people-categories{gap:5px}.people-categories button{font-size:10px;padding:7px 9px}}
@media(max-width:650px){#guide{display:none}header nav{gap:0}#people-open{font-size:10px;padding:7px 4px}.comic-sheet{max-height:95dvh}.comic-stage{height:40vh;min-height:255px}.stage-person{height:104%;width:70%;left:13%}.comic-dialogue{padding:16px 20px 20px!important}.comic-dialogue p{font-size:12px;line-height:1.85}.comic-dialogue .tag{font-size:8px;letter-spacing:1px}.comic-dialogue h2{font-size:22px}.conversation-topics{gap:5px;margin:12px 0}.conversation-topics button{font-size:10px;padding:9px 8px}.npc-story-actions .primary,.npc-story-actions .story-option{font-size:10px;letter-spacing:0}.pose-caption{bottom:39px;font-size:8px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pose-controls{left:12px;right:auto;bottom:8px}.scene-locator{font-size:12px;padding:8px 6px;letter-spacing:3px}.scene-locator small{font-size:8px}#people-grid{grid-template-columns:repeat(2,1fr);gap:8px}.person-card-image{height:128px}.person-card-copy{padding:9px}.person-card-copy small{font-size:8px}.person-card-copy em{font-size:8px}.people-search-label input{padding:9px;font-size:12px}.comic-sheet>.close{top:9px!important;right:9px!important}}
@media(prefers-reduced-motion:reduce){.auto-poses{animation:none}}
.comic-stage{height:min(50vh,430px);min-height:270px}.comic-background{object-position:center 35%}.stage-person.bust-view{height:165%;bottom:-65%}.stage-person{transition:height .25s,bottom .25s}@media(max-width:650px){.comic-stage{height:36vh;min-height:250px}}
.character-sprite{aspect-ratio:var(--aspect,1/2)}
.comic-loading{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#e4e5d2ec;color:#8b795a;font-size:14px;letter-spacing:4px;pointer-events:none}