.preview h3{font-size:1.15rem;margin:.15rem 0 .5rem}
.preview-words{text-align:center;color:var(--deep);font-size:.68rem;font-weight:800;line-height:1.4;margin-bottom:.45rem}
.letter-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);aspect-ratio:1;border:1px solid #97ad9d;padding:4px;background:#fff}
.letter-grid b{display:grid;place-items:center;font:700 clamp(.38rem,1.15vw,.72rem)/1 monospace}
.preview-line{font-size:.72rem;line-height:1.35;border-bottom:1px solid #d8ddd7;padding:.35rem 0;margin:.15rem}
.preview-summary{font-size:.68rem;line-height:1.4;background:#fff;border-radius:6px;padding:.5rem}
.maze-svg{width:100%;max-height:78%;display:block}
.draw-box{height:70%;border:2px dashed #89a897;border-radius:8px;display:grid;place-items:center;text-align:center;font-size:.8rem;color:var(--muted);padding:1rem}
.preview-art{height:42%;margin:.15rem auto .35rem;border:1px solid #a9b9ad;border-radius:7px;background:#fff;overflow:hidden}
.preview-art .story-art{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.preview-art-large{height:76%;margin-top:.45rem}
.preview-art-large .story-art{object-fit:contain}
.preview-count{text-align:center;color:var(--deep);font-size:.7rem;font-weight:800;margin:.35rem 0}