/* Hülle der Lernplattform: Formulare, Fächer, Welten, Eltern. Spiel-Stil steht in spiel.css. */
.formular{display:grid;gap:14px;background:#fff;border:2px solid var(--linie);border-radius:var(--rund);padding:18px}
.formular label{display:grid;gap:6px;font-weight:700;font-size:15px}
.formular input,.formular select{font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:2px solid var(--linie);background:#fff;color:var(--tinte);width:100%}
.formular input:focus,.formular select:focus{outline:3px solid var(--lila);outline-offset:1px}
.formular fieldset{border:2px solid var(--linie);border-radius:16px;padding:12px 14px;display:grid;gap:12px;margin:0}
.formular legend{font-weight:800;padding:0 6px}
.hinweis{color:var(--grau);font-size:14px;margin:0}
.fehler{color:#c62828;font-weight:700;min-height:1.2em;margin:0}
.welten{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.welt-wahl{display:grid;gap:4px;justify-items:center;text-align:center;background:#fff;border:2px solid var(--linie);border-radius:16px;padding:14px 8px;font-size:28px;color:var(--tinte)}
.welt-wahl span{font-size:15px;font-weight:800}
.welt-wahl small{font-size:12px;color:var(--grau)}
.welt-wahl.an{border-color:var(--lila);box-shadow:0 0 0 3px var(--lila-hell)}
.eltern-deck{padding:10px 0;border-bottom:1px solid var(--linie)}
.eltern-deck:last-child{border:0}
.eltern-deck .kacheln{margin:10px 0 4px}

/* Welt „schlicht“: ruhig und modern (für Ältere), gleiche Bausteine, keine Comic-Elemente */
body.welt-schlicht{
  --nacht:#1e293b; --lila:#2f5bea; --lila-hell:#e8eefe; --gold:#f2a516; --gold-dunkel:#b97a06;
  --gruen:#16a34a; --gruen-hell:#e6f6ec; --rot:#e5484d; --rot-hell:#fdecec; --tinte:#0f172a; --grau:#64748b;
  --papier:#f6f7f9; --linie:#e2e8f0; --rund:14px;
  background:var(--papier);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.welt-schlicht .kopf{box-shadow:none}
body.welt-schlicht .btn{border-radius:12px;box-shadow:none;font-weight:700}
body.welt-schlicht .btn:active{transform:scale(.99);box-shadow:none}
body.welt-schlicht .btn.hell{border:1px solid var(--linie)}
body.welt-schlicht .titel{font-weight:750;letter-spacing:-.8px}
body.welt-schlicht .sprechblase{padding-left:16px;border-width:1px;font-weight:500}
body.welt-schlicht .sprechblase::before{content:none}
body.welt-schlicht .kachel,body.welt-schlicht .box,body.welt-schlicht .chip,body.welt-schlicht .vokabel{border-width:1px}
body.welt-schlicht .vorne{background:var(--nacht);border:0}
body.welt-schlicht .hinten{border-width:1px}
body.welt-schlicht .seite{border-radius:18px;box-shadow:0 8px 24px #0f172a14}
body.welt-schlicht .vorne .wort{text-shadow:none}
body.welt-schlicht .weg .bahn{background:var(--linie);height:6px;top:28px}
body.welt-schlicht .weg .fuell{background:var(--lila);height:6px;top:28px}
body.welt-schlicht .weg .figur{font-size:14px;top:22px;color:var(--lila)}
body.welt-schlicht .weg .ziel{font-size:18px;top:16px}
body.welt-schlicht .saeule i{background:var(--lila)}
body.welt-schlicht .saeule.kurz i{background:var(--gold)}