#emo-theme button{min-height:48px}#emo-theme .e-hero-art{width:100%;border-radius:22px}#emo-theme .e-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#emo-theme .card{display:block;min-width:0}#emo-theme .e-word-art{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:contain;background:#f5f0e3;border-radius:14px}#emo-theme .word{font-size:27px;overflow-wrap:anywhere}#emo-theme .card p{font-size:21px}#emo-theme .e-card-audio{font-size:18px;width:100%}#emo-theme .e-help{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin-top:10px}#emo-theme .e-help button{font-size:18px}#emo-theme .e-result{font-size:22px;line-height:1.6;padding:20px;background:#e7efe4;border-radius:12px}#emo-theme .e-category{font-size:24px;font-weight:700;width:100%;text-align:left}#emo-theme .sentence-row{grid-template-columns:minmax(0,1fr) minmax(230px,330px)}#emo-theme .sentence-row label,#emo-theme .relation-sentence,#emo-theme .story-text p{font-size:26px}#emo-theme .sentence-row select{min-width:0;width:100%;font-size:23px}#emo-theme .sentence-row .row-feedback{font-size:22px}#emo-theme .e-expression-art{width:100%;height:auto;align-self:center}#emo-theme .expression-scene{grid-template-columns:minmax(240px,360px) minmax(0,1fr)}#emo-theme .scene-copy select{max-width:100%}#emo-theme .e-story-figure img{max-height:none;object-fit:contain}#emo-theme .story-blank select{max-width:230px;font-size:24px}#emo-theme .e-gap-help{padding:18px 0;border-bottom:1px solid #d9e1d5}#emo-theme .e-gap-help .row-feedback{font-size:22px}#emo-theme .chip{overflow-wrap:anywhere}#emo-theme .small{font-size:18px}#emo-theme .story-text p{line-height:2}#emo-theme .series{flex-wrap:wrap}#emo-theme .series button{border-radius:50%;min-width:48px}
@media(max-width:1050px){#emo-theme .e-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#emo-theme .sentence-row{grid-template-columns:1fr}#emo-theme .bins{grid-template-columns:repeat(2,minmax(0,1fr))}#emo-theme .sentence-row select{max-width:none}}
@media(max-width:650px){#emo-theme .e-cards,#emo-theme .bins,#emo-theme .expression-scene{grid-template-columns:1fr}#emo-theme .e-word-art{aspect-ratio:1.6}#emo-theme .tab{font-size:20px;width:100%;text-align:left}#emo-theme .card{padding:22px}#emo-theme .word{margin-top:18px}#emo-theme .story-text{padding:18px}#emo-theme .exercise{padding:18px}#emo-theme .e-expression-art{max-height:300px;object-fit:contain}#emo-theme .sense-reference{grid-template-columns:1fr}#emo-theme .e-result{padding:16px}#emo-theme .scene-copy{padding:18px}#emo-theme .story-blank{max-width:100%}#emo-theme .story-blank select{max-width:210px}}

#emo-theme .e-word-icon{min-height:100px;display:grid;place-items:center;background:#eef3ef;border-radius:14px;font-size:58px}#emo-theme .word{line-height:1.35}#emo-theme .e-story-figure img{width:100%;max-height:none;object-fit:contain}
/* Landscape scenes stay large enough to read, with no crop of visual clues. */
#emo-theme .expression-scene{grid-template-columns:1fr}#emo-theme .e-expression-art{width:100%;max-width:900px;max-height:none;object-fit:contain;display:block;margin:0 auto}#emo-theme .scene-copy{padding:28px}
@media(max-width:650px){#emo-theme .scene-copy{padding:18px}}

/* Compact icon cards share the mythology desktop layout. */
@media(min-width:901px){#emo-theme .e-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}#emo-theme .e-cards .card{padding:22px 18px}#emo-theme .e-word-icon{min-height:80px;font-size:42px}}
@media(min-width:651px) and (max-width:900px){#emo-theme .e-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}