#storyDialog{width:min(1120px,94vw);max-width:1120px;max-height:90vh;border-radius:24px}
#storyDialog[open]:has(.reader-controls){display:flex;flex-direction:column;height:min(820px,90vh)}
#storyDialog:has(.reader-controls) .story-header{flex-shrink:0}
#storyDialog:has(.reader-controls) #storyText{flex:1;min-height:0;max-height:none;overflow:hidden}
#storyDialog:has(.reader-controls) .quest-conversation{height:100%;align-items:stretch}
#readerTranscript{overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}
#readerFacts{position:static;overflow:auto;overscroll-behavior:contain}
.reader-controls{display:flex;align-items:center;gap:12px;padding:10px 22px;border-top:1px solid #ffffffc9;background:#ffffff50;flex-shrink:0}.reader-controls .reader-composer{flex:1}
.reader-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;background:#ffffff70;border:1px solid #fff;border-radius:17px;padding:6px 7px 6px 16px;box-shadow:inset 0 1px 2px #71849712}
#readerPrompt{color:#657f90;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#readerNext{width:38px;height:38px;border-radius:12px;padding:0;color:#fff;background:#3389a2;border-color:#74b6c8;font-size:20px;flex-shrink:0}
#readerPrevious{width:38px;height:38px;border-radius:12px;padding:0;color:#337d93;font-size:18px;flex-shrink:0}#readerPrevious:disabled{opacity:.3}
#readerPrompt{flex:1}#readerVoice{width:36px;height:36px;flex-shrink:0;border-radius:12px;padding:0;font-size:20px;color:#337a91}#readerVoice.is-playing{background:#bae1dd}#readerVoice:disabled{opacity:.3}
.quest-fact-meta .quest-origin{color:#27778b;font-weight:600}.quest-fact-meta .is-forever{color:#8b643b}.quest-fact-meta .voice-missing{color:#8b7b6b}
#readerHeaderTools{display:flex;align-items:center;gap:14px;margin-left:auto}.story-header h2{flex:1}
.reader-segment{display:flex;align-items:center;gap:2px;border:1px solid #ffffffc9;border-radius:12px;padding:3px;background:#ffffff40;white-space:nowrap}.reader-segment>span{font-size:11px;padding:0 6px;color:#6b8192}.reader-segment button{font-size:12px;padding:4px 8px;border:0;box-shadow:none;border-radius:8px;background:transparent}.reader-segment button[aria-pressed="true"]{background:#fff;color:#257b90;box-shadow:0 2px 5px #34495e18}
#readerNavigation{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex-shrink:0;padding:8px 20px;border-top:1px solid #ffffffaf;background:#ffffff40}#readerNavigation button{font-size:12px;padding:4px 9px;border-radius:9px}#readerNotice{font-size:11px;color:#637f90}#readerNavigation #readerStop{margin-left:auto;background:#b83d43;color:white;border-color:#ce6870;box-shadow:none}
.reader-line{display:flex;align-items:center;gap:6px;margin:0 0 12px 42px;outline:none}.reader-line .npc-bubble{margin:0;min-width:0;max-width:calc(100% - 38px)}.reader-line .line-speak{visibility:hidden;flex-shrink:0;padding:4px 6px;font-size:13px;border-radius:9px}.reader-line.is-selected .line-speak,.reader-line:focus-within .line-speak{visibility:visible}.reader-line.is-selected .npc-bubble{border-color:#73b6c8;box-shadow:0 0 0 2px #3199b019}.reader-line .line-zh,.reader-line .line-en{display:block}.reader-line .line-en{font-size:13px;color:#6c8294;line-height:1.7;margin-top:7px}.reader-line .line-zh{font-size:15px}
[data-text-language="zh"] .line-en,[data-text-language="en"] .line-zh{display:none}.line-speak:disabled{cursor:not-allowed}
[data-text-language="zh"] .reader-line:not(.has-zh),[data-text-language="en"] .reader-line:not(.has-en){display:none}.line-zh:empty,.line-en:empty{display:none}.line-en>small{display:block;font-size:11px;color:#8595a3;margin-bottom:5px}
@media(max-width:850px){#storyDialog .story-header{gap:8px;flex-wrap:wrap}#readerHeaderTools{gap:7px}.reader-segment>span{display:none}.reader-segment button{padding:3px 6px}}
@media(max-width:540px){.reader-line{margin-left:10px}.reader-line .line-zh{font-size:14px}.reader-line .line-en{font-size:12px}#readerHeaderTools{order:3;flex-basis:100%;justify-content:flex-end}#readerNavigation{padding:7px 10px}.reader-segment>span{display:inline}}
#readerNext:disabled{opacity:.3}#readerRestart{padding:0;width:34px;height:34px;border-radius:12px;font-size:20px}#readerCount{font-size:12px;color:#6c8391;min-width:40px;text-align:right}
.reader-source{display:block;margin:5px 0 10px 42px;font-size:11px;color:#7d8e9d}.reader-phase+.reader-phase{margin-top:26px}.reader-quest-name{font-size:15px;margin:0 0 18px;color:#34566e}
.story-region{margin-top:18px;border-top:1px solid #ffffffa1;padding-top:16px}.story-region>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:6px 0;color:#34566e}.story-region>summary:before{content:'▸';font-size:12px}.story-region[open]>summary:before{content:'▾'}.story-region>summary strong{flex:1;font-size:16px}.story-region>summary span{font-size:12px;color:#688292}
.story-chain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#controller .layout-preview{margin-top:18px}#controller .wow-pad{padding:24px 18px;background:#1b2225;border:1px solid #566064;border-radius:20px;overflow:visible}
#generateLayout{align-self:end;justify-self:start;width:auto;min-height:42px;white-space:nowrap}
#keyboardBarsControl[hidden],#keyboardArrangementNote[hidden],#keyboardOverflow[hidden]{display:none}#keyboardArrangementNote,#keyboardOverflow{font-size:12px;margin:12px 0;color:#5c7d8e}
#keyboardArrangementNote:not([hidden]),#keyboardOverflow:not([hidden]){display:block}
.skillbook-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.skillbook-tabs button{font-size:13px;padding:7px 12px}.skillbook-tabs button[aria-selected="true"]{background:#3389a2;color:white}.skillbook-body>label[hidden]{display:none}#skillBookConfirm{position:sticky;bottom:0;padding:12px;background:#edf5fa;border:1px solid #91b8c9;border-radius:12px;margin-top:12px}#skillBookConfirm p{margin-bottom:10px}#skillBookConfirm button+button{margin-left:8px}
#controller .layout-preview>.layout-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}#controller .layout-preview>.layout-controls>label{flex:0 1 280px;min-width:180px}#controller .layout-preview>.layout-controls>button{flex:0 0 auto}
#editLayout{align-self:end;justify-self:start;min-height:42px;white-space:nowrap}#skillBook{width:min(760px,94vw);max-height:85vh;border:1px solid #ffffffb0;border-radius:22px;background:#e4edf4;color:#2a465b;padding:0;box-shadow:0 20px 80px #10253055}#skillBook::backdrop{background:#132b3c60;backdrop-filter:blur(5px)}#skillBook>header{padding:16px 22px;border-bottom:1px solid #fff;position:sticky;top:0;background:#edf3f8;z-index:2}#skillBook h2{font-size:19px}.skillbook-body{padding:20px}.skillbook-body>label{display:flex;align-items:center;gap:12px}.skillbook-body>input{margin:14px 0;width:100%}#skillBookList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.skillbook-entry>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:68px;padding:10px}.skillbook-entry img,.skillbook-collection{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}.skillbook-entry strong,.skillbook-entry small{display:block}.skillbook-entry strong{font-size:14px}.skillbook-entry small{font-size:11px;opacity:.65}.skillbook-collection{display:grid;place-items:center;background:#537b8d;color:white;font-size:25px}.skillbook-entry details{font-size:12px;padding:6px}.skillbook-members{display:flex;flex-direction:column;gap:8px;padding:8px}.skillbook-members span{display:flex;align-items:center;gap:8px}.skillbook-members img{width:24px;height:24px}#padGrid [data-edit-slot]{cursor:pointer}@media(max-width:540px){#skillBookList{grid-template-columns:1fr}.skillbook-body{padding:14px}}
.native-pad-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;align-items:center;gap:0;max-width:760px;margin:auto;padding:4px 0}.native-pad-group{min-width:0;display:flex;align-items:center;flex-direction:column;gap:6px;justify-self:center}.pad-BASE{grid-area:1/2}.pad-LT_RT{grid-area:3/2}.pad-LT{grid-area:2/1}.pad-RT{grid-area:2/3}.native-pad-label{font-size:12px;color:#c2cdd0;letter-spacing:1px}
.native-pad-cluster{--pad-size:46px;display:grid;grid-template-columns:repeat(3,var(--pad-size)) 14px repeat(3,var(--pad-size));grid-template-rows:repeat(3,var(--pad-size));gap:4px;align-items:stretch}.native-pad-cluster>[data-button=UP]{grid-area:1/2}.native-pad-cluster>[data-button=LEFT]{grid-area:2/1}.native-pad-cluster>[data-button=DOWN]{grid-area:3/2}.native-pad-cluster>[data-button=RIGHT]{grid-area:2/3}.native-pad-cluster>[data-button=Y]{grid-area:1/6}.native-pad-cluster>[data-button=X]{grid-area:2/5}.native-pad-cluster>[data-button=A]{grid-area:3/6}.native-pad-cluster>[data-button=B]{grid-area:2/7}
.native-pad-cluster .wow-action,.native-pad-empty{width:var(--pad-size);height:var(--pad-size);aspect-ratio:1;border:1px solid #8b9699;border-radius:6px;background:#303b40;box-shadow:inset 0 1px 2px #ffffff30,0 3px 5px #0007;position:relative}.native-pad-empty{display:grid;place-items:center;color:#8e9a9e;font-size:14px}.native-pad-cluster>[data-button=Y],.native-pad-cluster>[data-button=X],.native-pad-cluster>[data-button=A],.native-pad-cluster>[data-button=B]{border-radius:50%;overflow:visible}.native-pad-cluster .wow-action img{border-radius:inherit}.native-pad-cluster .wow-key{font-size:9px;text-shadow:0 1px 2px #000}.native-pad-cluster .wow-empty{font-size:14px}.native-pad-cluster .wow-tooltip{z-index:10;min-width:150px}.native-pad-cluster .empty{opacity:.6}
.pad-BASE .native-pad-cluster,.pad-LT_RT .native-pad-cluster{--pad-size:40px}
.native-pad-empty.is-locked{cursor:not-allowed;color:#a6afb2;border-color:#687276;background:#30383b}.native-pad-empty.is-locked:after{content:'';position:absolute;width:65%;height:1px;left:17.5%;top:50%;background:#a8b4b85c;transform:rotate(-45deg);pointer-events:none}.native-pad-empty.is-locked>span{opacity:.65}
@media(max-width:1000px){.native-pad-cluster{--pad-size:36px;column-gap:3px}.pad-BASE .native-pad-cluster,.pad-LT_RT .native-pad-cluster{--pad-size:32px}.native-pad-stage{max-width:620px}}
@media(max-width:660px){.native-pad-stage{gap:9px 2px;padding:4px 0}.pad-BASE{grid-area:1/1/2/4}.pad-LT_RT{grid-area:3/1/4/4}.pad-LT{grid-area:2/1/3/3;justify-self:start}.pad-RT{grid-area:2/2/3/4;justify-self:end}.native-pad-cluster{--pad-size:24px;grid-template-columns:repeat(3,var(--pad-size)) 6px repeat(3,var(--pad-size));gap:2px}.pad-BASE .native-pad-cluster,.pad-LT_RT .native-pad-cluster{--pad-size:21px}.native-pad-label{font-size:11px}#controller .wow-pad{padding:16px 5px}.native-pad-empty{font-size:11px}}
@media(max-width:400px){.native-pad-cluster{--pad-size:18px}.pad-BASE .native-pad-cluster,.pad-LT_RT .native-pad-cluster{--pad-size:16px}}

.reader-line.is-speaking .npc-bubble{border-color:#4694a9;box-shadow:0 0 0 1px #4694a940;background:#eefaffc9}.reader-line.is-speaking .line-zh{color:#204e65}html:not([data-appearance="glass"]) .reader-line.is-speaking .npc-bubble{background:#20484d;border-color:#62d3c3}html:not([data-appearance="glass"]) .reader-line.is-speaking .line-zh{color:#eaf3ee}#readerNavigation #readerCurrent{color:#26768c;font-weight:600}
.quest-prerequisites{font-size:12px;margin-top:9px;color:#617c8e;line-height:1.7}.quest-prerequisites p{margin:4px 0}.prerequisite-task{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:4px 0}.prerequisite-task button{font-size:12px;padding:2px 7px;white-space:normal;text-align:left}.prerequisite-task>span{font-size:11px}
#auditList .prerequisite-task button,#readerFacts .prerequisite-task button{width:auto;flex:0 1 auto;min-width:0}#auditList .prerequisite-task>span{width:auto;flex:0 0 auto}
.story-chain-card{position:relative}.story-chain-card>strong{padding-right:68px}.story-state{position:absolute;right:14px;top:14px;font-size:11px;font-style:normal;padding:3px 8px;border-radius:8px;background:#73839218;color:#61798a}.story-state.is-done{background:#3a9d7c20;color:#28785e}.story-state.is-active{background:#368ba820;color:#296f89}
#journalList .story-chain-card{display:flex;flex-direction:column;gap:7px;align-items:stretch;padding:16px 18px;text-align:left;min-width:0;border-radius:17px}
.story-chain-card strong{font-size:14px;font-weight:550;overflow-wrap:anywhere}.story-chain-card small{font-size:12px}.story-chain-card>span{font-size:12px;display:flex;justify-content:space-between;color:#6d8392}.story-chain-card b{color:#267e94;font-weight:500}
@media(max-width:760px){.story-chain-grid{grid-template-columns:1fr}#storyDialog:has(.reader-controls) .quest-conversation{grid-template-columns:minmax(0,1fr) 220px}.reader-controls{padding:10px;gap:7px}.reader-source{margin-left:25px}}
@media(max-width:540px){#storyDialog:has(.reader-controls) .quest-conversation{display:flex;flex-direction:column}#readerFacts{max-height:30%;flex-shrink:0;padding:10px 18px;border-left:0;border-bottom:1px solid #ffffffa1;order:-1}#readerTranscript{flex:1;min-height:0}.reader-controls{grid-template-columns:30px minmax(0,1fr) 36px}}
#storyDialog .story-header{padding:18px 26px;background:#ffffff70;backdrop-filter:blur(22px)}
#storyDialog .story-header h2{font-size:21px}
#storyText{padding:0;max-height:calc(90vh - 88px);overflow-y:auto}
.quest-conversation{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start}
.npc-conversation{min-width:0;padding:12px 32px 32px;background:#ffffff20}
.quest-sidebar{min-width:0;position:sticky;top:0;padding:24px 22px;border-left:1px solid #ffffffaa;background:#e7eff7;font-size:13px}
.dialogue-stage{margin:0 0 25px}.dialogue-divider{display:flex;align-items:center;gap:12px;margin:20px 0 18px;color:#687f91;font-size:12px}.dialogue-divider:after{content:'';height:1px;flex:1;background:#8ba6b330}.dialogue-divider small{font-size:11px;color:#7d8e9d}
.npc-speaker{display:flex;align-items:center;gap:10px;font-size:13px;color:#3b5d72;margin:0 0 12px}
.npc-avatar{width:32px;height:32px;display:grid;place-items:center;background:#ffffff85;border:1px solid #fff;border-radius:11px;box-shadow:0 3px 8px #26384813;font-size:15px}
.npc-bubble{position:relative;width:fit-content;max-width:92%;margin:0 0 12px 42px;padding:12px 17px;border-radius:4px 18px 18px 18px;border:1px solid #ffffffc7;background:#ffffff8c;color:#28445a;box-shadow:0 4px 10px #2638480d,inset 0 1px #fff;font-size:15px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.dialogue-original{margin:12px 0 0 42px;color:#657d91;font-size:12px}.dialogue-original summary,.quest-reference summary{cursor:pointer}.dialogue-original p{font-size:13px}
.quest-fact-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#537184;margin-bottom:20px}.quest-fact-meta span{padding:3px 8px;border:1px solid #ffffffc4;border-radius:8px;background:#ffffff49}
.quest-fact{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #8ba6b32a}.quest-fact h3{font-size:13px;color:#34566e;margin:0 0 10px}.quest-fact p{margin:6px 0;line-height:1.8;font-size:13px;color:#587082;overflow-wrap:anywhere}.quest-fact p>span{display:block;font-size:12px}.quest-fact strong{font-weight:550}.quest-fact b{font-weight:550;color:#375a6d}.quest-fact .quest-objective{color:#2d526a;white-space:pre-wrap}
.quest-reference{font-size:12px;color:#667e8d;margin-top:15px}.quest-reference p{font-size:12px;margin-top:10px}.quest-reference a{color:#267b91}
.story-series-link{width:100%;font-size:13px;margin-top:16px}.series-jump{display:block;width:100%;text-align:left;font-size:12px;margin-top:8px}
.conversation-chapter{scroll-margin-top:12px}.conversation-chapter+.conversation-chapter{border-top:1px solid #8ba6b344;margin-top:32px;padding-top:24px}.conversation-chapter>header{display:flex;justify-content:flex-start;gap:12px;align-items:center}.conversation-chapter>header>span{width:29px;height:29px;border:1px solid #ffffffc4;border-radius:50%;display:grid;place-items:center;color:#47788c}.conversation-chapter h2{font-size:17px}.quest-facts-link{margin-left:42px;font-size:12px}
html:not([data-appearance="glass"]) .npc-bubble{background:#17353a;color:#eaf3ee;border-color:#3a6067}html:not([data-appearance="glass"]) #storyDialog .story-header,html:not([data-appearance="glass"]) .quest-sidebar{background:#102226}
@media(max-width:760px){#storyDialog{width:96vw;border-radius:18px}.quest-conversation{grid-template-columns:1fr}.npc-conversation{padding:8px 18px 24px}.quest-sidebar{position:static;max-height:none;overflow:visible;border-left:0;border-top:1px solid #ffffffaa;padding:20px}.npc-bubble{margin-left:25px;max-width:calc(100% - 25px);font-size:14px}.npc-speaker{gap:8px}.npc-avatar{width:26px;height:26px}#storyDialog .story-header{padding:14px 18px}.dialogue-original{margin-left:25px}}
.special-bar-readback{padding:12px;color:#c1cacc;font-size:12px;line-height:1.6;border-top:1px solid #ffffff24;overflow-wrap:anywhere}.special-bar-readback p{margin:6px 0}.wow-bars .wow-empty{font-size:clamp(8px,1vw,12px);padding:3px;text-align:center;overflow:hidden;overflow-wrap:anywhere}
.game-layout-preview{padding:16px;background:#151b1e;border:1px solid #839096;border-radius:12px;min-width:0}.game-layout-stage{width:100%;position:relative;isolation:isolate}.game-layout-stage .game-layout-action{position:absolute;box-sizing:border-box;aspect-ratio:auto;border-width:1px;box-shadow:none}.game-layout-stage .wow-key{font-size:clamp(8px,1vw,12px)}.game-layout-stage .wow-empty{font-size:clamp(7px,.8vw,11px);padding:1px;text-align:center;overflow:hidden}.game-layout-pending{margin:16px;color:#bcc9ce;font-size:13px}
.lore-link{display:inline;padding:0 1px;border:0;border-bottom:1px dotted currentColor;border-radius:0;background:none;box-shadow:none;color:#187a91;font:inherit;cursor:pointer;text-align:left}.lore-link:hover{color:#065568;background:#42a4b91a}.region-lore{padding:12px 16px}.region-lore h4{font-size:13px;margin:0 0 8px}.region-lore .lore-link{margin:0 14px 8px 0}#loreDialog{width:min(620px,calc(100vw - 28px));max-height:85dvh;box-sizing:border-box;border:1px solid #fff;border-radius:20px;padding:0;background:#edf4f8;color:#28445a;box-shadow:0 16px 60px #12263a55}#loreDialog::backdrop{background:#142b424d;backdrop-filter:blur(6px)}#loreDialog>header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #fff}#loreDialog h3{margin:0;font-size:18px}.lore-body{padding:18px 22px;max-height:65dvh;overflow:auto}.lore-body p{white-space:pre-wrap;line-height:1.9;font-size:15px}.lore-body small{font-size:12px;color:#637d8e}.lore-body article+article{border-top:1px solid #a2b6bf66;margin-top:20px;padding-top:16px}
.lore-body p,.lore-body h4{color:#28445a}
.lore-catalog-row{margin:9px 0}.lore-catalog-row>small{display:block;margin-top:3px;color:#657f8e;font-size:11px}.lore-catalog-meta{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #a1b6c344}.lore-catalog-meta p{font-size:12px;line-height:1.6;margin:5px 0}.lore-catalog-meta small{display:block;margin-top:9px}

/* Ordered story navigation stays separate from task facts. */
#storyDialog:has(.reader-controls) .quest-conversation{display:grid;grid-template-columns:245px minmax(0,1fr) 245px;grid-template-areas: 'facts transcript steps';min-height:0}
#readerSteps{grid-area:steps;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 10px;border-right:1px solid #ffffffaa;display:flex;flex-direction:column;gap:7px;background:#ffffff20}
#readerSteps button{flex-shrink:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:3px 6px;text-align:left;padding:10px 8px;border-radius:11px;background:transparent;box-shadow:none;border:1px solid transparent;color:#587184}
#readerSteps button>span{grid-row:1/3;font-size:11px;padding-top:2px;opacity:.65}
#readerSteps strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}#readerSteps small{font-size:11px;opacity:.7}
#readerSteps button[aria-current=true]{background:#ffffffb0;border-color:#75aebc80;color:#236b80;box-shadow:0 2px 6px #28455a12}
@media(max-width:800px){#storyDialog:has(.reader-controls) .quest-conversation{grid-template-columns:190px minmax(0,1fr) 190px}#readerFacts{padding:15px 12px}#readerSteps{padding:12px 6px}}
@media(max-width:600px){#storyDialog:has(.reader-controls) .quest-conversation{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas: 'steps facts' 'steps transcript'}#readerFacts{grid-column:2;grid-row:1;max-height:110px;border-bottom:1px solid #fff}#readerTranscript{grid-column:2;grid-row:2}#readerSteps{grid-column:1;grid-row:1/3}#readerSteps strong{font-size:12px}#readerSteps button{padding:9px 5px;grid-template-columns:14px minmax(0,1fr);gap:3px}.reader-controls{padding:8px 12px}}

@media(max-width:600px){#readerTranscript{padding:10px 10px 20px}#readerTranscript .reader-line{margin-left:0;max-width:100%}#readerTranscript .npc-bubble{margin-left:0;max-width:100%}}

#readerTranscript{grid-area:transcript}#readerFacts{grid-area:facts}

/* Facts on the left, directory on the right; reading actions align right. */
.quest-recovery{background:#fff8ed80;border:1px solid #cdb58a66;border-radius:14px;padding:13px!important;margin:12px 0}.quest-recovery h3{margin:0 0 10px}.quest-recovery small{display:block;line-height:1.6;color:#687f92;margin-top:6px}.recovery-state{display:inline-block;padding:4px 8px;background:#b5833520;color:#88652c;border-radius:7px;font-size:12px}.recovery-giver strong,.recovery-giver span,.recovery-giver b{display:block;margin:5px 0}.recovery-giver b{font-size:17px;font-weight:600;color:#36788b}.recovery-location summary,.recovery-report summary{cursor:pointer;color:#377d91;font-size:12px;padding:7px 0}.recovery-rule{font-size:12px;line-height:1.7}.recovery-timer{border-top:1px solid #b5c4cb60;margin-top:12px;padding-top:10px}.recovery-timer strong{font-size:13px;color:#996b32}.recovery-timer p{font-size:12px;line-height:1.7}.recovery-report{border-top:1px solid #b5c4cb60;margin-top:10px}.recovery-report p{font-size:12px}.recovery-report button{font-size:11px;padding:5px 7px;margin:3px 0}.recovery-coordinate-map{position:relative;height:140px;margin:8px 0 5px;border:1px solid #b8cbd5;border-radius:9px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(20% - 1px),#b8cbd540 20%),repeating-linear-gradient(90deg,#edf4f7 0,#edf4f7 calc(20% - 1px),#b8cbd540 20%)}.recovery-coordinate-map i{position:absolute;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#bd7953;border:2px solid #fff;box-shadow:0 0 0 3px #bd79532b}.recovery-map-north{position:absolute;top:4px;left:7px;font-size:11px;color:#687f92}.recovery-coordinate-map small{position:absolute;bottom:3px;right:6px;font-size:10px;margin:0;background:#edf4f7dc}
#readerSteps{border-right:0;border-left:1px solid #ffffffaa}
#readerFacts{border-left:0;border-right:1px solid #ffffffaa}
#readerNavigation{justify-content:flex-end}
.task-recovery-list{margin-top:22px;padding-top:18px;border-top:1px solid #fff}.task-recovery-list>h3{margin:0 0 8px;font-size:16px}.task-recovery-list>h3 span{font-size:12px;font-weight:400;color:#6c8295;margin-left:7px}.recovery-list-hint{font-size:12px;color:#657d92;margin:0 0 12px}.task-recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}.task-recovery-grid article{min-width:0;max-width:520px}.task-recovery-grid h4{margin:0 0 5px}.task-recovery-grid h4 button{font-size:14px;text-align:left;padding:7px 10px}.task-recovery-grid .quest-recovery{margin-top:8px}.task-recovery-grid .recovery-coordinate-map{max-width:260px}
@media(max-width:600px){#readerFacts:has(.quest-recovery){max-height:180px}}
.journal-reading-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.journal-reading-heading h2{margin:0}.journal-reading-actions{display:flex;gap:8px;flex-shrink:0}.journal-reading-actions button{font-size:13px;padding:7px 12px}#journalReadingPicker:not([hidden]){display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#journalReadingPicker button{text-align:left;font-size:13px}#journalReadingPicker small{display:block;font-size:11px;opacity:.7;margin-top:3px}
#readerNavigation #readerStop{margin-left:0}
.journal-bookmark-entry{display:flex;align-items:stretch;border:1px solid #ffffffc9;border-radius:13px;background:#ffffff60;box-shadow:0 3px 8px #2b465515;max-width:100%;min-width:0}
#journalReadingPicker .journal-reading-open{background:transparent;border:0;box-shadow:none;min-width:0;overflow-wrap:anywhere;padding:9px 6px 9px 12px}
#journalReadingPicker .journal-reading-delete{align-self:stretch;flex-shrink:0;width:34px;display:grid;place-items:center;padding:0;margin:0;background:#a94e5720;border:0;border-left:1px solid #a94e571c;box-shadow:none;color:#a05d64;font-size:21px;border-radius:0 12px 12px 0}
#journalReadingPicker .journal-reading-delete:hover,#journalReadingPicker .journal-reading-delete:focus-visible{color:#913f48;background:#a94e5736}
#readerSteps button{position:relative;padding-right:44px}
#readerSteps .reader-step-marks{position:absolute;right:8px;top:10px;display:flex;flex-direction:column;gap:4px;padding:0;opacity:1;font-size:10px}
#readerSteps .reader-step-marks i{font-style:normal;color:#428397;background:#76adba18;border-radius:5px;padding:1px 4px}
#readerSteps .reader-step-marks i[title="书签位置"]{color:#98703b;background:#bc94421a}
@media(max-width:600px){#readerSteps button{padding-right:6px;padding-bottom:24px}#readerSteps .reader-step-marks{top:auto;bottom:5px;right:5px;flex-direction:row;gap:2px;font-size:9px}}
@media(max-width:600px){#storyDialog:has(.reader-controls) .quest-conversation{grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:'facts steps' 'transcript steps'}#readerFacts{grid-column:1;grid-row:1}#readerTranscript{grid-column:1;grid-row:2}#readerSteps{grid-column:2;grid-row:1/3}}