/* Übungskarte und Knöpfe */
  .card{position:relative;background:var(--card-bg);color:var(--card-fg);border-radius:16px;padding:22px 20px 20px;min-height:215px;display:flex;flex-direction:column;justify-content:center}
  .lang{font-size:13px;color:var(--card-dim);margin:0 0 6px}
  .word{font-size:32px;font-weight:bold;margin:0 0 4px;line-height:1.15;word-break:break-word}
  .lekt{font-size:13px;color:var(--card-dim);margin:0 0 14px}
  .card input{width:100%;font-family:var(--font);font-size:19px;padding:11px 12px;border:2px solid var(--card-line);border-radius:10px;background:var(--card-bg);color:var(--card-fg)}
  .row{display:flex;gap:8px;margin-top:10px}
  .btn{font-family:var(--font);font-size:15px;font-weight:bold;padding:11px 16px;border:none;border-radius:10px;cursor:pointer;background:var(--bg);color:var(--fg)}
  .btn.ghost{background:none;color:var(--card-dim);border:2px solid var(--card-line);font-weight:normal}
  .btn.wide{flex:1}
  .btn:disabled{opacity:.45;cursor:default}
  .verdict{font-size:17px;font-weight:bold;margin:0 0 6px}
  .verdict.ok{color:var(--good);filter:brightness(.72)}
  .verdict.no{color:var(--bad);filter:brightness(.82)}
  .solution{font-size:24px;font-weight:bold;margin:0 0 4px}
  .yours{font-size:14px;color:var(--card-dim);margin:0}
  .earn{margin:10px 0 0;font-size:14px;color:var(--card-dim)}
  .earn b{color:var(--card-fg)}

  .serie{margin:10px 0 0;font-size:15px;font-weight:bold;color:var(--card-fg)}

/* Maße aus dem Navigationskonzept: größere Karte, größeres Wort, größere Knöpfe */
  .card{border-radius:22px;padding:24px 22px}
  .card .lang,.card .lekt{font-size:15px}
  .card .word{font-size:40px}
  .card .solution{font-size:28px}
  .card input{font-size:19px;padding:14px 16px;border-radius:14px}
  .card .row{gap:10px;margin-top:14px}
  .card .btn{padding:15px;font-size:17px;border-radius:12px}
  .card .btn.ghost{padding:15px 20px}

/* Unsichtbares Feld in der Rückmeldung, hält auf dem Handy die Tastatur offen (js/ui/tippen.js).
   Nicht display:none – sonst ginge die Tastatur zu; 16 px, damit iOS nicht hineinzoomt. */
  .tastatur-halter{position:absolute;left:50%;top:0;width:1px;height:1px;padding:0;border:0;opacity:0;font-size:16px;pointer-events:none}