/* v73 Buchstaben-Meister */
.ln{max-width:980px;margin:0 auto;overflow-wrap:break-word}
.ln h1{font-size:1.5rem;line-height:1.25}
.ln h2{font-size:1.1rem;margin:0 0 .5rem}
.ln button{font:inherit;cursor:pointer;color:var(--ink)}
.ln-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem}
.ln-path{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:.65rem .8rem;border:2px solid var(--rule);border-radius:10px;background:var(--surface)}
.ln-path span{font-size:.8rem;color:var(--soft)}
.ln-path.on{border-color:var(--gold);background:rgba(201,162,75,.14)}
.ln-stats{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:.7rem 0 0;font-size:.92rem;color:var(--soft)}
.ln-stats b{color:var(--ink)}
.ln-stage{margin-top:1rem;padding:1rem;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}
.ln-prog{height:6px;border-radius:3px;background:var(--rule);overflow:hidden;margin-bottom:.8rem}
.ln-prog i{display:block;height:100%;width:0;background:var(--lapis);transition:width .25s}
.ln-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem;font-size:.9rem;color:var(--soft)}
.ln-tag{padding:.1rem .55rem;border:1px solid var(--rule);border-radius:99px;font-size:.78rem;color:var(--ink)}
.ln-tag.new{border-color:var(--lapis);color:var(--lapis)}
.ln-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.2rem;align-items:start}
.ln-body>*{min-width:0}
.ln-draw canvas{display:block;margin:0 auto;border:1px solid var(--rule);border-radius:10px;touch-action:none;cursor:crosshair;max-width:100%;background:#fff}
.ln-btns,.ln-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 0}
.ln-nav{justify-content:space-between;margin-top:1rem}
.ln button:not(.ln-g):not(.ln-path){padding:.55rem 1rem;min-height:2.6rem;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface)}
.ln button.ln-primary:not(.ln-g):not(.ln-path){background:linear-gradient(180deg,var(--lapis),var(--lapis-deep));color:#fff;border-color:transparent}
.ln button:disabled{opacity:.7;cursor:default}
.ln-fb{margin:.7rem 0 0;padding:0;font-size:.95rem}
.ln-fb p{margin:0}
.ln-fb.good,.ln-fb.ok,.ln-fb.warn{padding:.6rem .8rem;border-left:4px solid;border-radius:6px;background:var(--wash)}
.ln-fb.good{border-color:var(--verdigris)}.ln-fb.ok{border-color:var(--gold)}.ln-fb.warn{border-color:var(--madder)}
.ln-m{font-size:.82rem;color:var(--soft);margin-top:.25rem!important}
.ln-info h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.ln-big{font-family:Amiri,"Scheherazade New",serif;font-size:3rem;line-height:1.1}
.ln-ex{font-family:Amiri,"Scheherazade New",serif;font-size:1.5rem}
.ln-info small{font-size:.85rem;color:var(--soft);font-weight:400}
.ln-forms{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.ln .ln-forms button{display:flex;flex-direction:column;align-items:center;min-width:3.6rem;padding:.3rem .5rem;border:2px solid var(--rule);border-radius:8px}
.ln .ln-forms button.on{border-color:var(--gold);background:rgba(201,162,75,.14)}
.ln-forms span{font-family:Amiri,"Scheherazade New",serif;font-size:1.7rem;line-height:1.5}
.ln-forms small{font-size:.7rem}
.ln-q{font-size:1.05rem;margin:.2rem 0}
.ln-qg{text-align:center;font-family:Amiri,"Scheherazade New",serif;font-size:6rem;line-height:1.4}
.ln-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.ln .ln-opts button.right{border-color:var(--verdigris);background:rgba(46,143,99,.15)}
.ln .ln-opts button.wrong{border-color:var(--madder);background:rgba(156,58,44,.12)}
.ln-done{text-align:center}.ln-big2{font-family:Amiri,"Scheherazade New",serif;font-size:2.4rem;margin:.3rem 0}
.ln-next{text-align:center;margin-top:.8rem}.ln-empty{text-align:center;color:var(--soft);padding:1rem}
.ln-all{margin-top:1.8rem}
.ln-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.4rem}
.ln .ln-g{display:flex;flex-direction:column;align-items:center;padding:.3rem .2rem;border:2px solid var(--rule);border-radius:8px;background:var(--surface)}
.ln-g span{font-family:Amiri,"Scheherazade New",serif;font-size:1.9rem;line-height:1.5}
.ln-g small{font-size:.66rem;color:var(--soft)}
.ln-g.mastered{border-style:solid;border-color:var(--verdigris)}
.ln-g.learning{border-style:dashed;border-color:var(--gold)}
.ln-g.unseen{border-style:dotted}
.ln-shop{margin-top:1.8rem}
.ln-faq{margin-top:2rem}.ln-faq details{border-bottom:1px solid var(--rule);padding:.5rem 0}.ln-faq summary{cursor:pointer;font-weight:600}
.ln-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.ln .ln-tools button{font-size:.85rem;padding:.4rem .8rem;min-height:2.2rem}
@media (max-width:760px){.ln-paths{grid-template-columns:1fr}.ln-body{grid-template-columns:1fr}.ln-stage{padding:.7rem}.ln-qg{font-size:4.6rem}}