.character-profile{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(0,2fr);gap:.45rem 1rem;margin:1.2rem 0}
.character-profile dt{color:#e7c382}.character-profile dd{margin:0;overflow-wrap:anywhere}
.episode-overview{padding-left:1.5rem}.episode-overview li{padding:.7rem .3rem;border-bottom:1px solid #52605c}.episode-overview p{margin:.35rem 0}.episode-overview span{color:#d7c3a1;font-size:.8rem}
.low-stimulus{display:block;padding:.6rem}.low-stimulus .cosmic{background:#182724;box-shadow:none}.low-stimulus #world{filter:saturate(.55)}
body.low-stimulus *,body.low-stimulus *::before,body.low-stimulus *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:460px){.character-profile{grid-template-columns:1fr;gap:.2rem}.character-profile dd{margin-bottom:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#story-dialog.chat-mode{width:900px;max-width:calc(100vw - 28px);height:min(880px,92dvh);max-height:92dvh;padding:0;overflow:hidden;border:1px solid #71878c;border-radius:0;box-shadow:0 20px 80px #0009;background:#101b25}
#story-dialog.chat-mode[open]{display:flex;flex-direction:column}
.chat-mode .dialog-top{flex:none;padding:12px 18px;margin:0;border-bottom:1px solid #35464e;background:#162631;gap:8px}
.chat-mode .dialog-top>span{font-size:.67rem;letter-spacing:.12em;color:#a8babe}
.chat-mode .dialog-top button{font-size:.65rem;min-height:36px;padding:8px 10px}
.chat-mode .dialog-top .close-button{font-size:1.4rem;min-width:36px}
#chat-toolbar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px 10px;flex:none}
.chat-brand{display:flex;align-items:center;gap:14px;min-width:0}.chat-brand>div{display:grid;gap:5px}.chat-brand strong{font-size:1rem;color:#eee3c9;letter-spacing:.14em}.chat-brand div>span{font-size:.6rem;letter-spacing:.06em;color:#9bb2ba}
.saturn-orbit{display:block;position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:#cfb477;box-shadow:inset -8px -4px 0 #9e8b64}
.saturn-orbit:after{content:"";position:absolute;inset:11px -9px;border:3px solid #e4cd9e;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 0 2px #101b25}
#chat-status{color:#a6c1ad;font-size:.59rem;line-height:1.6;text-align:right;letter-spacing:.08em}
#chat-status:before{content:"";display:inline-block;margin-right:6px;width:6px;height:6px;border-radius:50%;background:#a6c1ad}
.chat-mode #scene-heading{flex:none;font:600 .78rem/1.4 monospace;letter-spacing:.035em;color:#9cb0bd;margin:0;padding:0 22px 12px}
.chat-mode #scene-heading:focus-visible{outline:2px solid #e5c68e;outline-offset:-3px}
.chat-mode #story-body{flex:1 1 auto;min-height:80px;max-height:none;padding:16px 22px 22px;overscroll-behavior:contain;background:linear-gradient(180deg,#0e1922,#13222a);scrollbar-gutter:stable}
.chat-transcript{list-style:none;display:flex;flex-direction:column;gap:22px;padding:0;margin:0}
.chat-message{display:flex;align-items:flex-start;gap:10px;max-width:94%;margin:0}
.chat-avatar{width:28px;height:28px;flex:none;display:grid;place-items:center;font:700 .7rem monospace;background:#3e5065;color:#d8e6ec;border-radius:0;margin-top:3px}
.chat-bubble{min-width:0;padding:13px 16px;border:1px solid #3d5361;background:#20313e;border-radius:0;box-shadow:0 2px 0 #0002}
.chat-byline{display:flex;align-items:center;gap:9px;margin-bottom:7px;line-height:1.4}.chat-byline strong{font:700 .64rem monospace;letter-spacing:.09em;color:#cabce8}.chat-byline span{font-size:.55rem;color:#b9c8ce;letter-spacing:.07em}
.chat-bubble h3{font:600 .76rem/1.5 monospace;color:#d9c590;margin:.2rem 0 .65rem;overflow-wrap:anywhere}
.chat-mode .chat-bubble .prose,.chat-bubble>p{font:1rem/1.65 system-ui,sans-serif;letter-spacing:normal;margin:0;overflow-wrap:anywhere}.chat-mode .chat-bubble .prose p{margin:.3rem 0}.chat-mode .chat-bubble .prose strong{color:#f0dfb9}
.chat-message-laurin,.chat-message-choice{align-self:flex-end;flex-direction:row-reverse}.chat-message-laurin .chat-bubble,.chat-message-choice .chat-bubble{background:#304338;border-color:#536a50;border-radius:0}.chat-message-laurin .chat-avatar,.chat-message-choice .chat-avatar{background:#435b45;color:#e9e6c2}.chat-message-laurin .chat-byline strong,.chat-message-choice .chat-byline strong{color:#d8e1b5}
.chat-message-choice .chat-bubble>p{font-size:.8rem;letter-spacing:.015em}.chat-message-choice .chat-bubble{border-style:dashed}
.chat-message-system{align-self:stretch;max-width:100%}.chat-message-system .chat-avatar{background:#554b31;color:#ecd795}.chat-message-system .chat-bubble{flex:1;background:#252b2d;border-color:#5a5848}.chat-message-system .chat-byline strong{color:#e5c78b}
.chat-message-narrative{align-self:center;max-width:96%}.chat-message-narrative .chat-avatar{display:none}.chat-message-narrative .chat-bubble{background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 8px;color:#b7c4c7}.chat-message-narrative .chat-byline strong{color:#8da2a9}.chat-message-narrative .chat-bubble h3{color:#afbebf}
.chat-message-current .chat-bubble{outline:1px solid #e1d5ad55;outline-offset:3px}
.chat-mode #story-actions{flex:0 0 auto;min-height:58px;max-height:36dvh;overflow-y:auto;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 22px;border-top:1px solid #3b515b;background:#182b34;overscroll-behavior:contain}
.chat-mode #story-actions button{flex:1 1 calc(50% - 8px);width:auto;min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:.74rem;line-height:1.5;border-radius:0;background:#2c403c;border-color:#a8996c;color:#f1e5c2;padding:11px 13px}
.chat-mode #story-actions button:hover{background:#40574c}.chat-mode #story-actions button:focus-visible{outline:3px solid #e9ce91;outline-offset:1px}
.chat-mode #story-actions :is([data-action="explore"],[data-action="rest"],[data-action="pause-story"],[data-action="menu"]){flex:1 1 auto;background:transparent;border-color:#506069;color:#b6c7ca;font-size:.62rem}
.chat-mode #dialog-save-notice{flex:none;font: .64rem/1.5 system-ui,sans-serif;margin:0;padding:5px 22px 9px;color:#abc1be;background:#182b34}.chat-mode #dialog-save-notice:empty{display:none}.chat-mode #dialog-retry-save:not([hidden]){margin:0 22px 12px;flex:none}
.chat-older{display:block;margin:0 auto 20px;padding:10px 14px;min-height:44px;font-size:.65rem;border-radius:0;background:#23353e;border-color:#567079;color:#c3d5d8}
.chat-bubble details{margin-top:10px}.chat-bubble summary{min-height:32px;cursor:pointer;font-size:.7rem;color:#d9c590}.archived-character-profile{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(0,2fr);gap:.4rem 1rem;font-size:.85rem}.archived-character-profile dt{color:#e7c382}.archived-character-profile dd{margin:0;overflow-wrap:anywhere}
.chat-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px;border:0}
.chat-arriving .chat-message-current{animation:chat-arrive .24s ease-out}.chat-arriving #chat-status:before{animation:chat-pulse .24s ease-out}
@keyframes chat-arrive{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes chat-pulse{50%{box-shadow:0 0 0 5px #a6c1ad33}}
@media(max-width:600px){#story-dialog.chat-mode{max-width:calc(100vw - 12px);width:calc(100vw - 12px);height:94dvh;max-height:94dvh;border-radius:0}.chat-mode .dialog-top{padding:8px 10px;gap:6px}.chat-mode .dialog-top>span{font-size:.51rem}.chat-mode .dialog-top button{font-size:.52rem;padding:6px;min-height:36px}#chat-toolbar:not([hidden]){padding:12px 13px 9px;gap:9px}.saturn-orbit{width:28px;height:28px}.saturn-orbit:after{inset:8px -6px;border-width:2px}.chat-brand{gap:12px}.chat-brand strong{font-size:.8rem}.chat-brand div>span{font-size:.47rem}#chat-status{font-size:.45rem;max-width:78px}.chat-mode #scene-heading{font-size:.63rem;padding:0 13px 9px}.chat-mode #story-body{padding:12px 10px 16px}.chat-transcript{gap:16px}.chat-message{max-width:98%;gap:6px}.chat-avatar{width:22px;height:24px;font-size:.6rem}.chat-bubble{padding:10px 12px}.chat-mode .chat-bubble .prose,.chat-bubble>p{font-size:.92rem;line-height:1.6}.chat-mode #story-actions{padding:10px;gap:6px;max-height:35dvh}.chat-mode #story-actions button{font-size:.65rem;flex-basis:100%;padding:9px 11px}.chat-mode #story-actions :is([data-action="explore"],[data-action="rest"],[data-action="pause-story"],[data-action="menu"]){flex:1 1 30%;font-size:.5rem;padding:8px 5px}.chat-mode #dialog-save-notice{font-size:.59rem;padding:4px 12px 7px}.archived-character-profile{grid-template-columns:1fr}.archived-character-profile dd{margin-bottom:.4rem}}