#learningDialog{width:min(620px,95vw)}#lessonLanguage{font-size:10px;letter-spacing:2px;color:#8ddcfa;font-weight:800}#lessonQuestion{font-size:26px;margin:18px 0 8px}#lessonTranslation{color:#b7ccdf;font-size:14px}#lessonVisual{padding:20px 8px;margin:16px 0;color:#ffdc70;font-size:clamp(28px,5vw,43px);font-weight:900;text-align:center;letter-spacing:4px;background:#081b31;border-radius:16px}#lessonAnswers{display:flex;gap:12px}.lesson-answer{flex:1;min-width:0;display:grid;justify-items:center;gap:7px;padding:20px 12px;background:#214d72;border:2px solid #70c7e766}.lesson-answer>span{font-size:46px;color:#87d9ff}.lesson-answer small{font-size:12px;color:#d6e6f6;letter-spacing:2px}.lesson-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.lesson-tools button{font-size:12px}#lessonFeedback{min-height:35px;color:#ffe28a;font-size:14px;line-height:1.6}#continueLesson{width:100%;margin-top:12px}#continueLesson[hidden],#hearTranslation[hidden]{display:none}#learningCount{color:#d2e5ff}#powerHud{color:#ffe08a;font-weight:bold;line-height:1.5}.story-character{display:block;width:105px;height:105px;background:url('/assets/characters.png') 0 0/400% 300% no-repeat;float:right;margin:0 0 8px 12px}#storyCompanion{color:#85d7ff;font-weight:bold;font-size:15px}#storyReward{border-top:1px solid #ffffff25;padding-top:14px;color:#ffe28a;font-size:12px}#missionHud{max-width:420px}@media(max-width:650px){#missionHud{max-width:290px;font-size:9px}#lessonQuestion{font-size:22px}.lesson-answer{padding:16px 8px}.lesson-answer>span{font-size:38px}.lesson-answer small{font-size:10px}.story-character{width:80px;height:80px}#storyCompanion{font-size:12px}.bottom #fullscreen{font-size:0;padding:6px 10px}.bottom #fullscreen:after{content:'⛶';font-size:17px}}
#lessonVisual{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#lessonVisual .operation-items{letter-spacing:0;white-space:nowrap}#lessonVisual .operation-symbol{color:#ff8bb2;background:#482642;border:2px solid #ffb6ce;border-radius:12px;padding:3px 10px;line-height:1.2;letter-spacing:0;flex-shrink:0}
#lessonPrompt{grid-column:1/-1;background:#194d67;color:#d2f5ff;border-color:#77bfd5;font-size:12px;min-height:44px}#lessonAnswers .operation-symbol{color:#ff8bb2}#lessonAnswers small{overflow-wrap:anywhere;max-width:100%;letter-spacing:1px}
#teamHud{color:#a8f5c3;font-weight:700}#lessonAnswers .lesson-answer>span{font-size:clamp(16px,3vw,30px);overflow-wrap:anywhere;max-width:100%}#lessonVisual .operation-items{white-space:normal;overflow-wrap:anywhere}#settings #playerAge{min-height:44px}
#lessonScoreHud{color:#ffe075;font-weight:800}#settings label[hidden]{display:none}#settings #studySubject,#settings #geographyScope{min-height:44px;width:100%}#lessonVisual.has-map{padding:8px;display:block;letter-spacing:0;font-size:16px}.lesson-map{display:block;width:100%;max-height:340px;background:#09283d;border-radius:12px}.lesson-map path{stroke:#102c43;stroke-width:.6;vector-effect:non-scaling-stroke}.map-choice{cursor:pointer;outline:none}.map-choice:hover,.map-choice:focus-visible{filter:brightness(1.3);stroke:white;stroke-width:3}.lesson-map circle{stroke:#071e32;stroke-width:2}.lesson-map text{fill:#071e32;font:900 13px 'Segoe UI',sans-serif;pointer-events:none}.map-note{display:block;font-size:11px;line-height:1.5;color:#c5dbe9;font-weight:400;margin:8px 4px}#finishScore{color:#ffe075;font-weight:800}#learningTrophy{font-size:22px;line-height:1.6;padding:18px;border:2px solid #ffe075;border-radius:18px;background:#334b42;color:#fff3bc;animation:trophy-in .6s ease-out}#learningTrophy[hidden]{display:none}@keyframes trophy-in{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#learningTrophy{animation:none}}@media(max-width:600px){.lesson-map{max-height:300px}#learningTrophy{font-size:18px}#lessonVisual.has-map{margin:8px 0}#lessonAnswers{gap:6px}.lesson-answer{min-height:70px}}
#playPlan{border:1px solid #77bfd577;border-radius:12px;padding:14px;margin:14px 0}#playPlan legend{color:#b8e6ff;font-weight:800}#playPlan input{min-height:44px;width:100%}#playPlan p{font-size:12px;line-height:1.6}#sessionHud{color:#bde9ff;font-weight:700}#restDialog{width:min(500px,92vw);text-align:center}#restCountdown{font-size:24px;color:#ffe075;font-weight:900}#restContinue{width:100%;min-height:48px}#restContinue:disabled{opacity:.6;cursor:wait}
#trophyProgress{color:#ffe9a6;font-size:11px;line-height:1.5}#learningTrophy.locked{border-color:#66829b;background:#173248;color:#d7e5f1;font-size:16px;animation:none}
