#yoshi-lesson{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:24px;margin:0 0 24px;background:linear-gradient(125deg,#fff0ce,#fff9e8 65%,#edf3dc);border:2px solid #e9cf91;border-radius:24px;padding:20px 26px;overflow:hidden;position:relative}#yoshi-lesson[hidden]{display:none}.yoshi-scene{position:relative;height:250px;overflow:hidden;isolation:isolate}.lesson-cat{width:235px;height:245px;position:absolute;bottom:-7px;left:-2px;transform-origin:50% 90%}.yoshi-notebook{position:absolute;bottom:0;left:4px;right:0;background:#487e6a;border:3px solid #356b59;border-radius:9px 9px 14px 14px;padding:12px 9px;color:#fff7d7;font-size:10px;font-weight:750;letter-spacing:1px;box-shadow:0 5px 0 #c9b38d;z-index:2}.yoshi-notebook span{float:right}.cat-head{transform-origin:130px 162px;animation:yoshi-look 8s ease-in-out infinite}.cat-tail{transform-origin:183px 222px;animation:yoshi-tail 3s ease-in-out infinite}.cat-eyes{transform-origin:130px 119px;animation:yoshi-blink 6s infinite}.cat-star{position:absolute;top:20px;right:8px;color:#d8992b;font-size:32px;opacity:0}.yoshi-lesson-copy h3{margin:4px 0 12px;font-size:27px;line-height:1.25}.yoshi-ask{font-size:22px;margin:6px 0 14px}.yoshi-ask>span{font-size:35px;vertical-align:middle;margin-right:6px}.yoshi-lesson-voice,.yoshi-lesson-answers{display:flex;gap:8px;flex-wrap:wrap}.yoshi-lesson-voice{margin-bottom:14px}.yoshi-lesson-voice button{font-size:13px;background:#fffdf4}.yoshi-lesson-answers button{font-size:17px;font-weight:650;padding:12px 18px;border:2px solid #d9c18d;background:white}.yoshi-lesson-answers button span{display:inline-block;margin-right:7px;font-size:24px}.yoshi-lesson-answers button.chosen{background:#e0f0d9;border-color:#598b58;color:#244c2a;opacity:1}#yoshi-feedback{font-size:14px;min-height:24px;max-width:540px;color:#675a3e}#yoshi-hide,#yoshi-repeat{font-size:12px;border:0;padding:4px 8px;background:transparent;text-decoration:underline;color:#746448}.enter .lesson-cat{animation:yoshi-pop 1.6s cubic-bezier(.22,.8,.28,1) both}.speaking .cat-mouth{animation:yoshi-talk .3s infinite alternate}.speaking .cat-head{animation:yoshi-nod .7s ease-in-out infinite}.happy .cat-paw{transform-origin:87px 230px;animation:yoshi-wave .5s ease-in-out 4 alternate}.happy .cat-star{animation:yoshi-star 1.2s 2}.resting .yoshi-scene,.resting .yoshi-lesson-copy{display:none}#yoshi-lesson.resting{display:block;padding:12px 20px}#yoshi-wake{border:0;background:transparent;font-size:15px}#yoshi-wake[hidden]{display:none}@keyframes yoshi-pop{0%{transform:translateY(210px)}35%{transform:translateY(120px) rotate(-5deg)}55%{transform:translateY(120px) rotate(4deg)}85%{transform:translateY(-12px)}100%{transform:translateY(0)}}@keyframes yoshi-look{0%,70%,100%{transform:rotate(0)}78%,88%{transform:rotate(-6deg)}}@keyframes yoshi-tail{50%{transform:rotate(-12deg)}}@keyframes yoshi-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes yoshi-talk{to{ry:6px}}@keyframes yoshi-nod{50%{transform:translateY(3px) rotate(2deg)}}@keyframes yoshi-wave{to{transform:translateY(-17px) rotate(-12deg)}}@keyframes yoshi-star{0%,100%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.2) rotate(20deg)}}@media(max-width:700px){#yoshi-lesson{grid-template-columns:1fr;gap:8px;padding:16px}.yoshi-scene{width:230px;height:210px;margin:auto}.lesson-cat{height:235px;bottom:-9px}.yoshi-lesson-copy{text-align:center}.yoshi-lesson-copy h3{font-size:24px}.yoshi-ask{font-size:20px}.yoshi-lesson-voice,.yoshi-lesson-answers{justify-content:center}.yoshi-lesson-answers button{font-size:15px}.yoshi-lesson-copy .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){#yoshi-lesson *{animation:none!important}}@media print{#yoshi-lesson{display:none!important}}
/* Lifelike Yoshi: preserve the full generated cutout without cropping. */
#yoshi-lesson{grid-template-columns:250px minmax(0,1fr)}.yoshi-scene{height:310px;overflow:visible}.real-yoshi{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 6px #69533120);transform-origin:50% 95%}.enter .real-yoshi{animation:yoshi-real-arrive .9s ease-out both}.happy .real-yoshi{animation:yoshi-real-cheer .65s ease-in-out 2}.cat-star{right:0;top:10px}@keyframes yoshi-real-arrive{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes yoshi-real-cheer{50%{transform:translateY(-5px) rotate(-2deg)}}@media(max-width:700px){#yoshi-lesson{grid-template-columns:1fr}.yoshi-scene{width:230px;height:285px}}@media(prefers-reduced-motion:reduce){.real-yoshi{animation:none!important}}
.yoshi-live{width:auto;height:100%;aspect-ratio:3/4;left:calc(50% - 116.25px);right:auto;filter:drop-shadow(0 8px 6px #69533120)}#yoshi-movement{font-size:12px;border:0;padding:4px 8px;background:transparent;text-decoration:underline;color:#746448}.happy .yoshi-live{animation:none}.enter .yoshi-live{animation:yoshi-real-arrive .9s ease-out both}@media(max-width:700px){.yoshi-live{left:calc(50% - 106.875px)}}