:root{--gruen:#1d9e75;--rot:#d85a30;--weiss:#ffffff;--text:#2c2c2a;--grau:#eee}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:var(--text);background:var(--weiss)}#app{max-width:480px;margin:0 auto;min-height:100vh;padding:16px}.start{text-align:center;padding-top:40px}.start h1{margin:8px 0}.dir{display:block;width:100%;margin:10px 0;padding:16px;font-size:18px;border:2px solid var(--gruen);border-radius:14px;background:#fff;cursor:pointer}.dir:active{transform:scale(.99)}.head{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:nowrap}.goalbar{flex:1;height:10px;background:var(--grau);border-radius:6px;overflow:hidden;min-width:30px}.goalfill{height:100%;background:var(--gruen);transition:width .3s}.flame,.xp{font-weight:600;white-space:nowrap}.iconbtn{background:none;border:1px solid var(--grau);border-radius:8px;padding:4px 7px;font-size:14px;cursor:pointer}.iconbtn:active{transform:scale(.95)}.card{background:#fff;border:1px solid var(--grau);border-radius:16px;padding:24px;text-align:center;position:relative;min-height:90px}.bg{font-size:38px;font-weight:600;word-break:break-word}.lat{color:#888;margin-top:6px}.hint{color:#888;margin-bottom:8px}.speak{position:absolute;top:12px;right:12px;font-size:22px;background:none;border:none;cursor:pointer}.speak-big{font-size:54px;background:none;border:none;cursor:pointer}.opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.opt{padding:14px;font-size:18px;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer}.opt:active{transform:scale(.99)}.opt.right{border-color:var(--gruen);background:#eafaf3}.opt.wrong{border-color:var(--rot);background:#fbeae3}.intro{border-color:var(--gruen)}.introlabel{color:var(--gruen);font-weight:600;font-size:14px;margin-bottom:10px}.meaning{margin-top:14px;font-size:22px;color:var(--text)}.pairs-title{text-align:center;color:#888;margin-bottom:10px}.pairs{display:flex;gap:12px}.col{flex:1;display:flex;flex-direction:column;gap:10px}.pair{padding:14px;font-size:18px;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer}.pair small{display:block;color:#888;font-size:12px;font-weight:400}.pair.sel{border-color:var(--gruen);background:#eafaf3}.pair.solved{border-color:var(--gruen);background:#eafaf3;opacity:.5;pointer-events:none}.pair.wrong{border-color:var(--rot);background:#fbeae3}.build{min-height:48px;border:2px dashed #ddd;border-radius:12px;padding:8px;margin:12px 0;display:flex;flex-wrap:wrap;gap:8px}.tiles{display:flex;flex-wrap:wrap;gap:8px}.tile{padding:10px 14px;font-size:18px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer}.tile.used{opacity:.3;pointer-events:none}.tile.placed{border-color:var(--gruen)}.check{width:100%;margin-top:14px;padding:14px;font-size:18px;border:none;border-radius:12px;background:var(--gruen);color:#fff;cursor:pointer}.feedback{text-align:center;margin-top:16px;font-size:18px;font-weight:600}.feedback.ok{color:var(--gruen)}.feedback.no{color:var(--rot)}