/* Normal-flow manga bubble: never covers the prompt or editor. */
.clue-mascot[hidden],.clue-mascot [hidden]{display:none!important}
.clue-mascot{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:14px;margin:12px 0;min-width:0;font-family:inherit}
.clue-avatar{flex:none;width:84px;height:94px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.clue-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.clue-bubble{position:relative;min-width:0;flex:1;border:2px solid var(--border-color,#26243d);border-radius:18px;background:var(--bg-card,#fffdf5);color:var(--text-main,#26243d);padding:12px 16px;box-shadow:3px 3px 0 var(--border-color,#26243d)}
.clue-bubble:before{content:'';position:absolute;right:-9px;top:23px;width:14px;height:14px;transform:rotate(45deg);background:inherit;border-right:2px solid var(--border-color,#26243d);border-top:2px solid var(--border-color,#26243d)}
.clue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.88rem}
.clue-close{border:0!important;background:transparent!important;box-shadow:none!important;font-size:1.3rem!important;padding:0 4px!important;cursor:pointer}
.clue-content{max-height:200px;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-gutter:stable;line-height:1.75;font-size:.87rem}
.clue-content h4{font-size:.9rem;margin:10px 0 5px}.clue-content p{margin:5px 0 10px;white-space:pre-wrap}
.clue-actions{display:flex;gap:8px;flex-wrap:wrap}.clue-actions button,.clue-reopen{font:inherit;font-size:.76rem;font-weight:800;padding:8px 12px;border:2px solid var(--border-color,#26243d);border-radius:10px;background:#ffdf68;color:#26243d;cursor:pointer;box-shadow:2px 2px 0 #26243d}
.clue-intro,.clue-end{font-size:.8rem;margin:7px 0 10px}.clue-end{background:#fff1bd;color:#26243d;padding:8px 10px;border-radius:8px}.clue-reopen{align-self:center}
#ftRoom>.clue-mascot{margin:0;padding:8px 22px;background:var(--bg-card,#fffdf5);flex-shrink:0;border-top:1px solid #c8bea6;max-height:310px;overflow:auto}#ftRoom>.clue-mascot .clue-avatar{width:64px;height:72px}#ftRoom>.clue-mascot .clue-content{max-height:140px}


/* Compact invitation and bounded clues leave more room for the selected question. */
.clue-mascot{gap:10px;margin:10px 0}
.clue-avatar{width:58px;height:66px}
.clue-bubble{padding:9px 13px}
.clue-welcome .clue-bubble{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.clue-welcome .clue-head{flex:1;min-width:230px}
.clue-welcome .clue-actions{flex:none}
.clue-content{max-height:128px;line-height:1.65;font-size:.88rem}
.clue-content h4{margin:6px 0 4px}
.clue-actions button,.clue-reopen{padding:6px 10px}
.clue-end{padding:5px 8px;margin:7px 0 0}
.clue-collapsed .clue-avatar{width:42px;height:48px}
#ftRoom>.clue-mascot{padding:6px 18px;max-height:none;overflow:visible}
#ftRoom>.clue-mascot .clue-avatar{width:48px;height:56px}
#ftRoom>.clue-mascot .clue-content{max-height:105px}