/* Lernspiele wohnen in der Begegnung: eine Fläche, klare Handlung, keine Rahmenstapel. */
.mechanik{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;color:#f4e4c1;font-family:Georgia,'Times New Roman',serif;line-height:1.55;overflow-wrap:break-word;hyphens:auto}.mechanik *{box-sizing:border-box;min-width:0}
.mechanik-titel{margin:0 0 6px;color:#f4e4c1;font-size:clamp(1.35rem,3.5vw,1.9rem);font-weight:400;line-height:1.2}.mechanik-anweisung{max-width:60ch;margin:0 0 14px;color:#d5dfd7;font-size:clamp(.94rem,2.2vw,1.05rem)}
.mechanik-meldung,.mechanik-hinweis{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:.86rem;line-height:1.45}.mechanik-meldung{min-height:1.45em;margin:8px 0;color:#e8c47f}.mechanik-hinweis{margin:8px 0;color:#c7d4cc}
.mechanik-fortschritt{display:block;width:100%;height:7px;margin:10px 0 16px;border:0;border-radius:999px;accent-color:#d5b274;background:#d5b2741a}.mechanik-fortschritt::-webkit-progress-bar{border-radius:999px;background:#d5b2741a}.mechanik-fortschritt::-webkit-progress-value{border-radius:999px;background:#d5b274}
.mechanik-reihe,.mechanik-gitter,.mechanik-aktionen,.mechanik-auswahl{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mechanik-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr))}
.mechanik-knopf{min-width:44px;min-height:46px;max-width:100%;padding:10px 14px;border:1px solid #d5b27455;border-radius:12px;background:#20342e;color:#f4e4c1;font:600 .93rem/1.3 'Helvetica Neue',Helvetica,Arial,sans-serif;cursor:pointer;overflow-wrap:break-word;hyphens:auto;touch-action:manipulation;transition:background .16s,border-color .16s,transform .16s}.mechanik-knopf:hover,.mechanik-knopf:active,.mechanik-offen{border-color:#d5b274;background:#354a3a}.mechanik-knopf:active{transform:translateY(1px)}.mechanik-knopf:focus-visible,.mechanik-zeichenfeld:focus-visible{outline:3px solid #f4e4c1;outline-offset:3px}.mechanik-knopf:disabled{cursor:default;opacity:.72}.mechanik-knopf[hidden],.mechanik-gitter[hidden]{display:none}.mechanik-hauptaktion,.mechanik-pruefen{flex:1 1 100%;min-height:50px;border-color:#d5b274;background:#d5b274;color:#12231e}
.mechanik-symbol{min-height:58px;font-size:1.25rem}.mechanik-text{flex:1 1 150px;text-align:left}.mechanik-buehne{min-height:78px;display:grid;place-items:center;padding:12px 16px;border-block:1px solid #d5b27435;background:#d5b27408}.mechanik-gross{font-size:clamp(1.75rem,7vw,3.4rem);line-height:1.15;text-align:center}
.mechanik-zeichen{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.2rem,5vw,2rem);line-height:1;white-space:nowrap;word-break:keep-all}.mechanik-wort{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:.95rem;line-height:1.3;white-space:normal;overflow-wrap:break-word;hyphens:auto}
.mechanik-lernziel{margin:8px 0 12px;padding-left:12px;border-left:2px solid #d5b274;color:#f4e4c1;font-size:.9rem}.mechanik-lernziel:before{content:'Heute entdecken · ';color:#d5b274;font:600 .68rem/1.4 'Helvetica Neue',Arial;letter-spacing:.04em;text-transform:uppercase}
.mechanik-suchbild{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;margin:10px 0 14px;padding:10px 14px;border-block:1px solid #d5b27435;background:#d5b27408}.mechanik-suchbild .mechanik-zeichen{font-size:clamp(2rem,8vw,3rem)}.mechanik-suchbild .mechanik-wort{font-size:.85rem;color:#cbd7cf}
.mechanik-teilplatz{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:stretch}.mechanik-teilplatz>.mechanik-platz{display:flex;flex-direction:column;justify-content:center;gap:7px;width:100%}.mechanik-teilplatz>button:last-child{padding:5px;min-width:44px}.mechanik-menge{display:block;color:#e8c47f;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.35;letter-spacing:.08em;overflow-wrap:anywhere}
#begegnung .mechanik-knopf[aria-pressed="true"],#begegnung .mechanik-stern[aria-pressed="true"]{border-color:#f4e4c1;background:#d5b274;color:#13241f;box-shadow:0 0 0 2px #13241f,0 0 0 4px #d5b274}#begegnung .mechanik-knopf[aria-pressed="true"] .mechanik-wort,#begegnung .mechanik-knopf[aria-pressed="true"] .mechanik-zeichen{color:#13241f}
#begegnung .mechanik-kind .mechanik-hoeren{position:static;inset:auto;min-width:44px;min-height:46px;padding:10px 14px;font-size:.88rem}#begegnung .mechanik-kind .mechanik-hoeren:before{content:none}#begegnung .mechanik-aktionen{align-items:stretch}#begegnung .mechanik-aktionen>.mechanik-knopf{flex:1 1 145px}
#begegnung .mechanik-kind .mechanik-lernziel{display:none}#begegnung .mechanik-kind .mechanik-anweisung{position:static;width:auto;height:auto;overflow:visible;margin:0 0 12px;color:#d5dfd7;font:400 .94rem/1.55 Georgia,'Times New Roman',serif}
#begegnung .mechanik-reihe,#begegnung .mechanik-aktionen,#begegnung .mechanik-auswahl{gap:10px}#begegnung .mechanik-pruefen,#begegnung .mechanik-hauptaktion{border-color:#f4e4c1;background:#e7c47f;color:#071511;font-weight:750}
/* Eine Spur läuft waagerecht. Die sechs I-Ging-Linien bleiben als Zeichen übereinander. */
.mechanik-spur,.mechanik-zielspur,.mechanik-fortschrittspur{display:flex;align-items:stretch;gap:7px;width:100%;margin:12px 0;padding:10px 2px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.mechanik-spur>*{flex:1 0 max-content;white-space:normal}
.mechanik-linien{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:min(100%,360px);margin:10px auto;padding:10px 0;text-align:center}.mechanik-linie{display:block;min-height:31px;padding:3px 6px;color:#e8c47f;font-size:clamp(1rem,4.5vw,1.3rem);line-height:1.2;letter-spacing:1px;white-space:nowrap}.mechanik-linien .mechanik-knopf{width:100%;font-family:Georgia,serif;font-size:1rem;white-space:normal}
.mechanik-gefunden{border-color:#a9d3b8!important;background:#426248!important;color:#fff8e5!important;opacity:1!important}.mechanik-zeichenfeld{display:block;width:100%;height:auto;max-height:min(34dvh,300px);min-height:150px;border:1px solid #d5b27455;border-radius:12px;background:#14231e;touch-action:none}.mechanik-sternenfeld{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:9px;padding:12px 0}.mechanik-stern{min-height:54px;font-size:1.4rem}
.mechanik-lichtwelle{display:grid;place-items:center;width:104px;height:104px;margin:16px auto;border-radius:50%;background:#7d632d;color:#f4e4c1;font-size:2.5rem;box-shadow:0 0 24px #c8903a55;transition:transform 1.2s ease,background 1.2s ease}.mechanik-grosslicht{transform:scale(1.25);background:#c8903a}.mechanik-fertig{color:#f4e4c1}.mechanik-wackel{animation:mechanik-rueckmeldung .25s ease}@keyframes mechanik-rueckmeldung{50%{filter:brightness(1.2)}}
.mechanik-kind .mechanik-bildknopf,.mechanik-kind .mechanik-vorfuehren,.mechanik-kind .mechanik-halten,.mechanik-kind .mechanik-platz{min-height:58px;font-size:1.05rem}.mechanik-kind .mechanik-bildknopf{border-color:var(--symbolfarbe,#d5b274)}.mechanik-kind .mechanik-buehne{min-height:100px}.mechanik-kind .mechanik-gross{font-size:clamp(2.2rem,9vw,4.4rem)}.mechanik-kind .mechanik-zielspur{justify-content:center}.mechanik-kind .mechanik-zielbild{flex:0 0 auto;display:grid;place-items:center;min-width:48px;min-height:48px;padding:6px;border-bottom:2px solid #7b8d83;font-size:1.75rem}.mechanik-kind .mechanik-zeigspur{outline:3px solid #e8b65d;outline-offset:3px}.mechanik-kind .mechanik-pfeil{text-align:center;color:#e8b65d;font-size:2rem;line-height:1}.mechanik-kind .mechanik-vorrat{min-height:42px;color:#e8b65d;font-size:1.55rem;letter-spacing:.08em}.mechanik-kind .mechanik-platz{flex:1 1 120px}.mechanik-kind .mechanik-naechster{display:grid;place-items:center;width:78px;height:78px;margin:10px auto;border:2px solid #e8b65d;border-radius:50%;background:#25382f;color:#f4e4c1;font-size:2.2rem}.mechanik-kind .mechanik-halten{width:100%}.mechanik-kind .mechanik-zeichenfeld{min-height:180px}
.mechanik-hoeren:before,.mechanik-vorfuehren:before{content:none}.mechanik-kind .mechanik-halten:before{content:'✋';margin-right:8px;font-size:1.45rem}.mechanik-kind .mechanik-zieljetzt{border-radius:6px;background:#d5b27428;box-shadow:inset 0 0 0 2px #d5b274}
@media(max-width:430px){.mechanik-titel{font-size:1.28rem}.mechanik-anweisung{margin-bottom:10px;font-size:.9rem}.mechanik-meldung{font-size:.76rem}.mechanik-fortschritt{margin-bottom:12px}.mechanik-gitter{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mechanik-knopf{padding:9px;font-size:.82rem}.mechanik-reihe{gap:7px}.mechanik-spur,.mechanik-zielspur{margin:8px 0}.mechanik-linien{gap:3px;margin:6px auto}.mechanik-linie{min-height:27px;font-size:.95rem}.mechanik-sternenfeld{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px 0}}
@media(max-height:560px) and (orientation:landscape){.mechanik-titel{font-size:1.2rem}.mechanik-anweisung{margin:0 0 6px;font-size:.82rem}.mechanik-meldung{margin:4px 0;min-height:1.2em}.mechanik-fortschritt{margin:5px 0 8px}.mechanik-buehne{min-height:58px;padding:6px}.mechanik-gitter,.mechanik-reihe{margin:7px 0}.mechanik-knopf{min-height:42px;padding:7px 10px}.mechanik-zeichenfeld{max-height:44dvh;min-height:115px}.mechanik-lichtwelle{width:74px;height:74px;margin:7px auto}}
@media(prefers-reduced-motion:reduce){.mechanik-lichtwelle{transition:none}.mechanik-wackel{animation:none}.mechanik-knopf{transition:none}}.mechanik-ruhig .mechanik-lichtwelle{transition:none}.mechanik-ruhig.mechanik-wackel{animation:none}