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

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

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