/* Claude 05.10.2026 (E120, B-091 + A-104): Bühnenauftritt beim Start und weicher Avatarwechsel (buehnenauftritt.mjs).
   Bewegt wird ausschliesslich transform und opacity; kein box-shadow/filter in den Keyframes (Test glow_flicker). */
html.buehnenauftritt-an #app > .topbar .brand{animation:buehne-logo-faellt .8s cubic-bezier(.55,0,.9,.45) both;will-change:transform}
html.buehnenauftritt-an #nav > button{animation:buehne-menue-links .6s cubic-bezier(.2,.8,.2,1) both}
html.buehnenauftritt-an #nav > button:nth-child(2){animation-delay:.07s}
html.buehnenauftritt-an #nav > button:nth-child(3){animation-delay:.14s}
html.buehnenauftritt-an #nav > button:nth-child(4){animation-delay:.21s}
html.buehnenauftritt-an #nav > button:nth-child(5){animation-delay:.28s}
html.buehnenauftritt-an #nav > button:nth-child(n+6){animation-delay:.35s}
.avatar-stage.avatar-wechsel{animation:avatar-wechsel-ein .36s ease-out both}
@keyframes buehne-logo-faellt{
  0%{opacity:0;transform:translateY(-140%)}
  12%{opacity:1}
  68%{transform:translateY(0)}
  80%{transform:translateY(-9%)}
  100%{transform:translateY(0)}
}
@keyframes buehne-menue-links{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes avatar-wechsel-ein{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html.buehnenauftritt-an #app > .topbar .brand,html.buehnenauftritt-an #nav > button,.avatar-stage.avatar-wechsel{animation:none}
}