/* Uses the journey's existing teal, mint and warm gold. */
.sceneFocus{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;background:#214b55;border:1px solid #38616b;border-radius:20px;margin:18px 0}.sceneFocus .thai{font-size:36px;color:#53ddbc}.sceneExamples{display:grid;gap:12px}.sceneExamples>div{display:flex;gap:12px;padding:15px;border:1px solid #345963;border-radius:16px;background:#183f49}.sceneExamples>div>span{display:grid;gap:7px;min-width:0}.sceneExamples strong{font-size:23px;line-height:1.7}.sceneExamples small{color:#d1b7db}.sceneExamples button{flex:0 0 40px;align-self:center;border:1px solid #3f6570;background:#234c56;color:#51ddc1;border-radius:13px;width:40px;height:42px}.sceneExamples svg{width:21px;height:21px}.sceneWordTag{font-size:13px;color:#b6cece;line-height:1.8;margin:0 0 20px}.sceneWordTag b{color:#55ddbe;font-size:21px}.sceneMeaning{font-size:23px!important;color:#f3f6ec!important;line-height:1.5}.sceneSentence{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:22px 12px;margin:18px 0;background:#173d46;border-radius:20px}.sceneSentence>span{display:grid;text-align:center;gap:7px;align-content:end}.sceneSentence .thai{font-size:28px;line-height:1.8}.sceneSentence small,.sceneOption small,.sceneBank small,.sceneAssembly small{font-size:13px;color:#d1b7db;line-height:1.5}.sceneBlank{min-width:65px;border-bottom:3px dashed #50d9bc;font-size:28px;color:#50d9bc}.sceneOption{display:flex!important;justify-content:center;align-items:center;gap:18px!important}.sceneOption .thai{font-size:27px;line-height:1.8}.sceneModel{border-top:1px solid #365c65;margin-top:22px;padding-top:15px;color:#adc8ca}.sceneModel summary{cursor:pointer;font-size:14px;color:#70cfe2;padding:8px 0}.sceneModel>strong,.sceneModel>span{display:block;margin:10px 0;line-height:1.7}.sceneModel strong{font-size:26px;color:#f4f6ed}.sceneModel>span:first-of-type{color:#d1b7db}.sceneAssembly,.sceneBank{display:flex;flex-wrap:wrap;gap:9px}.sceneAssembly{min-height:88px;align-content:center;padding:12px;border:1px dashed #47717a;border-radius:18px;margin:20px 0;color:#9bb8bc}.sceneBank{justify-content:center;margin:18px 0}.sceneBank button,.sceneAssembly button{display:grid;gap:5px;min-height:69px;padding:10px 14px;border:1px solid #426a73;border-bottom-width:3px;border-radius:13px;background:#204a55;color:#f3f6ed;max-width:100%;overflow-wrap:anywhere}.sceneBank .thai,.sceneAssembly .thai{font-size:24px;line-height:1.7}.sceneBank button:disabled{opacity:.25}.sceneReading{display:grid;gap:16px;background:#193f49;border:1px solid #355e68;padding:23px 18px;border-radius:23px;margin:20px 0}.sceneReading small{color:#9db9bd}.sceneReading strong{font-size:30px;line-height:1.9}.sceneReading>span{color:#d1b7db;line-height:1.7}.sceneRetry{color:#ffce83!important;font-size:14px!important}.lessonInner .exerciseArea{animation:lessonSlide .24s ease-out}.lessonCoach{display:flex;align-items:center;gap:12px;margin:12px 0 2px;text-align:left;animation:coachArrive .3s ease-out}.lessonCoachArt{flex:0 0 66px;width:66px;height:77px}.lessonCoachArt svg{width:100%;height:100%}.lessonCoach>div:last-child{position:relative;border:1px solid #3a6a6d;background:#214d53;border-radius:17px 17px 17px 4px;padding:11px 13px;flex:1;min-width:0}.lessonCoach strong{display:block;font-size:11px;color:#6ce0c5;margin-bottom:5px}.lessonCoach span{font-size:13px;line-height:1.5;display:block;color:#d6e5e0}.lessonCoach .coachVoice{position:absolute;right:7px;top:8px;padding:5px;margin:0;min-height:30px;color:#8bc5cc}.lessonCoach .coachVoice svg{width:17px;height:17px}.helpful>div:last-child{border-color:#74624e;background:#394647}.helpful strong{color:#ffd29b}.lessonCombo{box-shadow:0 0 14px #5ce0bc80;transition:box-shadow .3s}.lessonRewardStage{position:relative;text-align:center;padding:42px 0 15px;isolation:isolate;overflow:hidden}.rewardFastNext{position:absolute;right:0;top:0;font-size:13px!important;display:flex;gap:7px;align-items:center;z-index:3;color:#82d7d8!important}.rewardFastNext svg{width:17px;height:17px}.rewardElephant{width:118px;height:112px;margin:auto;animation:coachArrive .5s ease-out}.rewardElephant svg{width:100%;height:100%}.rewardSpeech{position:relative;background:#214c53;border:1px solid #3b6c70;border-radius:17px;padding:11px 16px;margin:5px auto 0!important;font-size:15px!important;color:#e3f0e6!important;max-width:280px}.rewardChestButton{border:0!important;background:none!important;width:162px;height:125px;padding:0!important;display:block;margin:3px auto 0;cursor:pointer}.rewardChest{width:100%;height:100%;overflow:visible}.chestLid{transform-origin:40px 77px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.chestGlow{opacity:0;transform-origin:100px 85px;transition:opacity .4s,transform .6s;transform:scale(.3)}.opened .chestLid{transform:translateY(-23px) rotate(-16deg)}.opened .chestGlow{opacity:.75;transform:scale(1)}.chestInvitation{display:block;color:#adc6c7;font-size:12px}.rewardNumbers{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}.opened .rewardNumbers{opacity:1;transform:none}.rewardNumbers>span{display:flex;align-items:center;gap:6px;color:#ffe0a1;font-size:12px;background:#284d51;padding:10px 12px;border-radius:13px;border:1px solid #5f6c5c}.rewardNumbers strong{font-size:23px}.rewardNumbers svg{width:21px;height:21px}.rewardSkip{font-size:12px!important;margin:5px 0!important;color:#9ab8bd!important}.rewardQuest{font-size:13px!important;color:#6de2c5!important;display:flex;align-items:center;justify-content:center;gap:7px}.rewardQuest svg{width:19px;height:19px}.rewardParticles{position:absolute;inset:80px 0 40px;pointer-events:none;z-index:-1}.rewardParticles i{position:absolute;left:50%;top:65%;color:#ffd284;opacity:0;font-style:normal}.opened .rewardParticles i{animation:rewardSpark .85s ease-out both;--angle:calc(var(--i)*45deg)}.lessonRewardResult>[hidden]{display:none!important}.lessonRewardResult>h2{font-size:25px!important;margin-top:8px!important}.lessonRewardResult .recapStats{margin:16px 0!important}.lessonRewardResult>p{font-size:14px;line-height:1.6}.lessonRewardResult .recapStats strong{font-size:22px}.sceneOption:focus-visible,.sceneBank button:focus-visible,.sceneAssembly button:focus-visible,.rewardFastNext:focus-visible{outline:2px solid #6ed8db;outline-offset:2px}@keyframes lessonSlide{from{opacity:.6;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes coachArrive{from{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes rewardSpark{0%{opacity:0;transform:rotate(var(--angle)) translateX(15px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(150px) scale(1.2)}}@media(prefers-reduced-motion:reduce){.lessonInner .exerciseArea,.lessonCoach,.rewardElephant,.opened .rewardParticles i{animation:none}.chestLid,.chestGlow,.rewardNumbers{transition:none}}@media(max-width:380px){.sceneBank button,.sceneAssembly button{padding:9px}.sceneOption{gap:10px!important}.lessonCoachArt{flex-basis:52px;width:52px}.sceneSentence{gap:8px}.sceneSentence .thai{font-size:24px}}

.foundationFoot #feedback>.feedback{display:grid;gap:7px;text-align:left;padding:12px 14px;border-radius:15px;background:#1c4c46;color:#bcebd9;line-height:1.5;font-size:13px}.foundationFoot #feedback>.feedback.bad{background:#4b3d3e;color:#ffcfbf}.foundationFoot #feedback>.feedback .thai{display:block;font-size:23px;line-height:1.7;color:#f3f1e8}.foundationFoot #feedback>.feedback>span:last-child{font-size:13px;color:#d3cecb}.sceneOption>.thai{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}

.lessonRewardResult>button{display:block;width:100%;margin:12px 0!important}.lessonRewardResult .rewardElephant{opacity:1!important}.lessonRewardResult .rewardNumbers:empty{display:none}

.lessonCoach strong>svg{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:4px;color:#ffd284}