fix(ui): wrap output at word boundaries, not mid-word

[HarryCordewener]

Output text wrapped character-by-character instead of at word boundaries, which is jarring to read for prose / role-play text.

Cause

.sc-line (the output line) used word-break: break-all, which breaks every over-long line at any character.

Fix

Replace it with overflow-wrap: break-word (keeping the existing white-space: pre-wrap):

• normal text wraps at word boundaries;
• a single token is broken only when it's too long to fit on its own line, so an over-wide line still can't overflow the output column;
• ASCII art / aligned output is unaffected — it only breaks when it genuinely overflows the width, exactly as before.

Before / after

Same RP text, same width:

break-all (before)	overflow-wrap: break-word (after)
…biting Gapspace wi nd, white hair… shattered P late below…	…biting Gapspace wind, white hair… shattered Plate below…

Verified visually against the running web client (the real .sc-line rule). One-line CSS change.

🤖 Generated with Claude Code

[Copilot]

Pull request overview

Adjusts the output line-wrapping behavior in the web UI so prose/role-play text wraps at word boundaries (improving readability) while still preventing overly-long unbroken tokens from overflowing the output column.

Changes:

• Replaced .sc-line word-break: break-all with overflow-wrap: break-word.
• Added an explanatory comment documenting the rationale and expected behavior.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.