/* Beanlings Booster: Schnell-Einstieg von außen (01.11.2026, js/einstieg.js). Gleiche Handschrift wie die Welt:
   Grandstander, Tuschekante #2a1f1a, flache Farben, harte Schatten. Gilt in der Welt. */
.ei{position:fixed;inset:0;z-index:60;background:#26332a;overflow-y:auto;display:flex;justify-content:center;
  padding:calc(14px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));color:#f6edd6}
.ei,.ei *:not(text):not(tspan){font-family:'Grandstander',system-ui,-apple-system,'Segoe UI',sans-serif!important}
.ei-in{width:100%;max-width:440px;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-weight:700}
.ei-hallo{display:flex;align-items:flex-end;gap:8px;width:100%}
.ei-funki{width:84px;flex:0 0 84px;height:auto}
.ei-blase{position:relative;flex:1;margin:0 0 16px;text-align:left;background:#f6edd6;color:#2a1f1a;border:3px solid #2a1f1a;border-radius:18px;
  padding:10px 14px;font-size:18px;line-height:1.3;box-shadow:3px 4px 0 #000a}
.ei-blase::before{content:'';position:absolute;left:-13px;bottom:14px;border:8px solid transparent;border-right-color:#2a1f1a}
.ei-pack{cursor:pointer;filter:drop-shadow(6px 7px 0 #0009);touch-action:manipulation;animation:ei-schweben 2.6s ease-in-out infinite}
@keyframes ei-schweben{50%{transform:translateY(-6px) rotate(-1deg)}}
.ei .knopf{border-radius:16px;border:2.5px solid #2a1f1a;font-weight:800;text-shadow:none}
.ei .knopf.gold{background:#f2c35b;color:#2a1f1a;box-shadow:inset 0 -4px 0 #d9a23e,3px 3px 0 #2a1f1a}
.ei .knopf.holz{background:#8a5a32;color:#f6edd6;box-shadow:inset 0 -4px 0 #6b4424,3px 3px 0 #2a1f1a}
.ei-los{width:100%;max-width:none!important;min-height:62px;font-size:23px!important;margin:4px 0 0!important}
.ei-link{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:15px;color:#f2c35b;padding:8px 4px;min-height:24px}
.ei-was-text{margin:0;font-size:15px;line-height:1.45;color:#e9dcc0;background:#33271d;border:2.5px solid #2a1f1a;border-radius:14px;padding:10px 12px;text-align:left}
.ei-klein{margin:0;font-size:14px}
.ei-ab18{margin:0;font-size:12px;color:#c2ab86}
.ei-bild{width:100%;border-radius:18px;border:3px solid #2a1f1a;box-shadow:4px 5px 0 #0008}
.ei-text{margin:0;font-size:16px;line-height:1.4}
/* nach dem Aufdecken */
.ei-behalten{width:100%;max-width:520px;margin:6px auto 0;background:#33271d;color:#f6edd6;border:3px solid #f2c35b;border-radius:20px;
  padding:14px 14px 10px;box-shadow:4px 5px 0 #000a;text-align:left;font-family:'Grandstander',system-ui,sans-serif;font-weight:700}
.ei-behalten-kopf{display:flex;align-items:center;gap:10px}
.ei-behalten-kopf .ei-funki{width:64px;flex:0 0 64px}
.ei-behalten h2{margin:0;font-size:22px;line-height:1.1;color:#f2c35b;font-family:'Grandstander',system-ui,sans-serif;font-weight:800}
.ei-behalten-kopf b{font-size:16px}
.ei-behalten>p{margin:8px 0;font-size:15px}
.ei-form.tafel{margin:6px 0;padding:10px 4px 4px;background:none;border:0;box-shadow:none}
.ei-form .etikett{display:none}
.ei-spaeter{display:block;margin:6px auto 4px;color:#c2ab86}
.ei-browser{margin:10px 0 4px;padding:10px 12px;border:2.5px dashed #c2ab86;border-radius:14px;font-size:14px;text-align:left}
.ei-browser.dringend{border-style:solid;border-color:#f2c35b}
.ei-browser b{display:block;font-size:15px}
.ei-browser p{margin:4px 0 8px;font-size:13.5px;line-height:1.4;color:#e9dcc0}
/* leise Erinnerung nach „Später“ */
.ei-erinnern{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;
  background:#f6edd6;color:#2a1f1a;border:3px solid #2a1f1a;border-radius:16px;padding:8px 8px 8px 12px;box-shadow:3px 4px 0 #000a;
  font-family:'Grandstander',system-ui,sans-serif;font-weight:700;font-size:14px;line-height:1.3;animation:ei-rein .3s ease-out}
.ei-erinnern span{flex:1}
.ei-erinnern .knopf{border-radius:12px;border:2.5px solid #2a1f1a;background:#f2c35b;color:#2a1f1a;font-family:'Grandstander',system-ui,sans-serif;font-weight:800;
  font-size:15px;min-height:40px;padding:4px 12px;text-shadow:none;box-shadow:2px 2px 0 #2a1f1a}
.ei-zu{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;font-size:22px;color:#6a5038}
@keyframes ei-rein{0%{transform:translateY(14px);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ei-pack,.ei-erinnern{animation:none}}
html.bo-ruhig .ei-pack,html.welt-still .ei-pack{animation:none}
/* 01.11.2026 „Deine 3 Instagram-Karten“ (js/insta_start.js) */
.is-titel{margin:2px 0 0;font-size:24px;line-height:1.1;color:#f2c35b;font-weight:800}
.is-karten{display:flex;justify-content:center;align-items:flex-end;gap:10px;width:100%;padding:8px 0 4px}
.is-karte{filter:drop-shadow(4px 5px 0 #0009);animation:is-rein .5s ease-out both}
.is-k0{transform:rotate(-6deg) translateY(6px);animation-delay:.05s}.is-k1{animation-delay:.2s}.is-k2{transform:rotate(6deg) translateY(6px);animation-delay:.35s}
.is-karte.is-meine{z-index:2;animation-delay:.1s}.is-karte.is-fehlt{opacity:.8;filter:none}
.is-klein{color:#c2ab86;font-size:13px}
@keyframes is-rein{0%{opacity:0;translate:0 26px}100%{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){.is-karte{animation:none}}
/* 01.11.2026 Abzeichen „Erste Stunde“ (js/erste_tester.js) */
.es-abz{display:inline-grid;place-items:center;min-width:28px;height:20px;padding:0 5px;margin-left:4px;border-radius:999px;border:2px solid #2a1f1a;
  background:#7d2350;color:#fbe08a;font:800 12px/1 'Grandstander',system-ui,sans-serif;vertical-align:middle}
.es-abz.es-gross{min-width:46px;height:46px;font-size:18px;flex:0 0 46px}
.es-pille{display:inline-block;padding:3px 10px;border-radius:999px;border:2px solid #2a1f1a;background:#7d2350;color:#fbe08a;font:800 14px/1.3 'Grandstander',system-ui,sans-serif}
.es-zaehler{margin:0;padding:6px 12px;border-radius:999px;background:#7d2350;color:#fbe08a;border:2px solid #2a1f1a;font-size:14px;font-weight:800}
.es-hinweis{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:46;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;
  background:#f6edd6;color:#2a1f1a;border:3px solid #2a1f1a;border-radius:16px;padding:10px;box-shadow:3px 4px 0 #000a;
  font-family:'Grandstander',system-ui,sans-serif;font-weight:700;font-size:14px;line-height:1.3;animation:ei-rein .3s ease-out}
.es-hinweis .es-text{flex:1;display:flex;flex-direction:column}
.es-hinweis .es-text b{font-size:16px;font-weight:800;color:#7d2350}
.es-hinweis .knopf{border-radius:12px;border:2.5px solid #2a1f1a;background:#f2c35b;color:#2a1f1a;font-family:'Grandstander',system-ui,sans-serif;font-weight:800;
  font-size:15px;min-height:40px;padding:4px 12px;text-shadow:none;box-shadow:2px 2px 0 #2a1f1a}