.comic-frame>img{object-fit:contain;background:linear-gradient(160deg,#e5f8ff,#e9f7de);width:100%;height:100%}.comic-frame{background:#e7f7ef}.comic-frame figcaption{color:#467457;font-size:11px}.lesson-panel{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:14px 16px;border:1px solid #e4d7f5;border-radius:17px;background:linear-gradient(150deg,#fcf9ff,#f3ecff)}.lesson-kicker{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#8e6db5}.lesson-word{font-size:56px;line-height:1;font-weight:1000;letter-spacing:-1.5px;color:#8a59ca}.lesson-word small{display:block;font-size:17px;line-height:1.4;font-weight:700;letter-spacing:0;color:#706584;margin-top:7px}.lesson-word small span{color:#8e7b9e}.mnemonic{border:1px solid #eedda5;border-radius:12px;padding:11px 13px;background:#fff8df}.mnemonic small{font-size:8px;font-weight:900;letter-spacing:1px;color:#a18032;display:block}.mnemonic strong{font-size:24px;color:#93711f;display:block;margin:3px 0}.mnemonic p{font-size:12px;line-height:1.45;color:#89754c}.articulation-line{font-size:13px;color:#665576;line-height:1.5;font-weight:800}.memory-note{font-size:10px;color:#8c789e;line-height:1.5}.lesson-stage{display:flex;align-items:center;gap:7px;min-height:34px;padding:8px;border-radius:9px;background:white;font-size:11px;color:#6d54a2;font-weight:900}.lesson-stage .icon{width:17px;height:17px}.session-card{padding:18px 14px;flex:none}.session-flow{list-style:none;margin:16px 0 12px;padding:0;display:grid;gap:14px}.session-flow li{display:flex;gap:9px;align-items:center;color:#a295b6;padding:6px;border-radius:11px}.session-flow li.active{background:#f0e6ff;color:#865abb}.session-flow b{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:#eee6f7;font-size:12px}.session-flow .active b{background:#ab83e3;color:white}.session-flow strong{font-size:12px;display:block}.session-flow small{font-size:9px;display:block;margin-top:3px}.session-note{font-size:10px;line-height:1.6;text-align:center;color:#9482a4}.notebook-pronunciation{font-size:15px;line-height:1.7;color:#75608d;margin-bottom:15px}.notebook-example strong{font-size:14px;color:#5e957e;display:block}.credits-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.credits-list>li{padding:11px;border-radius:11px;background:#f4edff;font-size:14px;color:#8560ad}.credits-list a{text-decoration:underline}.credits-list small{display:block;font-size:11px;margin-top:3px}.game-actions .primary-button:disabled{opacity:1;box-shadow:0 3px 0 #e2d5f3;border-color:#e5d8f4;background:#f2ebfa;color:#9e84ba;cursor:default}.audio-caption{font-size:11px;color:#8971a4}.audio-caption>span:first-child{flex:none}.audio-caption>span#unique-unused{flex:1}.time-stat strong{font-size:20px}.feedback-answer{font-size:21px;line-height:1.2}.feedback p{font-size:12px}.question-intro p{font-size:12px;color:#8d7b9d}.under-game{font-size:9px}.advance-status{font-size:9px;color:#9581a8}.quiz-card[data-phase="learning"] .comic-frame>img{animation:scene-breathe 7s ease-in-out both}.hero-badges span{color:#857199}.buddy-card p{color:#91799f}
@keyframes scene-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-height:800px){.lesson-panel{gap:8px;padding:10px 13px}.lesson-word{font-size:42px}.lesson-word small{font-size:15px;margin-top:4px}.mnemonic{padding:8px 11px}.mnemonic strong{font-size:21px}.mnemonic p{font-size:11px}.articulation-line{font-size:12px}.lesson-stage{font-size:10px;min-height:28px;padding:6px}.session-card{padding:12px}.session-flow{gap:8px;margin:12px 0 9px}.session-flow strong{font-size:11px}.session-flow small{font-size:8px}}
@media(max-width:700px){.lesson-panel{gap:7px;padding:10px 12px;justify-content:center}.lesson-kicker{font-size:8px}.lesson-word{font-size:34px;display:flex;align-items:center;gap:12px;letter-spacing:-.8px}.lesson-word small{font-size:13px;line-height:1.4;margin:0;letter-spacing:0}.lesson-word small span{display:block;font-size:11px}.mnemonic{padding:7px 9px}.mnemonic strong{font-size:19px;display:inline-block;margin:2px 5px 2px 0}.mnemonic small{font-size:7px}.mnemonic p{font-size:10px;line-height:1.35}.articulation-line{font-size:11px;line-height:1.4}.memory-note{font-size:9px;line-height:1.35}.lesson-stage{min-height:25px;padding:5px;font-size:10px}.lesson-stage .icon{width:14px;height:14px}.quiz-card:is([data-phase="ready"],[data-phase="learning"]) .question-workspace{grid-template-rows:minmax(60px,.85fr) minmax(210px,1.15fr)}.time-stat strong{font-size:19px}.audio-caption{font-size:9px}.advance-status{font-size:7px}.options.sentence-options .answer-choice{font-size:11px;padding:6px;gap:5px}.options.sentence-options .choice-letter{width:18px;height:18px;font-size:8px}.feedback p{font-size:11px}.feedback-answer{font-size:17px}.feedback-answer>small{font-size:10px}.notebook-pronunciation{font-size:12px;margin-bottom:12px}.notebook-example strong{font-size:12px}}
@media(max-width:700px) and (max-height:650px){.quiz-card:is([data-phase="ready"],[data-phase="learning"]) .question-workspace{grid-template-rows:minmax(45px,1fr) 180px}.lesson-panel{gap:5px;padding:7px 10px}.lesson-kicker{display:none}.lesson-word{font-size:29px}.lesson-word small{font-size:12px}.lesson-word small span{font-size:10px}.mnemonic{padding:5px 8px;display:flex;align-items:center;gap:9px}.mnemonic small{font-size:6px;max-width:75px}.mnemonic strong{font-size:19px;margin:0}.mnemonic p{display:none}.articulation-line{font-size:10px;line-height:1.3}.memory-note{font-size:9px;line-height:1.3}.lesson-stage{font-size:9px;min-height:23px}.options.sentence-options .answer-choice{font-size:10px}.feedback-title{font-size:11px}.feedback p{font-size:10px}.feedback-answer{font-size:16px}.audio-caption{font-size:8px}}
@media(max-height:500px) and (min-width:701px){.lesson-panel{gap:5px;padding:8px}.lesson-kicker{display:none}.lesson-word{font-size:31px;display:flex;align-items:center;gap:10px}.lesson-word small{font-size:12px;margin:0;letter-spacing:0}.mnemonic{padding:5px 8px}.mnemonic small{font-size:6px}.mnemonic strong{font-size:19px;margin:2px 0}.mnemonic p{font-size:9px;line-height:1.3}.articulation-line{font-size:10px;line-height:1.3}.memory-note{font-size:8px;line-height:1.3}.lesson-stage{font-size:9px;min-height:23px;padding:4px}.audio-caption{font-size:9px}.advance-status{font-size:7px}.notebook-pronunciation{font-size:12px;margin-bottom:0}.feedback p{font-size:10px}.feedback-answer{font-size:17px}}
@media(prefers-reduced-motion:reduce){.quiz-card[data-phase="learning"] .comic-frame>img{animation:none}}