.lesson-scene{display:flex;align-items:center;gap:18px;margin:12px 0;padding:10px;background:#f4f1e5;border:1px solid #e2d9c1;border-radius:18px}
.lesson-scene img{width:180px;height:145px;object-fit:contain;border-radius:12px;flex-shrink:0}
.lesson-scene figcaption{display:grid;gap:8px;color:#324e55;line-height:1.5}
.lesson-scene figcaption b{font-size:18px}.lesson-scene figcaption span{font-size:12px;color:#697a7d}
.illustrated-clues .lesson-scene{margin:0 0 10px}.illustrated-clues .visual-cards{padding:10px}.illustrated-clues .visual-cards span{padding:10px}
@media(min-width:801px){.puzzle-panel:has(>.illustrated-clues){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;align-items:start}.puzzle-panel:has(>.illustrated-clues)>:is(.step-nav,.step-label,.task-title,.task-desc,.feedback,.hint-body,.actionbar){grid-column:1/-1}.puzzle-panel>.illustrated-clues{grid-column:1;grid-row:5}.puzzle-panel:has(>.illustrated-clues)>:is(.answer-fields,.choices,.order-work){grid-column:2;grid-row:5}}
@media(max-width:600px){.lesson-scene{gap:12px;padding:8px}.lesson-scene img{width:125px;height:118px}.lesson-scene figcaption b{font-size:15px}.lesson-scene figcaption span{font-size:11px}}
.hero-art,.hero-sheet{background-image:url("assets/heroes-casual-v3.png")}