.neighbours{margin-top:5px;font-size:11px;color:#f4d497}
#talk-villager{background:#665637;border-color:#f0cf86}
#town-dialogue{z-index:8;background:#10251c40;align-items:end;padding:20px 22px 24px}
.town-conversation{position:relative;width:min(1800px,100%);--portrait-size:clamp(220px,20vw,330px)}
.town-dialogue-card{position:relative;width:100%;min-height:270px;padding:28px 30px;overflow:visible;border-radius:0;box-shadow:none}
.dialogue-text{margin:0 calc(var(--portrait-size) - 8px);max-height:calc(100svh - 160px);overflow:auto}
.dialogue-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}
.town-dialogue-card h2{margin:5px 0 10px;font-size:32px}
.conversation-portraits{position:absolute;inset:auto 8px 10px;display:flex;justify-content:space-between;gap:18px;pointer-events:none}
.conversation-portrait{position:relative;width:var(--portrait-size);height:auto;aspect-ratio:1;flex:none;isolation:isolate;opacity:.78;transition:opacity .15s}
.conversation-portrait[hidden]{display:none}.conversation-portrait.speaking{opacity:1}
.portrait-opening{position:absolute;overflow:hidden;border-radius:7%;background:#322f3d;z-index:1}
.portrait-opening img{position:absolute;max-width:none;display:block}
.portrait-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:2}
.dialogue-turn{padding-top:6px;font-size:12px;color:#e2cc9d;white-space:nowrap}
.door-fade{position:absolute;inset:0;z-index:12;background:#0e1418;pointer-events:none;opacity:0}.door-fade[hidden]{display:none}
#enter-building{background:#574834;border-color:#d4b474}
#town-dialogue-copy p{margin:6px 0 16px;font-size:18px;line-height:1.65;color:#fff1d6}
.town-dialogue-card .dialogue-hint{font-size:11px;margin:13px 0 0;color:#abbda3}
@media(max-width:1000px){.town-conversation{--portrait-size:clamp(170px,23vw,230px)}.town-dialogue-card{min-height:250px;padding:24px 20px}.dialogue-text{margin:0 calc(var(--portrait-size) - 10px)}#town-dialogue-copy p{font-size:16px}.town-dialogue-card h2{font-size:27px}}
@media(max-width:720px){.hud .identity{max-width:180px}.progress{font-size:10px;line-height:1.5}.nav{gap:4px}.nav button{font-size:10px;padding:7px}#town-dialogue{padding:12px 10px 16px}.town-conversation{--portrait-size:clamp(112px,38vw,200px);padding-top:calc(var(--portrait-size) - 20px)}.conversation-portraits{bottom:auto;top:0;inset-inline:12px}.town-dialogue-card{padding:26px 22px 20px;min-height:0}.dialogue-text{margin:0;max-height:calc(100svh - var(--portrait-size) - 94px)}.town-dialogue-card h2{font-size:25px}#town-dialogue-copy p{font-size:16px}.town-dialogue-card .buttons{gap:6px}.town-dialogue-card .dialogue-hint{font-size:10px}}
@media(max-height:570px) and (min-width:721px){.town-conversation{--portrait-size:190px}.town-dialogue-card{min-height:210px;padding:22px}.dialogue-text{max-height:calc(100svh - 100px)}#town-dialogue-copy p{font-size:16px;margin:4px 0 10px}.town-dialogue-card h2{font-size:25px}}