.npc-modal{width:min(1100px,calc(100vw - 28px));max-height:96svh;padding:0;border:8px ridge #756047;background:#151d1c;color:#e6ddc9;overflow:auto;box-shadow:0 18px 90px #000c}
.npc-modal .modal-head{position:absolute;right:8px;top:8px;z-index:4;padding:0;border:0;background:none}.npc-modal .modal-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.npc-modal .close-button{background:#151d1cd9;color:#e6ddc9;border:1px solid #b78a4d;width:42px;height:42px}
.npc-modal .modal-body{padding:0}.npc-modal .modal-notice{display:none}.conversation-scene{height:clamp(235px,40svh,430px);position:relative;isolation:isolate;overflow:hidden;border-bottom:4px ridge #8d714c;background:#24322d}.conversation-backdrop{position:absolute;inset:0;background-position:center top;background-size:cover;filter:brightness(.69);transform:scale(1.06)}.conversation-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d0c66,transparent 35%,transparent 65%,#080d0c66)}
.conversation-person{height:95%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:90%;animation:approach .32s ease-out;z-index:1}.npc-portrait{display:block;height:100%;position:relative;overflow:hidden;max-width:100%;filter:drop-shadow(0 6px 10px #0008)}.npc-portrait img{position:absolute;max-width:none;object-fit:fill;pointer-events:none;user-select:none}.conversation-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;padding:7px 30px 5px;max-width:92%;text-align:center;color:#ead6aa!important;font:600 clamp(1.25rem,2vw,1.8rem) var(--heading);background:linear-gradient(#514230,#29241c);border:2px ridge #b78a4d;border-bottom:0;white-space:normal}
.conversation-sheet{padding:22px 32px 24px;background:radial-gradient(ellipse at 30% 20%,#e4d4b6,#c5b08c);color:#29231e}.npc-modal .conversation-speech{margin:0 auto 20px;max-width:75ch;min-height:3em;font:1.35rem/1.42 var(--serif);text-shadow:none}.npc-modal .topic-caption{font:600 1rem var(--sans);margin:8px 0;color:#51422f}.conversation-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.npc-modal .conversation-topic{min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:linear-gradient(#544630,#292a23);color:#eee0be;border:2px ridge #927045;font:600 1rem var(--sans);letter-spacing:.06em;padding:8px;overflow-wrap:anywhere}.npc-modal .conversation-topic small{font:400 .78rem var(--sans);letter-spacing:0;color:#60513d}.npc-modal .conversation-topic.discussed{background:#bbab8b;color:#514635;border-color:#85775d}.npc-modal .conversation-topic.current{border-color:#725022;box-shadow:inset 0 0 0 2px #e9ce8c}.npc-modal .conversation-topic:hover,.npc-modal .conversation-topic:focus-visible{outline:2px solid #75b9d4;outline-offset:2px;filter:brightness(1.12)}.conversation-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.conversation-footer button{min-height:44px;background:#292b23;color:#e6ddc9;border:2px ridge #a48452}
@keyframes approach{from{transform:translateX(-50%) scale(.87);opacity:.4}to{transform:translateX(-50%) scale(1);opacity:1}}
@media(max-width:650px){.npc-modal{width:calc(100vw - 12px);border-width:5px}.conversation-scene{height:34svh;min-height:210px}.conversation-sheet{padding:18px 15px}.conversation-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-modal .conversation-speech{font-size:1.125rem}.conversation-name{padding:6px 14px}.npc-modal .conversation-topic{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.conversation-person{animation:none}.conversation-backdrop{transform:none}}
.npc-portrait canvas{display:block;width:100%;height:100%}