/* Atlas-App: Daumenleiste und App-Hülle. Gilt nur im App-Modus (html[data-app]):
   Handybreite oder zum Startbildschirm hinzugefügt, nie eingebettet. Der Rechner bleibt wie bisher. */
html[data-app] body{overscroll-behavior:none}
html[data-app] .wrap{padding:0;max-width:none;gap:0}
html[data-app] header,html[data-app] footer,html[data-app] #leiste{display:none!important}
html[data-app] .grid{display:block}
/* Bühne füllt alles über der Leiste */
html[data-app] .stage{margin-inline:0;border-radius:0;height:calc(100svh - var(--daumen-h) - env(safe-area-inset-bottom));min-height:0}
/* Bedienelemente wandern in die Leiste: oben bleibt nur der Ort */
html[data-app] .kopf .zurueck,html[data-app] .kopf .rechts,html[data-app] .ebenen{display:none!important}
html[data-app] .kopf{padding-top:max(10px,env(safe-area-inset-top))}
html[data-app] .suchfeld{top:auto;bottom:12px}
html[data-app] .hilfe{bottom:68px}
html[data-app] .wahl{bottom:96px;right:12px}
:root{--daumen-h:60px}
#daumenleiste{display:none}
html[data-app] #daumenleiste{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#1b1c21;border-top:1px solid rgba(250,249,246,.14);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--daumen-h) + env(safe-area-inset-bottom))}
html[data-app] #daumenleiste[hidden]{display:none}
#daumenleiste button{flex:1;min-width:0;height:var(--daumen-h);border:0;background:none;color:#a4a198;font:500 11px var(--f-body,system-ui);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#daumenleiste button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#daumenleiste button[hidden]{display:none}
#daumenleiste button[aria-pressed="true"],#daumenleiste button[aria-checked="true"]{color:#faf9f6;font-weight:600}
#daumenleiste button[aria-checked="true"] svg{stroke:#e7a57f}
#daumenleiste button[aria-disabled="true"]{opacity:.35}
#daumenleiste button[data-laedt] svg{stroke-dasharray:3 3}
#daumenleiste button:focus-visible{outline:3px solid #d98c6f;outline-offset:-3px}
/* Hinweis „Zum Startbildschirm“ */
#installhinweis{position:fixed;left:12px;right:12px;bottom:calc(var(--daumen-h) + 12px + env(safe-area-inset-bottom));z-index:45;background:#faf9f6;color:#292f2b;border-radius:12px;padding:12px 14px;font:14px/1.4 var(--f-body,system-ui);box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;gap:10px;align-items:flex-start}
#installhinweis[hidden]{display:none}
#installhinweis button{flex:none;min-height:44px;min-width:44px;border:0;background:none;color:#6e6a62;font:inherit;font-weight:600}
@media (prefers-reduced-motion:reduce){#daumenleiste *{transition:none!important}}