/* Practice content only. Existing map and app chrome are preserved. */
.foundationTeacher{display:flex;align-items:center;gap:6px;max-width:310px;margin:0 auto 14px!important;padding:0!important}
.foundationTeacher .mamaPortrait{width:123px;flex:none;margin:0}.foundationTeacher>span{font-size:13px;line-height:1.6;color:var(--sub)}
.foundationInstruction{font-size:13px;line-height:1.75;color:var(--sub);margin:12px 0 20px}.foundationReassurance{font-size:11px;color:var(--sub);text-align:center;margin:16px 0}
.foundationWord{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px 18px;text-align:center;margin:18px 0}
.foundationWord>small{font-size:10px;color:var(--sub);display:block;margin-bottom:14px}.friendlyReading{display:block;font-family:Outfit,sans-serif;font-size:34px;line-height:1.3;font-weight:600;color:#f3c57c;overflow-wrap:anywhere}
.foundationMeaning{display:block;font-size:22px;color:var(--text);margin:12px 0 16px}.foundationWord>.thai{display:block;font-size:25px;margin:12px 0}
.optionalScript{color:var(--sub);font-size:11px;margin:14px 0}.optionalScript summary{cursor:pointer;padding:10px 0;min-height:40px}.optionalScript .thai{display:block;font-size:28px;line-height:1.6;margin:8px 0}
.knownExpressions{display:grid;gap:10px;margin:25px 0}.knownExpressions>div{padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.knownExpressions strong{font-size:25px;font-family:Outfit,sans-serif;color:#f3c57c;display:block}.knownExpressions span{font-size:14px;display:block;margin-top:7px}
.foundationCards{display:grid;gap:12px;margin:20px 0}.foundationCard{width:100%;min-height:78px;border:1px solid var(--border);border-bottom:3px solid var(--border);padding:18px 15px;border-radius:18px;background:var(--surface);color:var(--text);font-size:21px;line-height:1.5;text-align:center;font-weight:500}.foundationCard.thai{font-size:29px}
.foundationCard.correct,.missionChoice.correct{color:#54dcb7;border-color:#54dcb7;background:color-mix(in srgb,#54dcb7 10%,var(--surface))}.foundationCard.wrong,.missionChoice.wrong{color:#efb19e;border-color:#efb19e;background:color-mix(in srgb,#efb19e 8%,var(--surface))}
.foundationCard:disabled{opacity:1}.foundationCard:disabled:not(.correct):not(.wrong){color:var(--sub)}
.foundationAnswer{padding:16px;border-radius:16px;background:var(--surface);border-left:3px solid var(--green);margin:12px 0}.foundationAnswer strong{font-size:17px;color:var(--green);display:block}.foundationAnswer span,.foundationAnswer small{display:block;color:var(--sub);font-size:12px;line-height:1.6;margin-top:6px}.foundationAnswer.mistake{border-left-color:#efb19e}.foundationAnswer.mistake strong{color:#efb19e}
.scriptModel{display:grid;gap:12px;text-align:center;border:1px solid var(--border);border-radius:20px;padding:20px;margin:20px 0;background:var(--surface)}.scriptModel small{font-size:10px;color:var(--sub)}.scriptModel .thai{font-size:38px;line-height:1.6;color:var(--text);font-weight:500}.scriptModel>span{font-size:13px;color:var(--sub)}
.foundationCopy{width:100%;min-height:66px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:15px;padding:14px;font-size:28px;margin:10px 0}
.foundationKeys{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.foundationKeys button{min-width:44px;min-height:48px;padding:6px 10px;font-size:24px;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-bottom:3px solid var(--border);border-radius:12px}
.foundationSpeech .speakingModel>.thai{display:none}.foundationSpeech #spokenResponse[hidden]{display:none}.foundationSpeech .speakingModel>small{font-size:27px;color:#f3c57c}.foundationSpeech .adaptivePrompt{font-size:27px}.foundationSpeech .speechPrivacy{font-size:10px}
.foundationResult{max-width:560px;margin:auto;text-align:center;padding:25px 22px!important}.foundationResultArt{width:170px;margin:0 auto 15px}.foundationResultArt svg{width:100%;display:block}.foundationResult>small{font-size:11px;color:var(--sub)}.foundationResult h2{font-size:29px;line-height:1.2;margin:15px 0}.foundationResult p{font-size:13px;color:var(--sub);line-height:1.7}.foundationResult .recapStats{margin-top:25px;text-align:left}.foundationResult>.primary{width:100%;min-height:52px;margin-top:20px;border-radius:15px}
.foundationPreview,.foundationPreparation,.foundationMissionReady{max-width:560px;margin:auto;padding:25px 22px!important}.foundationPreview p,.foundationPreparation p,.foundationMissionReady p{color:var(--sub);font-size:13px;line-height:1.8}.foundationPreview .primary,.foundationPreparation>.primary,.foundationMissionReady>.primary{width:100%;min-height:52px;margin-top:20px;border-radius:15px}.previewModeIcon{display:block;margin:25px 0;color:var(--green)}.previewModeIcon .uiIcon{width:45px;height:45px}
.missionSimulationTag{display:block;font-size:10px;color:var(--sub);margin:8px 0 10px}.missionSceneVehicle{width:180px;margin:5px auto 10px}.missionSceneVehicle svg{display:block;width:100%}.missionDialogue{border:1px solid var(--border);border-radius:18px;padding:16px;margin-bottom:22px;background:var(--surface)}.missionDialogue small{font-size:10px;color:var(--sub)}.missionDialogue p{font-size:16px;line-height:1.6;margin:8px 0}.sceneThaiReading{display:block;font-size:19px;color:#f3c57c;margin:10px 0}
.missionChoices{display:grid;gap:11px;margin:15px 0}.missionChoice{width:100%;min-height:78px;display:grid;gap:6px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);padding:16px;text-align:left}.missionChoice strong{font-size:20px;line-height:1.4;font-family:Outfit,sans-serif;font-weight:500}.missionChoice span{font-size:12px;color:var(--sub);line-height:1.6}.missionChoice:disabled{opacity:1}.missionObject{display:flex;gap:12px;align-items:center}.missionObject>.uiIcon{width:25px;height:25px;color:var(--green)}.missionObject strong{font-size:16px}.missionHint{font-size:12px;line-height:1.7;color:var(--sub)}
.deliveryMap{position:relative;height:210px;background:#28585b;border:1px solid var(--border);border-radius:20px;overflow:hidden;margin:12px 0 20px}.mapStreet{position:absolute;inset:auto 0 0;height:45px;background:#21454d;border-top:3px dashed #a8beab66}.mapBuilding{position:absolute;left:25%;top:20px;width:45%;height:150px;background:#dbbd8b;border-radius:5px 5px 0 0;display:grid;grid-template-columns:1fr 1fr;padding:36px 17px 45px;gap:10px}.mapBuilding>i{background:#598c94;border-radius:3px}.mapRoof{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:11px;color:#534a3b}.mapDoor{position:absolute;bottom:0;left:10%;right:10%;height:34px;background:#6a8f83;color:#f4f6df;text-align:center;font-size:10px;padding:8px}.mapCourier{position:absolute;left:70%;bottom:29px;width:32px;height:40px;display:grid;place-items:center;border-radius:8px;background:#5fc194;color:#173e35}.mapCourier .uiIcon{width:22px;height:22px}
html[data-theme="light"] .friendlyReading,html[data-theme="light"] .knownExpressions strong,html[data-theme="light"] .sceneThaiReading{color:#8f601d}
.foundationSession .exerciseArea{padding-top:16px}.foundationSession .modalfoot:has(>button[hidden]){display:none}
.foundationListen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:transparent;color:var(--sub);font-size:13px}.foundationListen .uiIcon{width:20px;height:20px}
.foundationTeacher .mamaPortrait svg{width:100%;height:auto}.foundationStep{font-size:12px;color:var(--sub)}
.missionPreviewVehicle{width:210px;max-width:100%;margin:20px auto}.missionPreviewVehicle svg{width:100%}
.guidedBonuses{display:grid;gap:12px;margin:24px 0}.guidedBonus{width:100%;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;min-height:85px}.guidedBonus>span:nth-child(2){display:grid;gap:6px;flex:1}.guidedBonus small{font-size:10px;color:var(--sub);font-weight:400}.guidedBonus strong{font-size:15px}.guidedVehicle{display:block;width:82px;flex:none}.guidedVehicle svg{width:100%;display:block}.guidedBonus:not(.available) .guidedVehicle{opacity:.45}
@media(prefers-reduced-motion:no-preference){.guidedBonus.available .guidedVehicle{animation:guidedVehicleArrival .9s ease-out both}}@keyframes guidedVehicleArrival{from{transform:translateX(-35px);opacity:0}to{transform:translateX(0);opacity:1}}

html[data-design="2026"] .foundationSession .missionChoice{display:grid;grid-template-columns:minmax(0,1fr);text-align:left}html[data-design="2026"] .foundationSession .missionChoice>span{width:auto;height:auto;min-width:0;min-height:0;border:0;padding:0;background:transparent;display:block;box-shadow:none;font-weight:400}.foundationSession .missionChoice.missionObject{display:flex}

/* Phrasebook text must shrink beside the decorative icon and action column. */
#phraseList .phraseitem>div:not(.phraseactions){flex:1;min-width:0}#phraseList .phraseitem .thai,#phraseList .phraseitem .reading,#phraseList .phraseitem p{overflow-wrap:anywhere}#phraseList .phraseContextIcon,#phraseList .phraseactions{flex-shrink:0}#phraseList .phraseitem{min-width:0}

/* Opaque phrase surfaces keep the shared scenery behind readable content. */
#phraseList{display:grid;gap:12px}
#phraseList .phraseitem{background:var(--surface,var(--bg));border:1px solid var(--border,var(--line));border-radius:18px;opacity:1;padding:18px 14px}
#phraseList .phraseContextIcon{background:var(--surface2,var(--light))}
#phraseList .phraseactions .iconbutton{background:var(--surface2,var(--light));border-color:var(--border,var(--line))}

/* Mama introduces one expression, seated on its teaching card. */
#modal .foundationWordIntro .foundationArea{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px 20px 32px}
#modal .foundationWordIntro .foundationArea>h2{order:0;text-align:center;font-size:22px;line-height:1.35;max-width:290px;margin:0 0 24px;color:var(--text)}
#modal .foundationWordIntro .foundationTeacher{order:1;justify-content:center;max-width:none;margin:0 0 -26px!important;position:relative;z-index:1}
#modal .foundationWordIntro .foundationTeacher>span{display:none}
#modal .foundationWordIntro .foundationTeacher .mamaPortrait{width:168px}
#modal .foundationWordIntro .foundationWord{order:2;width:100%;max-width:340px;margin:0;padding:44px 20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 6px 0 rgba(0,0,0,.1)}
#modal .foundationWordIntro .friendlyReading{font-size:39px;line-height:1.25;letter-spacing:-.5px}
#modal .foundationWordIntro .foundationMeaning{font-size:24px;margin:10px 0 22px}
#modal .foundationWordIntro .foundationListen{min-height:44px;padding:10px 18px;font-size:13px;border-radius:14px;background:var(--surface2);color:var(--text);border-color:var(--border)}
#modal .foundationWordIntro .foundationFoot{border-top:0;padding-top:12px}
@media(max-height:690px){#modal .foundationWordIntro .foundationArea{padding-block:16px}#modal .foundationWordIntro .foundationArea>h2{font-size:20px;margin-bottom:16px}#modal .foundationWordIntro .foundationTeacher .mamaPortrait{width:130px}#modal .foundationWordIntro .foundationWord{padding-top:36px;padding-bottom:16px}#modal .foundationWordIntro .friendlyReading{font-size:34px}}