/* Übungsseiten Einmaleins-Teppich, Silben trennen, Pizza-Brüche (Update 43) */
.ue-modus{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.ue-modus button{font:inherit;font-weight:800;min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid var(--a-linie,#eadfcc);background:#fff;color:var(--a-tinte,#1e2a24);cursor:pointer}
.ue-modus button[aria-pressed="true"]{background:var(--a-gruen,#1f4d3a);border-color:var(--a-gruen,#1f4d3a);color:#fff}
.ue-zwei{display:grid;gap:16px}
@media (min-width:860px){.ue-zwei{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}
.ue-zwei > .card{margin:0}
.ue-gross{font-size:clamp(1.7rem,5vw,2.3rem);font-weight:900;color:var(--a-gruen,#1f4d3a);margin:4px 0 10px;display:block;line-height:1.15}
.ue-rm{min-height:1.5em;font-weight:800;margin:10px 0 0}
.ue-rm.gut{color:#1d6b46}.ue-rm.noch{color:#a0361f}
.ue-k{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}
.ue-k button,.ue-k .knopf{font:inherit;font-weight:800;min-height:46px;padding:10px 18px;border-radius:14px;cursor:pointer;border:2px solid var(--a-gruen,#1f4d3a)}
.ue-k .haupt{background:var(--a-gruen,#1f4d3a);color:#fff}
.ue-k .neben{background:#fff;color:var(--a-gruen,#1f4d3a)}
.ue-fort{display:flex;gap:5px;margin:0 0 14px}
.ue-fort span{flex:1;height:8px;border-radius:99px;background:var(--a-linie,#eadfcc)}
.ue-fort .ok{background:#3f9a6c}.ue-fort .mh{background:var(--a-senf,#f2b544)}.ue-fort .jetzt{background:var(--a-gruen,#1f4d3a)}
.ue-ende{text-align:center;padding:8px 0}
.ue-ende img{width:130px;height:auto}
.ue-sterne{font-size:2rem;letter-spacing:.08em;color:var(--a-senf,#f2b544)}

/* Einmaleins-Teppich */
.tep{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:8px 0}
.tep .kopfz{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--a-gruen,#1f4d3a);font-size:clamp(.7rem,2.4vw,1rem);aspect-ratio:1}
.tep button{aspect-ratio:1;border:0;border-radius:7px;background:var(--a-gruen-hell,#e2f2e9);color:var(--a-gruen,#1f4d3a);font:inherit;font-weight:800;font-size:clamp(.6rem,2.2vw,.95rem);padding:0;min-width:0;cursor:pointer}
.tep button.quadrat{background:#cfe9da}
.tep button.recht{background:var(--a-senf-hell,#fff3d4);color:#6b4500}
.tep button.wahl{background:var(--a-senf,#f2b544);color:#2b1d00}
.tep button.erobert{background:#1d6b46;color:#fff}
.tep button.ziel{outline:3px solid var(--a-koralle,#c2452a);outline-offset:-3px}
.tep.ueben button:not(.erobert){color:transparent}
.punkte{display:grid;gap:4px;justify-content:start;margin:8px 0}
.punkte i{width:15px;height:15px;border-radius:50%;background:var(--a-senf,#f2b544);display:block}
.ue-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ue-form label{width:100%}
.ue-form input{width:7.5rem;font:inherit;font-size:1.45rem;font-weight:800;padding:8px 10px;border:2px solid var(--a-linie,#eadfcc);border-radius:12px;min-height:50px}
.ue-form input:focus-visible{border-color:var(--a-gruen,#1f4d3a)}

/* Silben trennen */
.sil-wort{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:6px 0 10px;font-size:clamp(1.9rem,7.5vw,2.8rem);font-weight:900;color:var(--a-tinte,#1e2a24)}
.sil-wort .b{padding:.08em .04em}
.sil-wort .lueck{width:1.15rem;min-height:46px;border:0;background:transparent;position:relative;cursor:pointer;border-radius:6px;padding:0}
.sil-wort .lueck::after{content:"";position:absolute;left:50%;top:22%;bottom:22%;border-left:2px dotted #b9ad97}
.sil-wort .lueck:hover::after{border-left-color:var(--a-gruen,#1f4d3a)}
.sil-wort .lueck[aria-pressed="true"]::after{border-left:4px solid var(--a-gruen,#1f4d3a);top:10%;bottom:10%}
.sil-wort .lueck.soll::after{border-left:4px solid #2f8f5f;top:10%;bottom:10%}
.sil-wort .lueck.falsch::after{border-left:4px solid var(--a-koralle,#c2452a);top:10%;bottom:10%}

/* Pizza-Brüche */
.pizza{width:min(230px,62vw);height:auto;display:block;margin:4px auto 10px}
.pizza .stueck{cursor:default}
.pizza.belegen .stueck{cursor:pointer}
.pizza .stueck:focus-visible{outline:none;stroke:var(--a-gruen,#1f4d3a);stroke-width:4}
.bruch{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05;font-weight:900;vertical-align:middle}
.bruch span:first-child{border-bottom:3px solid currentColor;padding:0 .18em}
.wahl4{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.wahl4 button{font:inherit;font-size:1.45rem;min-height:72px;border-radius:16px;border:3px solid var(--a-linie,#eadfcc);background:#fff;cursor:pointer;color:var(--a-tinte,#1e2a24)}
.wahl4 button:hover:not(:disabled){border-color:var(--a-gruen,#1f4d3a);background:var(--a-gruen-hell,#e2f2e9)}
.wahl4 button.gut{border-color:#2f8f5f;background:#dcf3e6}
.wahl4 button.noch{border-color:var(--a-koralle,#c2452a);background:var(--a-koralle-hell,#fde2d9)}
.wahl4 button:disabled{cursor:default}
@media (prefers-reduced-motion:reduce){.ue-k button{transition:none}}