/* Original myth illustrations carry the setting; exact boards use Lesson06Engine. */
.slide.myth .content{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}
.slide.myth .kicker{display:block;font-size:16px;letter-spacing:.1em;margin-bottom:6px}
.slide.myth .visual{min-width:0;position:relative}
.slide.myth .visual>img{height:auto;max-height:57vh;min-height:0;width:100%;object-fit:contain}
.slide.myth .visual figcaption{font-size:13px;line-height:1.6;padding-top:9px}
.slide.myth .copy{gap:18px}
.slide.myth .question{font-weight:600}
.slide.myth-surprise .content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}
.slide.myth-surprise .copy{gap:9px}
.slide.myth-surprise .copy>p{font-size:clamp(22px,2vw,31px);line-height:1.5}
.myth-playback{display:grid;justify-items:center;gap:7px}
.myth-playback .boardwrap{width:100%;max-width:300px}
.myth-playback .board{gap:4px;padding:8px;border-width:5px}
.myth-playback .cell{font-size:18px;line-height:1}
.myth-playback .col-nums{font-size:17px;line-height:1.2;margin-top:5px}
.myth-playback .btn-row{justify-content:center;gap:8px;margin:0}
.myth-playback button{font-size:18px;padding:7px 12px}
.myth-playback #mythStatus{font-size:clamp(20px,1.5vw,24px);line-height:1.4;min-height:2.8em;text-align:center;width:100%}
.myth-playback .myth-replay{font-size:16px;padding:5px 10px}
.myth-playback [hidden]{display:none!important}
.myth-playback .board-caption{font-size:14px;margin:0}
.slide[data-id="end"] .hero-copy{width:48%}
.slide[data-id="end"] .copy p{font-size:clamp(25px,2.3vw,36px);line-height:1.55}
.slide[data-id="end"] .copy p+p{font-size:clamp(22px,1.9vw,29px);color:#fff8e9}
@media(max-height:760px) and (min-width:901px){
 .slide.myth.active{gap:16px}
 .slide.myth .copy{gap:12px}
 .slide.myth .visual>img{max-height:53vh}
 .slide.myth .kicker{font-size:15px;margin-bottom:4px}
 .slide.myth-surprise .copy{gap:6px}
 .slide.myth-surprise .copy>p{font-size:24px;line-height:1.5}
 .myth-playback{gap:5px}
 .myth-playback .boardwrap{max-width:260px}
 .myth-playback .board{gap:3px;padding:7px;border-width:4px}
 .myth-playback .cell{font-size:16px}
 .myth-playback button{font-size:17px;padding:6px 10px}
 .myth-playback #mythStatus{font-size:20px;min-height:2.8em}
 .myth-playback .myth-replay{font-size:15px;padding:4px 9px}
}
@media(max-width:900px){
 .slide.myth .content,.slide.myth-surprise .content{grid-template-columns:1fr}
 .slide.myth .visual>img{max-height:45vh}
 .slide.myth-surprise .copy>p{font-size:21px}
 .slide.myth{height:auto;min-height:100%}
 .myth-playback .boardwrap{max-width:260px}
 .slide[data-id="end"] .hero-copy{width:85%}
}