.starsea-dialogue{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin:25px 0;align-items:start;--speaker-color:#e8c36c}
.dialogue-avatar{position:relative;display:grid;place-items:center;width:64px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#35476e,#0b1427);box-shadow:0 12px 26px #0004;font:26px var(--serif);color:var(--speaker-color)}
.dialogue-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dialogue-avatar img[hidden]{display:none}
.dialogue-bubble{position:relative;min-width:0;padding:16px 22px 20px;background:linear-gradient(110deg,#132039c7,#0c172c66 65%,#0c172c12);border:0;border-radius:3px 16px 16px 16px;transition:background .2s,transform .2s}
.dialogue-bubble:before{content:'';position:absolute;left:0;top:20px;width:2px;height:17px;background:var(--speaker-color);box-shadow:0 0 13px var(--speaker-color)}
.dialogue-bubble:hover{background-color:#23345544}.dialogue-bubble:focus-within{background-color:#23345555}
.dialogue-bubble header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.dialogue-bubble strong{color:var(--speaker-color);font:600 18px var(--serif);letter-spacing:1px}.dialogue-bubble small{font:11px var(--sans);color:var(--quiet)}
.dialogue-appearance{margin-left:auto;color:var(--muted);font-size:12px;padding:3px 7px;min-height:32px;background:none;border:0}.dialogue-appearance:hover,.dialogue-appearance:focus-visible{color:var(--gold);background:#e9c5750b}
.dialogue-text{font:var(--text-size,18px)/1.9 var(--serif);color:#e1e6f1;overflow-wrap:anywhere;white-space:normal}.is-player .dialogue-bubble{background:linear-gradient(100deg,#1430408c,#15213344 70%,transparent)}
.player-action:has(.starsea-dialogue){border:0;padding:0;background:none}.player-action .starsea-dialogue{margin:20px 0 28px}
.roll-mode-control{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.roll-mode-control select{color:var(--gold);background:#0a1324;border:0;border-bottom:1px solid #b99b5444;padding:7px 4px;font:inherit}
@media(max-width:600px){.starsea-dialogue{grid-template-columns:43px minmax(0,1fr);gap:10px;margin:22px 0}.dialogue-avatar{width:43px;border-radius:10px;font-size:21px}.dialogue-bubble{padding:12px 13px 15px}.dialogue-bubble strong{font-size:16px}.dialogue-bubble header{gap:5px;margin-bottom:8px}.dialogue-text{font-size:var(--text-size,17px)}.composer-footer .actions{flex-wrap:wrap;justify-content:flex-end}.roll-mode-control{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.dialogue-bubble{transition:none}}