@font-face{font-family:Lesedruckschrift;src:url('lesedruckschrift.woff');font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}.wrap{width:min(1060px,calc(100% - 28px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px}a{color:inherit}button{font:inherit;color:#234e45;cursor:pointer;min-height:48px;border:2px solid #c8d7c4;background:#fffdf6;border-radius:17px}button:focus-visible,a:focus-visible{outline:4px solid #3974ba;outline-offset:4px}main{padding:18px;background:#fffaf0ed;border-radius:28px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font:700 clamp(24px,3vw,36px)/1.2 system-ui;margin:0}.heading button{padding:10px 14px;font-size:14px}.guide{display:flex;align-items:center;gap:20px;max-width:800px;margin:8px auto}.guide-funke{position:relative;width:110px;flex:none;border:0;background:transparent;padding:0;line-height:0}.guide-funke>img{width:100%;height:auto}.guide-funke>.mouth{position:absolute;inset:0;opacity:0;pointer-events:none;mask-image:radial-gradient(ellipse 6% 4% at 53.5% 57.1%,#000 85%,transparent 100%)}.guide-funke[data-mouth-open=true]>.mouth{opacity:1}.bubble{flex:1;background:url('funke-sprechblase-v1.svg') center/100% 100% no-repeat;padding:22px 28px 22px 35px}.bubble p{font:clamp(18px,2.3vw,25px)/1.35 Lesedruckschrift,system-ui;margin:0}#rhymeProgress{font-size:14px;color:#68766e;white-space:nowrap}.pair{display:flex;align-items:center;justify-content:center;gap:25px;margin:5px auto 12px}.picture,.drop{width:clamp(120px,21vh,205px);height:clamp(120px,21vh,205px);padding:5px;flex:none;background:#fffdf6}.picture img,.drop img{width:100%;height:100%;object-fit:contain;pointer-events:none}.drop{border:3px dashed #b7964e;border-radius:24px 20px 28px 22px;font-size:50px;color:#a68e60;background:#fff4cf99}.drop[data-result=correct]{border-color:#4c8b60;background:#e1efce}.drop[data-result=retry]{animation:wobble .3s}.pair-arrow{font-size:38px;color:#af8e4d}.choices{display:flex;justify-content:center;gap:18px}.rhyme-choice{position:relative;width:clamp(100px,18vh,170px);height:clamp(100px,18vh,170px);padding:5px;touch-action:none;user-select:none}.rhyme-choice img{width:100%;height:100%;object-fit:contain;pointer-events:none}.rhyme-choice[aria-pressed=true]{border:4px solid #4c8b60;background:#e1efce}.rhyme-choice.dragging{z-index:5;box-shadow:0 8px 22px #234e4530}.result{min-height:1.5em;text-align:center;margin:10px 0 0;font-size:19px}#audioError{font-size:14px;text-align:center;color:#825f30}#finish{text-align:center;padding:20px}.finish-mark{font-size:70px;color:#4c8b60}#again{display:block;margin:20px auto;font-size:40px;padding:8px 30px}footer{font-size:12px;text-align:center;padding:8px}@media(min-width:700px) and (min-height:540px){.site-logo{width:190px!important;flex-basis:190px!important}header{max-height:80px}.guide-funke{width:clamp(75px,13vh,110px)}.guide{margin:4px auto}.bubble{padding:18px 28px 18px 35px}.bubble p{font-size:clamp(18px,2.8vh,24px)}main{padding:12px 18px}.picture,.drop{width:clamp(120px,22vh,210px);height:clamp(120px,22vh,210px)}}@media(max-width:600px){main{padding:12px}header .site-logo{width:185px!important;flex-basis:185px!important}.heading button{font-size:12px;padding:6px 10px}.guide{gap:8px}.guide-funke{width:80px}.bubble{padding:20px 17px 20px 23px}#rhymeProgress{display:none}.pair{gap:12px}.pair-arrow{font-size:24px}.choices{gap:8px}.rhyme-choice{width:calc((100vw - 84px)/3);height:calc((100vw - 84px)/3);min-width:70px}.result{font-size:17px}}@media(min-width:1400px) and (min-height:850px){button{min-height:64px}.picture,.drop{width:250px;height:250px}.rhyme-choice{width:190px;height:190px}.guide-funke{width:140px}}@keyframes wobble{33%{transform:rotate(-3deg)}66%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.drop{animation:none!important}}