/* Conversation avec un habitant : un cadre posé en bas de l'écran, le décor reste visible derrière ; le joueur choisit ce qu'il répond. */
.overlay.talk-overlay{align-items:flex-end;padding:0 14px 16px;background:linear-gradient(to top,#0a1410a6,#0a141000 46%);backdrop-filter:none;pointer-events:none;z-index:12}
.talk-panel{position:relative;pointer-events:auto;width:min(780px,100%);padding:18px 24px 16px;border:3px solid #7a5835;background-image:url('./assets/ui/paper-fibres.svg'),radial-gradient(circle at 19% 11%,#f4e4c2,#dac29a 69%,#baa077);background-size:180px 180px,auto;color:#3d2e21;box-shadow:inset 0 0 0 3px #f1dfb8,inset 0 0 0 5px #92714b,0 0 0 3px #17271d,0 0 0 4px #b08d5b,0 18px 50px #07120ccd;animation:talk-rise .26s cubic-bezier(.17,.78,.22,1) both}
@keyframes talk-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.talk-heading{display:flex;align-items:center;gap:14px;margin:-34px 0 6px -6px}
.talk-heading .resident-seal{width:58px;height:58px;font-size:28px;box-shadow:0 0 0 3px #b3915f66,0 6px 12px #0009,inset 0 0 14px #111c13}
.talk-heading div{display:grid;gap:1px;padding:5px 14px 6px;margin-top:22px;background:#2c3d2f;border:1px solid #b79056;box-shadow:0 4px 10px #0007}
.talk-heading strong{font:600 19px var(--material-serif,Georgia,serif);color:#fff0c6}
.talk-heading small{font:700 9px var(--material-sans,system-ui);letter-spacing:.14em;color:#d9bb79}
.talk-text{margin:8px 4px 10px;min-height:3.3em;font:500 19px/1.55 var(--material-serif,Georgia,serif);color:#3d2e21;cursor:pointer}
.talk-text.typing::after{content:'▍';margin-left:2px;opacity:.55}
.talk-card{margin:0 0 10px;padding:11px 15px 12px;border:2px solid #b79056;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(120deg,#344c39,#1d3529);background-size:144px 144px,auto;box-shadow:inset 0 0 0 3px #172c22,0 3px 0 #8f7046;color:#eadfbd}
.talk-card[hidden],.talk-note[hidden]{display:none}
.talk-card small{display:block;color:#d9bb79;font:700 10px var(--material-sans,system-ui);letter-spacing:.13em}
.talk-card strong{display:block;margin-top:3px;color:#fff0c6;font:600 19px var(--material-serif,Georgia,serif)}
.talk-card p{margin:5px 0 0;font:12px/1.5 var(--material-sans,system-ui)}
.talk-card ul{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none}
.talk-card li{padding:3px 9px;border:1px solid #b79056;background:#16271c;color:#f2d894;font:700 11px var(--material-sans,system-ui)}
.talk-note{margin:0 0 10px;padding:6px 12px;border-left:4px solid #b79056;background:#7a583522;font:600 12px/1.45 var(--material-sans,system-ui);color:#5b4125}
.talk-choices{display:grid;gap:6px;margin:0;padding:10px 0 0;list-style:none;border-top:1px solid #b2966c;transition:opacity .2s}
.talk-text.typing~.talk-choices{opacity:0;pointer-events:none}
.talk-choice{display:flex;align-items:center;gap:11px;width:100%;padding:9px 14px;border:1px solid #8e6b43;background:linear-gradient(#f5e5c0,#d8bc8b);box-shadow:inset 0 0 0 2px #e9d3a3;color:#3c2a1c;font:600 14px/1.35 var(--material-serif,Georgia,serif);text-align:left;cursor:pointer;transition:transform .15s,filter .15s}
.talk-choice:hover,.talk-choice:focus-visible{transform:translateX(4px);filter:brightness(1.07);outline:none;border-color:#4a3320}
.talk-choice:focus-visible{box-shadow:inset 0 0 0 2px #e9d3a3,0 0 0 2px #e8bf55}
.talk-choice kbd{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1px solid #7a5835;background:#4b6a4f;color:#fff0c6;font:700 11px var(--material-sans,system-ui);border-radius:50%}
.talk-choice .talk-badge{flex:none;min-width:18px;text-align:center;color:#a9741f;font:700 15px Georgia,serif}
.talk-choice.k-quest{background:linear-gradient(#fbe9b8,#e3c47d)}
.talk-choice.k-leave,.talk-choice.k-back{background:linear-gradient(#e8dbbd,#c9b189);font-weight:500}
.talk-choice small{margin-left:auto;color:#735838;font:500 11px var(--material-sans,system-ui)}
.talk-close{position:absolute;right:10px;top:8px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #9d7747;background:#e6d3af;color:#533e27;font:24px/1 Georgia,serif;cursor:pointer}
.talk-close:hover{background:#f7e6c5}
@media(max-width:560px){.talk-panel{padding:16px 14px 12px}.talk-text{font-size:16px}.talk-choice{font-size:13px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.talk-panel{animation:none}.talk-choice{transition:none}}
body:has(#talk:not(.hidden)) .toast{bottom:auto;top:96px}
body:has(#talk:not(.hidden)) #interaction{display:none}
@media(max-height:760px){.talk-panel{max-height:calc(100dvh - 30px);overflow-y:auto}.talk-heading{margin-top:0}.talk-heading div{margin-top:0}}