.cosmo-bubble{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);max-width:28rem;width:calc(100% - 2rem);background:#0a0e1ad1;border:1px solid rgba(100,160,255,.3);border-radius:1rem;padding:.9rem 1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:bubble-in .3s ease-out both}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%) translateY(.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.cosmo-bubble{animation:none}}.cosmo-bubble__name{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6aabff;margin-bottom:.3rem}.cosmo-bubble__text{margin:0;font-size:.95rem;line-height:1.45;color:#e8ecf5}.info-karte{pointer-events:auto;max-width:24rem;padding:1.25rem 1.5rem;border-radius:.9rem;background:#11172b;border:1px solid #2a3354;color:#f5f7ff;box-shadow:0 12px 32px #00000073}.info-karte__badge{margin:0 0 .5rem;font-weight:700;color:#ffb4a2}.info-karte__titel{margin:0 0 .5rem;font-size:1.3rem}.info-karte__luecke{margin:0 0 1rem;line-height:1.45}.info-karte__subtitel{margin:0 0 .4rem;font-size:1rem}.info-karte__produkte{margin:0 0 1rem;padding-left:1.1rem;line-height:1.5}.info-karte__produkte li{margin-bottom:.35rem}.info-karte__tarif{opacity:.8}.info-karte__rabatt{margin:0 0 1rem;font-weight:600;color:#9ad7a0}.info-karte__disclaimer{margin:0 0 1.25rem;font-size:.8rem;color:#aab3cc;line-height:1.4}.info-karte__cta{min-height:44px;padding:.6rem 1.4rem;border:none;border-radius:.6rem;background:#6f9bff;color:#0a1430;font-size:1rem;font-weight:600;cursor:pointer}.info-karte__cta:hover:not(:disabled){background:#82a9ff}.info-karte__cta:disabled{opacity:.6;cursor:default;background:#3b4f7a;color:#89c}.info-karte__cta:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.info-karte{animation:info-karte-ein .35s ease-out}@keyframes info-karte-ein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}.phone{pointer-events:none;width:9.5rem;animation:phone-einblenden .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes phone-einblenden{0%{opacity:0;transform:scale(.82) translateY(14px)}to{opacity:1;transform:none}}.phone--fertig .phone__bezel{box-shadow:0 0 0 2px #34b23360,0 12px 40px #000000a6,0 0 32px #34b23330;border-color:#34b233}.phone__bezel{background:#0e0e12;border:2px solid #2a2a35;border-radius:1.4rem;overflow:hidden;box-shadow:0 0 0 1px #0aa0d640,0 12px 40px #000000a6,inset 0 1px #ffffff18;transition:border-color .3s,box-shadow .3s}.phone__status{display:flex;justify-content:space-between;align-items:center;padding:.28rem .7rem .15rem;background:#0e0e12}.phone__time{font-size:.48rem;font-weight:700;color:#eef0f5;font-family:Courier New,monospace}.phone__battery{font-size:.38rem;color:#5cb24a;letter-spacing:-.04em}.phone__screen{display:flex;flex-direction:column}.phone__nav{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:#13294b}.phone__nav-star{font-size:.55rem;color:#5cb24a}.phone__nav-logo{font-size:.5rem;font-weight:700;color:#fff;letter-spacing:.04em;font-family:sans-serif}.phone__hero{padding:.45rem .5rem .3rem;background:linear-gradient(160deg,#eef7e6,#c4e8b2);display:flex;align-items:center;justify-content:space-between;min-height:2.2rem}.phone__hero-claim{margin:0;font-size:.48rem;font-weight:700;color:#173a17;font-family:sans-serif;line-height:1.3;max-width:60%}.phone__hero-cosmo{font-size:1.4rem;color:#13294b;opacity:.7;line-height:1}.phone__dialog{padding:.4rem .45rem .35rem;background:#f7f9fc;border-top:1px solid #e0e8f0}.phone__dialog--ok{background:#f0fff4}.phone__dialog-label{margin:0 0 .25rem;font-size:.42rem;font-weight:600;color:#4a6080;text-transform:uppercase;letter-spacing:.1em;font-family:sans-serif}.phone__display{margin-bottom:.3rem;padding:.25rem .4rem;border-radius:.3rem;background:#0c1220;border:1px solid #1a3060;min-height:1.5rem;display:flex;align-items:center;justify-content:center}.phone__display-text{font-size:.95rem;font-weight:700;letter-spacing:.22em;color:#0aa0d6;font-family:Courier New,monospace;animation:cursor-blink .9s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:.4}}.phone__display-text--ok{color:#34b233;animation:none}.phone__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-bottom:.2rem}.phone__taste{display:flex;align-items:center;justify-content:center;height:1.15rem;border-radius:.25rem;background:#e8edf5;border:1px solid #ccd5e4;font-size:.6rem;font-weight:600;color:#2a3a5a;font-family:sans-serif;transition:background .12s,color .12s,box-shadow .12s}.phone__taste--aktiv{background:#0aa0d6;color:#fff;border-color:#0aa0d6;box-shadow:0 0 6px #0aa0d670;animation:taste-press .18s ease both}@keyframes taste-press{0%{transform:scale(1)}40%{transform:scale(.85)}to{transform:scale(1)}}.phone__ok{display:flex;align-items:center;justify-content:center;height:1.3rem;border-radius:.3rem;background:#e8edf5;border:1px solid #ccd5e4;font-size:.65rem;font-weight:700;color:#2a3a5a;font-family:sans-serif;letter-spacing:.05em;transition:background .12s,color .12s,box-shadow .12s}.phone__ok.phone__taste--aktiv{background:#1e7a1e;color:#a8f0a8;border-color:#34b233;box-shadow:0 0 10px #34b23350}.phone__home{width:2rem;height:.22rem;background:#333345;border-radius:999px;margin:.35rem auto .3rem}@media(prefers-reduced-motion:reduce){.phone,.phone--fertig,.phone__taste--aktiv,.phone__display-text{animation:none}}.buehne{position:fixed;inset:0;overflow:hidden}.canvas-laden{position:absolute;inset:0;background:#0a0e1a}.buehne canvas{display:block}.scroll-spacer{height:620vh}.devtools{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.devtools__toggle,.devtools__aktion{padding:.4rem .7rem;font-size:.85rem;font-weight:600;color:#cdd7ee;background:#141a2cb3;border:1px solid #38406a;border-radius:.5rem;cursor:pointer}.devtools__toggle:hover,.devtools__aktion:hover{background:#202842e6}.devtools__toggle:focus-visible,.devtools__aktion:focus-visible{outline:2px solid #6f8cff;outline-offset:2px}.devtools__beats{display:flex;gap:.22rem}.devtools__beat{padding:.25rem .38rem;font-size:.78rem;font-weight:700;color:#aab5d4;background:#141a2ca6;border:1px solid #38406a;border-radius:.35rem;cursor:pointer;min-width:1.55rem;transition:background .1s}.devtools__beat:hover{background:#202842e6}.devtools__beat--aktiv{color:#90b8ff;border-color:#6f8cff;background:#1e285ad9}.tasten-hinweis{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);margin:0;font-size:.85rem;color:#cdd7ee;opacity:.75;text-align:center}.tasten-hinweis kbd{padding:.1rem .4rem;border:1px solid #4a5278;border-radius:.3rem;background:#141a2c99;font-family:inherit}.tasten-hinweis--bereit{font-size:1.25rem;font-weight:600;color:#aee9ff;opacity:1;animation:weiter-pulse 1.4s ease-in-out infinite}.tasten-hinweis--bereit kbd{padding:.2rem .55rem;border-color:#6f8cff;background:#283460b3}@keyframes weiter-pulse{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}@media(pointer:coarse){.tasten-hinweis{display:none}}@media(prefers-reduced-motion:reduce){.tasten-hinweis--bereit{animation:none}}body.reise-tastatur{overflow:hidden}.overlay{position:absolute;padding:1.5rem;pointer-events:none}.overlay--top{inset:0 auto auto 0}.overlay--karte{inset:auto auto 0 0;max-width:min(100%,28rem)}.overlay--dialog{inset:0 4vw 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;max-width:min(100%,27rem)}.overlay--top h1{margin:0 0 .25rem;font-size:1.4rem}.hud{margin:0;font-size:.95rem;font-weight:600;opacity:.85}.geschuetzt{pointer-events:auto;margin:0;display:inline-block;padding:.75rem 1.1rem;border-radius:.6rem;background:#14321c;border:1px solid #2f5d3a;color:#b9f0c2;font-weight:600}.overlay--mitte{inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12vh}.overlay--numpad{inset:0 auto 0 0;display:flex;align-items:center;justify-content:flex-start;padding-left:clamp(4rem,18vw,16rem)}.ereignis-label{margin:0;padding:.6rem 1.4rem;border-radius:.5rem;background:#05060fb8;border:1px solid rgba(245,247,255,.15);font-size:1.35rem;font-weight:600;letter-spacing:.01em;color:#f5f7ff;text-align:center}.ereignis-label--warnung{color:#ff9580;border-color:#ff503259}.overlay--warnung{inset:0 4vw 0 auto;display:flex;align-items:center;justify-content:flex-end}.warnung-badge{margin:0;padding:.75rem 1.4rem;border-radius:.6rem;background:#260606d1;border:1px solid rgba(255,80,50,.55);box-shadow:0 0 24px #ff462859;color:#ff9580;font-size:1.45rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;animation:warnung-rein .55s cubic-bezier(.18,.85,.25,1) both,warnung-puls 1.8s ease-in-out .6s infinite}@keyframes warnung-rein{0%{opacity:0;transform:translate(70px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes warnung-puls{0%,to{box-shadow:0 0 16px #ff462847;transform:scale(1);opacity:.82}50%{box-shadow:0 0 34px #ff4628a6;transform:scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.warnung-badge{animation:none}}.hud-check{color:#40d080}.schild-hint{pointer-events:none;margin:.5rem 0 0;font-size:.78rem;color:#f5f7ff80;text-align:center}.mute-btn{position:absolute;top:1rem;right:1rem;z-index:10;padding:.4rem .75rem;font-size:.82rem;font-weight:600;color:#cdd7ee;background:#141a2cb3;border:1px solid #38406a;border-radius:.5rem;cursor:pointer;pointer-events:auto;transition:background .1s}.mute-btn:hover{background:#202842e6}.mute-btn:focus-visible{outline:2px solid #6f8cff;outline-offset:2px}.mute-btn--stumm{color:#7a8499;border-color:#2e3454}.weiter-teaser{display:inline-block;margin-top:.6rem;padding:.45rem 1rem;border-radius:.4rem;background:#40d08026;border:1px solid rgba(64,208,128,.4);color:#b9f0c2;font-size:.9rem;font-weight:600;text-decoration:none;pointer-events:auto}.weiter-teaser:hover{background:#40d08040}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#05060f;color:#f5f7ff;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}