/* ALBA-V10-POLISH-01: conversation box in the spirit of the Gen 4/5 handhelds, built on the existing #dialogue element
   and the lunar palette: framed panel, name plate on the top edge, roomier text, page counter and a short entry fade.
   Same markup, same controls (button, A key, touch), no new text. */
#dialogue{border:2px solid #9fb4d6;border-radius:14px;outline:none;padding:24px 22px 12px;
 background:linear-gradient(180deg,var(--lunar-panel,#212d4c) 0,var(--lunar-night,#151d38) 100%);
 box-shadow:0 0 0 3px #0f1730,0 0 0 5px #6f86ad,0 12px 30px #070c1c99;overflow:visible}
#dialogue #dialogueName{position:absolute;top:-15px;left:18px;display:inline-flex;align-items:center;gap:8px;
 min-height:26px;max-width:calc(100% - 36px);padding:3px 12px;border:2px solid #9fb4d6;border-radius:9px;
 background:var(--lunar-raised,#293b58);color:#f3f6ff;font:700 13px/1.2 system-ui,sans-serif;letter-spacing:.02em;
 box-shadow:0 2px 0 #0f1730;white-space:nowrap;overflow:visible}
#dialogue #dialogueName:empty{display:none}
#dialogue #dialogueName .speakerPortrait80{flex-basis:32px;width:32px;height:40px;margin:-20px -2px -4px -6px}
/* Story characters keep their gold accent on the whole frame instead of a thick left edge. */
#dialogue[data-character80]{border-left:2px solid #d9bd7f;border-color:#d9bd7f}
#dialogue[data-character80] #dialogueName{border-color:#d9bd7f}
#dialogue p{margin:6px 2px 12px;line-height:1.65;letter-spacing:.01em;color:var(--lunar-ink,#e9eef9);text-wrap:pretty}
#dialogue #dialogueNext{border-radius:9px;padding:8px 14px;font-weight:600}
#dialogue[data-v10-page]::before{content:attr(data-v10-page);position:absolute;left:22px;bottom:16px;color:var(--lunar-muted,#b8c8df);font:600 11px/1 system-ui,sans-serif;letter-spacing:.06em}
#dialogue.dialogue-v10-enter p{animation:dialogueTextV10 .18s ease-out}
@keyframes dialogueTextV10{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#dialogue.dialogue-v10-enter p{animation:none}}
@media (max-width:640px){#dialogue{padding:22px 16px 10px;border-radius:12px}#dialogue #dialogueName{left:12px;font-size:12px}#dialogue[data-v10-page]::before{left:16px;bottom:14px}}