.s4a2{--s4a2-em:var(--regyva-emerald,#00ff94);--s4a2-seide:#f2fff9f0;--s4a2-ease:cubic-bezier(.16, 1, .3, 1);background:var(--surface-base,#05070a);min-height:100svh;font-family:var(--body);color:var(--s4a2-seide);position:relative;overflow:hidden}.s4a2[data-ohne-kopf]{min-height:0}.s4a2-buehne{position:relative}.s4a2-canvas{display:none}.s4a2-h{z-index:4;text-align:center;font-family:"Regyva Display", var(--body);letter-spacing:-.03em;color:var(--s4a2-seide);margin:0;padding:108px 16px 0;font-size:34px;font-weight:600;line-height:1.06;display:grid;position:relative}.s4a2-h em{color:var(--s4a2-em);text-shadow:0 0 26px #00ff9459;font-style:normal}.s4a2-zeichen{filter:drop-shadow(0 0 16px #00ff9466);width:88px;height:auto;margin:40px auto 32px;display:block;overflow:visible}.s4a2[data-ohne-kopf] .s4a2-zeichen{margin-top:56px}.s4a2-grund{fill:var(--s4a2-em)}.s4a2-licht{mix-blend-mode:screen}.s4a2-licht-flaeche{opacity:.55}.s4a2-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px;margin:0 auto;padding:0 16px 64px;list-style:none;display:grid}.s4a2-kachel{backdrop-filter:blur(10px)saturate(1.15);height:52px;color:var(--s4a2-em);background:linear-gradient(#f2fff912,#f2fff904 60%),#080d0c9e;border:1px solid #f2fff91c;border-radius:12px;justify-content:center;align-items:center;padding:0 7px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 28px -16px #000000b3;container-type:inline-size}.s4a2-kachel svg{height:calc(var(--h,18px) * var(--kl,1));fill:currentColor;filter:drop-shadow(0 0 5px #00ff9466);width:auto;max-width:100%;display:block;overflow:visible}.s4a2-name{font-size:min(calc(var(--fs,20px) * var(--kl,1)), calc(96cqw / var(--rb,4)));letter-spacing:-.01em;white-space:nowrap;text-shadow:0 0 8px #00ff9466;font-weight:600;line-height:1}@media (min-width:900px){.s4a2-buehne{position:absolute;inset:0}.s4a2[data-ohne-kopf]{height:calc(100svh - var(--versatz,0px))}.s4a2[data-ohne-kopf] .s4a2-buehne{top:calc(-1 * var(--versatz,0px));height:100svh;bottom:auto}.s4a2-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 24% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 24% 86%,#0000 100%)}.s4a2[data-ohne-kopf] .s4a2-canvas{-webkit-mask-image:linear-gradient(to bottom, transparent var(--versatz,0px), #000 calc(var(--versatz,0px) + (100% - var(--versatz,0px)) * .24), #000 86%, transparent 100%);mask-image:linear-gradient(to bottom, transparent var(--versatz,0px), #000 calc(var(--versatz,0px) + (100% - var(--versatz,0px)) * .24), #000 86%, transparent 100%)}.s4a2-h{letter-spacing:-.034em;padding-top:132px;font-size:clamp(40px,3.4vw,64px);line-height:1.04}.s4a2-zeichen{z-index:2;filter:drop-shadow(0 0 22px #00ff9438);pointer-events:none;margin:0;position:absolute}.s4a2[data-ohne-kopf] .s4a2-zeichen{margin-top:0}.s4a2:not([data-bereit]) .s4a2-zeichen,.s4a2[data-zustand=live] .s4a2-grund{display:none}.s4a2-netz{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.s4a2-bahnen{filter:drop-shadow(0 0 3px #00ff9473)}.s4a2-bahn{fill:none;stroke:#00ff946b;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.s4a2-port{fill:#9dffd3;filter:drop-shadow(0 0 4px #00ff94cc)}.s4a2-dock{fill:#fff;opacity:0;animation:s4a2-dock-blitz .9s var(--s4a2-ease) 1.25s both}.s4a2-impuls{fill:none;stroke:#e2fff2;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:.07 2;filter:drop-shadow(0 0 3px #00ff94)drop-shadow(0 0 9px #00ff94b3);animation:1.5s cubic-bezier(.45,0,.25,1) both s4a2-lauf}.s4a2-ankunft{z-index:1;mix-blend-mode:screen;pointer-events:none;opacity:0;width:380px;height:380px;animation:s4a2-ankunft 1.6s var(--s4a2-ease) 1.38s both;background:radial-gradient(circle,#00ff9438,#00ff9400 62%);border-radius:50%;position:absolute;translate:-50% -50%}.s4a2-ankunft[data-erst]{animation:none}.s4a2[data-choreo=laeuft] .s4a2-ankunft[data-erst]{animation:s4a2-ankunft 1.6s var(--s4a2-ease) 3.8s both}.s4a2-liste{z-index:3;pointer-events:none;max-width:none;margin:0;padding:0;display:block;position:absolute;inset:0}.s4a2:not([data-bereit]) .s4a2-liste{visibility:hidden}.s4a2-kachel{width:calc(164px * var(--k,1));height:calc(50px * var(--k,1));padding:0 calc(10px * var(--k,1));border-radius:calc(12px * var(--k,1));transition:border-color .6s var(--s4a2-ease), box-shadow .6s var(--s4a2-ease);position:absolute;translate:-50% -50%}.s4a2-kachel[data-aktiv]{border-color:#00ff9499;box-shadow:inset 0 1px #ffffff1a,0 0 22px #00ff9447}.s4a2[data-choreo=warten] .s4a2-kachel,.s4a2[data-choreo=warten] .s4a2-port,.s4a2[data-choreo=warten] .s4a2-licht{opacity:0}.s4a2[data-choreo=warten] .s4a2-bahn{stroke-dasharray:1 1;stroke-dashoffset:1px}.s4a2[data-choreo=laeuft] .s4a2-licht{animation:s4a2-einblenden 1s var(--s4a2-ease) 1.3s backwards}.s4a2[data-choreo=laeuft] .s4a2-kachel{animation:s4a2-auf .7s var(--s4a2-ease) var(--v,0s) backwards}.s4a2[data-choreo=laeuft] .s4a2-port{animation:s4a2-einblenden .5s var(--s4a2-ease) var(--v,0s) backwards}.s4a2[data-choreo=laeuft] .s4a2-bahn{animation:s4a2-bahn 1s var(--s4a2-ease) var(--v,0s) backwards}}@keyframes s4a2-einblenden{0%{opacity:0}}@keyframes s4a2-auf{0%{opacity:0;scale:.9}}@keyframes s4a2-bahn{0%{stroke-dasharray:1 1;stroke-dashoffset:1px}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes s4a2-lauf{0%{stroke-dashoffset:.07px}to{stroke-dashoffset:-1px}}@keyframes s4a2-dock-blitz{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes s4a2-ankunft{0%{opacity:0;scale:.7}22%{opacity:1}to{opacity:0;scale:1.15}}@media (prefers-reduced-motion:reduce){.s4a2 *,.s4a2 :before{transition:none!important;animation:none!important}}