/* Hide presentation only: existing HUD visibility preferences remain untouched. */
body.faunara-conversing * { visibility: hidden !important; }
body.faunara-conversing #scene,
body.faunara-conversing #faunaraConversation,
body.faunara-conversing #faunaraConversation * { visibility: visible !important; }
body.faunara-conversing #flowCanvas { visibility: hidden !important; }
#faunaraConversation { position: fixed; inset: 0; z-index: 10000; outline: 0; touch-action: manipulation; background: transparent; color: #344579; font: 700 clamp(19px, 2.6vw, 30px)/1.45 'Courier New', monospace; letter-spacing: 0; }
#faunaraConversation.hidden, #faunaraConversation [hidden] { display: none !important; }
.fa-conversation-layout { position: absolute; bottom: max(22px, env(safe-area-inset-bottom)); left: max(22px, env(safe-area-inset-left)); right: max(22px, env(safe-area-inset-right)); display: flex; flex-direction: column; align-items: flex-end; gap: 24px; }
.fa-conversation-card { box-sizing: border-box; width: 100%; background: #fafafa; border: 4px solid #56788f; padding: 13px 28px 18px; box-shadow: inset 0 0 0 5px #dceff3, 0 0 0 4px #a6d1e1; clip-path: polygon(0 16px, 8px 16px, 8px 8px, 16px 8px, 16px 0, calc(100% - 16px) 0, calc(100% - 16px) 8px, calc(100% - 8px) 8px, calc(100% - 8px) 16px, 100% 16px, 100% calc(100% - 16px), calc(100% - 8px) calc(100% - 16px), calc(100% - 8px) calc(100% - 8px), calc(100% - 16px) calc(100% - 8px), calc(100% - 16px) 100%, 16px 100%, 16px calc(100% - 8px), 8px calc(100% - 8px), 8px calc(100% - 16px), 0 calc(100% - 16px)); cursor: pointer; }
.fa-conversation-speaker { display: block; height: 1.4em; font-size: .53em; color: #586479; letter-spacing: .04em; }
.fa-conversation-text { margin: 5px 0 0; height: 4.35em; line-height: 1.45; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.fa-conversation-choices { min-width: 165px; margin-right: 24px; padding: 14px 12px; border: 5px solid #39374f; outline: 3px solid #77798a; background: #fafafa; box-shadow: inset 0 0 0 4px #c3bfcd, 4px 5px 0 #333348; }
#faunaraConversation button { display: block; position: relative; width: 100%; padding: 5px 20px 5px 36px; min-height: 44px; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: left; color: #54565b; font: inherit; cursor: pointer; outline: 0; }
#faunaraConversation button.selected::before { content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 13px solid #54565b; }
.fa-conversation-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:600px), (max-height:500px) { .fa-conversation-layout { bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; right: 12px; gap: 15px; } .fa-conversation-card { padding: 10px 16px 14px; } .fa-conversation-choices { min-width: 120px; padding: 6px; margin-right: 8px; } #faunaraConversation { font-size: 19px; } }
@media(max-height:380px) { .fa-conversation-layout { gap: 10px; } .fa-conversation-choices { display: flex; padding: 2px; } #faunaraConversation button { width: auto; } .fa-conversation-text { height: 2.9em; } }