/* Die Hand bleibt im Garten: eine ruhige Bedienleiste vor der sichtbaren Landschaft. */
.gl-wege{position:fixed;z-index:12;left:50%;top:110px;transform:translateX(-50%);display:flex;gap:6px;max-width:calc(100vw - 24px)}
.gl-wege button,.gl-einladung{min-height:44px;border:1px solid #d5b27466;border-radius:22px;background:#102a25ed;color:#f4e4c1;padding:9px 15px;font:15px Georgia,serif;box-shadow:0 4px 16px #07151333}
.gl-wege button{white-space:nowrap}.gl-einladung{position:fixed;left:50%;transform:translateX(-50%);bottom:155px;z-index:16;max-width:calc(100vw - 30px);font-size:17px}
.gl-ort{position:fixed;z-index:18;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(590px,calc(100vw - 32px));max-height:49dvh;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 14px;border:1px solid #d5b27466;border-radius:25px;background:#112c28f2;box-shadow:0 12px 40px #0017144d;color:#f4e4c1;font:17px/1.35 Georgia,serif;scrollbar-width:thin}
.gl-ort [hidden],.gl-wege[hidden],.gl-einladung[hidden],.gl-ort[hidden]{display:none!important}
.gl-kopf{display:flex;gap:9px;align-items:center;margin-bottom:7px}.gl-freund{object-fit:contain;flex:0 0 42px}.gl-namen{flex:1;min-width:0}.gl-namen .kicker{font-size:9px;letter-spacing:1px;display:block}.gl-namen strong{font-size:15px;font-weight:400;display:block}.gl-klein{flex:0 0 44px;width:44px;height:44px;border-radius:50%;font-size:21px;padding:0}
.gl-ort button{color:inherit;background:#173e36;border:1px solid #c7ad786b;cursor:pointer;touch-action:manipulation;min-height:44px;font-family:inherit}.gl-ort button:focus-visible,.gl-wege button:focus-visible,.gl-einladung:focus-visible{outline:3px solid #ffdf91;outline-offset:3px}.gl-ort button:active{background:#43634b}.gl-ort button:disabled{opacity:.5;cursor:default}
.gl-frage{font-size:clamp(18px,2vw,23px);margin:0 0 5px;line-height:1.25}.gl-unterzeile{font:12px/1.3 'Helvetica Neue',sans-serif;color:#bfd1c3;margin:2px 0 8px}.gl-inhalt{min-width:0}.gl-auswahl,.gl-samenreihe,.gl-beete{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:8px 0}.gl-auswahl button{flex:1;max-width:140px;border-radius:16px;min-height:58px;padding:8px}.gl-zahl{font-size:30px}.gl-samen{font-size:23px;border-radius:50%;width:44px;padding:0}.gl-samen.gezaehlt{background:#668150;box-shadow:0 0 0 2px #edcd85 inset}.gl-punkte{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:110px;align-self:center}.gl-punkte i{display:inline-block;font:20px/1 Georgia,serif;color:#eed49e;font-style:normal;min-width:16px}.gl-zielzahl{display:block;text-align:center;font-size:31px;line-height:1.1}.gl-beet{border-radius:15px;width:42%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;background:#554534!important}.gl-beetname,.gl-beetsoll{font:12px 'Helvetica Neue',sans-serif;color:#f4e4c1}.gl-beetsoll{border-top:1px solid #dfc39366;padding-top:4px}.gl-rest{margin:4px 0;font:14px 'Helvetica Neue',sans-serif;color:#d7dfc8}.gl-plus{font-size:24px;align-self:center}.gl-wortbild{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;font-size:15px}.gl-bild{font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:38px;line-height:1.2}.gl-vorbild{display:block;text-align:center;font-size:30px}.gl-lauschen{display:block;width:62px;border-radius:50%;font-size:28px;margin:4px auto}.gl-mass{display:flex;justify-content:center;margin-top:7px}.gl-mass span{width:33px;height:24px;border:1px solid #ccb78c88;background:#285856;text-align:center}.gl-brett{display:flex;gap:2px;justify-content:center}.gl-brett i{font-style:normal;color:#edca87;font-size:23px}.gl-gelegt{font-size:15px;text-align:center;margin:6px 0}.gl-wort{font-size:14px;line-height:1.35;color:#e5d9b7;margin:6px 0;min-height:0}.gl-wort:empty{display:none}.gl-aktionen{display:flex;align-items:center;justify-content:center;gap:9px}.gl-aktionen button{border-radius:20px;padding:8px 15px}.gl-weiter{background:#d5b274!important;color:#122920!important;font-weight:600}.gl-neben{background:transparent!important;font-size:13px}.gl-bilderorte{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px}.gl-bilderorte button{min-height:48px;padding:8px 15px;border:1px solid #d5b27477;border-radius:20px;background:#193d32;color:#f4e4c1}
body.lernspiel-aktiv .steuerkreuz{bottom:20px;z-index:19}body.lernspiel-aktiv .sprung{display:none}
@media(min-width:761px){body:has(#garten-lernwege:not([hidden])) .ga-mission{top:165px}body.lernspiel-aktiv .kopf{opacity:.65}}
@media(max-width:760px){.gl-wege{top:90px;gap:4px;width:calc(100vw - 24px);justify-content:center}.gl-wege button{font-size:12px;padding:8px 9px;flex:1;min-width:0;white-space:normal}.gl-einladung{bottom:calc(180px + env(safe-area-inset-bottom));font-size:14px;padding:10px 15px;white-space:nowrap}.gl-ort{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 20px);max-height:48dvh;padding:10px 12px;border-radius:22px}.gl-namen .kicker{display:none}.gl-namen strong{font-size:13px}.gl-kopf{gap:5px}.gl-freund{flex-basis:34px;width:34px;height:40px}.gl-frage{font-size:18px}.gl-kopf .gl-klein{flex-basis:44px}.gl-samenreihe{gap:3px}.gl-auswahl{gap:7px;margin:6px 0}.gl-auswahl button{min-height:52px;padding:5px}.gl-beet{min-height:68px}.gl-bild{font-size:34px}.gl-wort{font-size:13px}.gl-unterzeile{font-size:11px}.gl-beete{margin:5px 0}.gl-aktionen button{padding:7px 12px}body.lernspiel-aktiv .steuerkreuz{left:9px;bottom:calc(49dvh + 22px);transform:scale(.78);transform-origin:left bottom}body:has(#garten-lernwege:not([hidden])) #missionleiste{top:144px}}
@media(max-height:550px) and (orientation:landscape){.gl-ort{left:auto;right:10px;bottom:10px;transform:none;width:min(390px,49vw);max-height:calc(100dvh - 20px)}.gl-wege{top:65px;left:12px;transform:none;width:45vw;flex-wrap:wrap}.gl-einladung{left:25%;bottom:90px;max-width:45vw}.gl-frage{font-size:17px}.gl-kopf{margin-bottom:4px}.gl-kopf .gl-klein{width:44px;flex-basis:44px}.gl-freund{display:none}.gl-namen strong{font-size:12px}body.lernspiel-aktiv .steuerkreuz{left:15px;bottom:15px;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.gl-ort,.gl-ort *{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.gl-ort,.gl-wege button,.gl-einladung{background:#112c28;border-color:#ead5ac}}

.gl-mikro{flex:0 0 44px;font-size:19px;padding:5px!important}.gl-verstanden{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border:1px solid #d5b274;border-radius:14px}.gl-verstanden button{min-width:44px;border-radius:50%;font-size:20px}.gl-verstanden span{font-size:15px}