/* One speaker, one line, one next step. */
.storyPerson{display:block;object-fit:contain;flex:none}.characterLibrary{padding:30px;max-width:780px;margin:auto}.characterLibrary .sheetHeader{margin-bottom:24px}.characterLibrary .sheetHeader small{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1px}.characterStoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.characterStoryCard{padding:0;background:var(--surface);border:2px solid var(--border);border-bottom-width:5px;border-radius:20px;overflow:hidden;text-align:left;color:var(--text)}.characterCover{height:178px;position:relative;display:flex;justify-content:center;align-items:flex-end;background:#1d4653;overflow:hidden}.characterCover>.storyPerson{width:138px;height:161px;margin-bottom:-5px}.cover-kru{background:#22545b}.cover-mali{background:#644b40}.cover-dao{background:#29485f}.cover-monk{background:#5a5038}.storyPlay{position:absolute;bottom:14px;right:14px;background:var(--surface);color:var(--green);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.storyPlay .uiIcon{width:17px;height:17px}.characterStoryCopy{padding:15px 16px;display:block}.characterStoryCopy strong{display:block;font-size:17px;line-height:1.3;margin-bottom:7px}.characterStoryCopy small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.legacyStories{display:grid;gap:10px;padding:15px 0}.legacyStories .secondary{width:100%;justify-content:flex-start;min-height:52px;gap:12px}.legacyStories .secondary>.uiIcon:last-child{margin-left:auto}.characterReader{max-width:840px!important;padding:0!important;display:flex;flex-direction:column;height:min(850px,95dvh);min-height:0!important;overflow:hidden}.characterReaderHead{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:15px;align-items:center;flex:none;padding:22px 28px 16px}.characterReaderHead .bar{height:11px;border:0}.characterReaderHead .bar>div{border:0}.characterReaderHead small{font-size:11px;white-space:nowrap;color:var(--muted)}.characterReader .close{width:44px;height:44px}.backArrow{transform:rotate(180deg)}.characterStoryBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 44px 24px;scrollbar-gutter:stable}.characterScene{display:flex;flex-direction:column;align-items:center;padding-top:6px;margin-bottom:15px}.characterScene>.storyPerson{width:125px;height:146px}.characterSpeaker{font-size:12px;font-weight:800;color:var(--muted);margin-top:3px}.storyYou{width:106px;height:106px;background:var(--blueTint);border-radius:50%;display:grid;place-items:center;color:var(--green);margin:20px 0}.storyYou>.uiIcon{width:48px;height:48px}.characterBubble{border:2px solid var(--border);border-bottom-width:4px;border-radius:23px;padding:22px 23px 16px;text-align:center;background:var(--surface)}.characterBubble>.thai{font-size:33px;line-height:1.7;overflow-wrap:anywhere}.characterRoman{font-size:15px;font-weight:700;color:var(--reading);line-height:1.7;margin:9px 0 15px}.characterAudio .audioControls{justify-content:center;margin:0 0 12px;gap:12px}.characterAudio .audioBtn{min-height:48px}.storyMeaning{border-top:1px solid var(--border);padding-top:12px}.storyMeaning summary{list-style:none;cursor:pointer;font-size:12px;color:var(--muted);min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px}.storyMeaning summary::-webkit-details-marker{display:none}.storyMeaning .uiIcon{width:17px;height:17px}.storyMeaning p{font-size:16px;line-height:1.6;margin:10px 0}.characterStoryBody>.wordGlossary{margin-top:14px}.storyContext{margin-top:13px;font-size:12px;color:var(--muted)}.storyContext summary{min-height:44px;padding:12px 0;cursor:pointer}.storyContext p{line-height:1.8}.storyContext a{font-size:11px;color:var(--green)}.storyContext .uiIcon{width:14px;height:14px}.characterStoryFoot{padding:18px 28px 22px;border-top:1px solid var(--border);flex:none;display:flex;justify-content:flex-end;align-items:center;gap:14px;background:var(--bg)}.characterStoryFoot .primary{min-height:50px;min-width:200px;justify-content:center;gap:18px}.previousLine{width:48px;min-height:50px;padding:10px;display:grid;place-items:center;margin-right:auto}.previousLine:disabled{opacity:.3}.characterQuiz .characterStoryBody{padding-top:8px}.quizPortrait{height:120px;margin-bottom:12px;display:flex;justify-content:center}.quizPortrait>.storyPerson{width:104px;height:121px}.characterQuiz h2{font-size:25px;line-height:1.4;margin:12px 0 22px}.characterChoices{display:grid;gap:12px}.characterChoice{border:2px solid var(--border);border-bottom-width:4px;border-radius:15px;background:var(--surface);color:var(--text);font-size:16px;line-height:1.5;text-align:left;padding:16px 18px;min-height:60px}.characterChoice.isWrong{border-color:#ba6671;color:#e2a1a7;opacity:.7}.characterChoice.isCorrect{border-color:#44bfa9;background:var(--greenTint)}.characterChoice.answerHelp{border-color:var(--green);box-shadow:0 0 0 3px var(--blueTint)}.characterHint:empty{display:none}.characterHint{background:var(--surface);border-radius:16px;padding:17px;margin-top:18px;border:1px solid var(--border)}.characterHint>small{color:var(--green);font-size:10px;font-weight:800}.characterHint>.thai{font-size:23px;line-height:1.7;margin-top:10px}.characterHint>p{font-size:13px;line-height:1.7}.characterHint .audioControls{gap:10px}.characterStoryFoot>small{font-size:11px;color:var(--muted);margin-right:auto}.characterStoryFoot.answered{flex-wrap:wrap}.characterStoryFoot.answered>div{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;width:100%;color:var(--green)}.characterStoryFoot.answered>div .uiIcon{width:20px;height:20px;margin-top:2px}.characterStoryResult .storyScene{height:160px;display:flex;justify-content:center;background:none;margin-bottom:16px}.characterStoryResult .storyScene>.storyPerson{width:137px;height:160px}.characterLibraryEntry{display:flex;gap:17px;align-items:center;padding:15px 19px;width:100%;border:2px solid var(--border);border-bottom-width:4px;border-radius:19px;background:var(--surface);color:var(--text);text-align:left;margin-bottom:24px}.characterLibraryEntry>span:nth-child(2){flex:1}.characterLibraryEntry strong{font-size:17px;display:block;line-height:1.35}.characterLibraryEntry small{font-size:12px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}.entryPortraits{display:flex;width:86px;height:72px;overflow:hidden;flex:none;align-items:flex-start}.entryPortraits>.storyPerson{width:58px;height:80px}.entryPortraits>.storyPerson+img{margin-left:-23px}.characterLibraryEntry>.uiIcon{width:20px}
@media(max-width:760px){#modal:has(.characterReader),#modal:has(.characterLibrary){width:100%;max-width:none;height:var(--app-height,100dvh);max-height:none;margin:0;border-radius:0;overflow:hidden}#modal:has(.characterLibrary){overflow-y:auto}.characterReader{height:var(--app-height,100dvh);max-width:none!important;width:100%}.characterReaderHead{padding:calc(10px + env(safe-area-inset-top)) 14px 9px;gap:9px}.characterStoryBody{padding:0 20px 19px;scrollbar-gutter:auto}.characterScene{margin-bottom:13px;padding-top:2px}.characterScene>.storyPerson{width:104px;height:121px}.characterSpeaker{font-size:11px}.characterBubble{padding:18px 16px 12px;border-radius:20px}.characterBubble>.thai{font-size:27px}.characterRoman{font-size:13px;margin:7px 0 13px}.characterAudio .audioBtn{font-size:11px;padding:10px 13px}.characterAudio .audioControls{gap:9px}.characterStoryFoot{padding:13px 20px calc(14px + env(safe-area-inset-bottom));gap:12px}.characterStoryFoot .primary{flex:1;min-width:0;font-size:12px}.characterReader .wordGlossary summary{min-height:48px}.characterLibrary{padding:calc(24px + env(safe-area-inset-top)) 20px 30px!important}.characterLibrary .sheetHeader h2{font-size:27px}.characterStoryGrid{gap:12px}.characterCover{height:146px}.characterCover>.storyPerson{width:117px;height:137px}.characterStoryCopy{padding:13px 12px}.characterStoryCopy strong{font-size:15px}.characterStoryCopy small{font-size:10px}.storyPlay{bottom:9px;right:9px;width:30px;height:30px}.characterQuiz h2{font-size:23px}.characterChoice{font-size:15px;min-height:56px;padding:14px 15px}.quizPortrait{height:100px;margin-bottom:8px}.quizPortrait>.storyPerson{height:100px;width:86px}.characterStoryFoot.answered>div{font-size:12px}.characterLibraryEntry{padding:14px;gap:12px}.entryPortraits{width:72px}.characterLibraryEntry strong{font-size:16px}.characterLibraryEntry small{font-size:11px}}
@media(max-height:680px){.characterScene>.storyPerson{height:90px;width:78px}.characterScene{margin-bottom:9px}.characterBubble>.thai{font-size:24px}.characterBubble{padding:13px 14px 9px}.quizPortrait{height:80px}.quizPortrait>.storyPerson{height:80px;width:69px}.characterReaderHead{padding-top:8px;padding-bottom:5px}.characterStoryFoot{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.characterStoryFoot .primary{min-height:46px}.characterQuiz h2{margin:7px 0 15px}.characterChoice{padding:12px 14px}.storyYou{height:72px;width:72px;margin:9px 0}}
@media(prefers-reduced-motion:no-preference){.characterBubble{animation:storyArrive .18s ease-out}@keyframes storyArrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}