:root{--color-bg:#fef9ee;--color-surface:#fff;--color-text:#2d2a4a;--color-mathe:#4da6ff;--color-mathe-dark:#2f86e0;--color-deutsch:#ff7a8a;--color-deutsch-dark:#e85868;--color-correct:#4caf50;--color-correct-dark:#388e3c;--color-wrong:#ff5c5c;--color-wrong-dark:#d63e3e;--color-accent:#ffc94d;--color-accent-dark:#e6ac1f;--color-level-1:#ffd75e;--color-level-1-dark:#efb52c;--color-level-2:#6dd36d;--color-level-2-dark:#43a843;--color-level-3:#a98cff;--color-level-3-dark:#7d5ce6;--radius-lg:28px;--radius-xl:40px;--font-family:"Comic Sans MS", "Chalkboard SE", "Baloo 2", "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;font-family:var(--font-family);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(#fef9ee 0%,#fdf1dd 100%);margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;align-items:center;min-height:100%;padding:clamp(72px,12vw,96px) clamp(16px,4vw,40px) clamp(16px,4vw,40px);display:flex;position:relative}.page-title{text-align:center;margin:0 0 clamp(20px,4vw,40px);font-size:clamp(2rem,6vw,3.2rem)}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,3vw,32px);width:100%;max-width:720px;display:grid}.back-button{background:var(--color-surface);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,10vw,72px);height:clamp(56px,10vw,72px);font-size:clamp(1.6rem,4vw,2.2rem);transition:transform .1s;display:flex;position:fixed;top:clamp(12px,3vw,24px);left:clamp(12px,3vw,24px);box-shadow:0 6px #0000001f}.back-button:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.tile{border-radius:var(--radius-xl);color:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:clamp(180px,30vw,260px);padding:clamp(20px,4vw,32px) clamp(12px,3vw,20px);font-size:1.1rem;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 10px #00000026}.tile:active{transform:translateY(8px);box-shadow:0 2px #00000026}.tile__emoji{font-size:clamp(3.2rem,10vw,5.5rem);line-height:1}.tile__label{overflow-wrap:break-word;max-width:100%;font-size:clamp(1.05rem,3vw,1.9rem);font-weight:700}.tile--mathe{background:linear-gradient(160deg, var(--color-mathe), var(--color-mathe-dark))}.tile--deutsch{background:linear-gradient(160deg, var(--color-deutsch), var(--color-deutsch-dark))}.tile--accent{background:linear-gradient(160deg, var(--color-accent), var(--color-accent-dark));color:#4a3a00}.tile--level-1{background:linear-gradient(160deg, var(--color-level-1), var(--color-level-1-dark));color:#4a3a00}.tile--level-2{background:linear-gradient(160deg, var(--color-level-2), var(--color-level-2-dark))}.tile--level-3{background:linear-gradient(160deg, var(--color-level-3), var(--color-level-3-dark))}.tile--selected{outline:6px solid var(--color-text);outline-offset:4px}.tile__badge{font-size:clamp(1.4rem,4vw,2rem);line-height:1;position:absolute;top:10px;right:14px}.level-badge{background:var(--color-surface);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,10vw,72px);height:clamp(56px,10vw,72px);font-size:clamp(1.6rem,4vw,2.2rem);transition:transform .1s;display:flex;position:fixed;top:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);box-shadow:0 6px #0000001f}.level-badge:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.progress-bar{background:var(--color-surface);border-radius:999px;gap:clamp(12px,4vw,28px);margin-bottom:clamp(20px,4vw,36px);padding:10px clamp(18px,4vw,28px);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;display:flex;box-shadow:0 6px #0000001a}.progress-bar__item{white-space:nowrap;align-items:center;gap:6px;display:flex}.game{flex-direction:column;align-items:center;width:100%;max-width:760px;display:flex}.question-card{background:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:clamp(16px,4vw,28px);width:100%;margin-bottom:clamp(20px,4vw,36px);padding:clamp(20px,5vw,40px);display:flex;box-shadow:0 10px #00000014}.object-set{flex-direction:column;align-items:center;gap:clamp(6px,1.5vw,12px);display:flex}.object-set__row{justify-content:center;gap:clamp(8px,2vw,16px);display:flex}.object-set__item{font-size:clamp(2rem,6.5vw,3.2rem);line-height:1;animation:.3s backwards pop-in}.object-set__item--removed{opacity:.35;filter:grayscale()}.picture-display{font-size:clamp(6rem,22vw,9rem);line-height:1;animation:.35s pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:clamp(12px,3vw,20px);width:100%;display:grid}.answers-grid--comparison{grid-template-columns:repeat(3,1fr)}.calculation-objects{flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,12px);display:flex}.calculation-objects__group{border-radius:var(--radius-lg);background:#f4f2ff;padding:clamp(10px,2.5vw,18px) clamp(12px,3vw,20px)}.calculation-objects__operator{color:var(--color-mathe-dark);font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700}.calculation-objects .object-set__item{font-size:clamp(1.5rem,5vw,2.4rem)}.equation{border-top:4px dashed #e6e2f5;justify-content:center;align-items:center;gap:clamp(8px,2.5vw,18px);width:100%;padding-top:clamp(14px,3vw,24px);font-size:clamp(2.4rem,9vw,4rem);font-weight:700;display:flex}.equation__blank{color:var(--color-mathe-dark)}.comparison{justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);width:100%;display:flex}.comparison__side{flex:1;justify-content:center;min-width:0;display:flex}.comparison .object-set__item{font-size:clamp(1.1rem,4vw,2.1rem)}.comparison .object-set__row{gap:clamp(3px,1vw,10px)}.comparison__gap{font-size:clamp(1.8rem,5vw,2.6rem)}.croc{width:clamp(48px,13vw,76px);height:clamp(48px,13vw,76px);margin:0 auto;display:block}.croc__jaw{fill:none;stroke:var(--color-correct);stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.croc__jaw-fill{fill:var(--color-correct)}.croc__tooth,.croc__eye{fill:#fff}.croc__pupil{fill:var(--color-text)}.syllable-word{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2px;font-size:clamp(2rem,7vw,3.2rem);font-weight:700;display:flex}.syllable-word--plain{letter-spacing:2px;padding-bottom:clamp(18px,4vw,26px)}.syllable{font-family:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:none;flex-direction:column;align-items:stretch;padding:0 2px;display:flex}.syllable__text{letter-spacing:2px}.syllable__arc{width:100%;height:clamp(16px,4vw,24px);overflow:visible}.syllable__arc path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round}.syllable--red{color:#e53935}.syllable--blue{color:#1e88e5}.clap-hint{margin-bottom:clamp(10px,2vw,16px);font-size:clamp(1.8rem,5vw,2.6rem)}.answer-button__symbol{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1;display:block}.answer-button{border-radius:var(--radius-lg);color:var(--color-text);background:#eef1ff;border:none;padding:clamp(16px,4vw,28px) 8px;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;box-shadow:0 6px #c9cdf0}.answer-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c9cdf0}.answer-button:disabled{cursor:default}.answer-button--correct{background:var(--color-correct);color:#fff;box-shadow:0 6px 0 var(--color-correct-dark);animation:.5s wiggle-happy}.answer-button--wrong{background:var(--color-wrong);color:#fff;box-shadow:0 6px 0 var(--color-wrong-dark);animation:.4s shake}@keyframes wiggle-happy{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.feedback-overlay{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-overlay__emoji{filter:drop-shadow(0 6px 10px #0003);font-size:clamp(6rem,30vw,12rem);animation:.6s feedback-pop}.feedback-overlay--correct{background:#4caf5026}.feedback-overlay--wrong{background:#ff5c5c1f}@keyframes feedback-pop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.home-header{flex-direction:column;align-items:center;gap:4px;margin-bottom:clamp(24px,5vw,48px);display:flex}.home-header__emoji{font-size:clamp(3rem,8vw,4.5rem)}