/* Freigegebene Mr.-Byte-Begrüßung. Statische Originalgrafiken bleiben Rückfall. */
.logo.mb-brand{width:184px;height:85px;display:flex;align-items:center;gap:8px;padding:10px 0;position:relative;isolation:isolate;overflow:visible;flex-shrink:0}
.mb-brand .mb-portal{width:58px;height:64px;position:relative;flex-shrink:0}.mb-brand img.mb-rest{width:58px;height:64px;max-width:none;object-fit:contain;position:relative;z-index:2}.mb-brand img.mb-wordmark{width:118px;height:auto;max-width:none;display:block}.mb-brand .mb-ring{position:absolute;inset:4px -3px -1px;border:1px solid #ddd;border-radius:50%;background:radial-gradient(circle,#fff 45%,#f1f1f1 100%);opacity:0}.mb-brand .mb-walker{position:absolute;left:-10px;top:-27px;width:90px;height:148px;opacity:0;transform-origin:50% 52%;z-index:4;pointer-events:none}.mb-brand .mb-character{display:block;position:relative;width:100%;height:100%}.mb-brand .mb-character img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}.mb-brand .mb-upper{position:absolute;inset:0;transform-origin:53% 54%;clip-path:inset(0 0 44% 0)}.mb-brand .mb-torso{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 40%,37% 40%,37% 16%,0 16%)}.mb-brand .mb-hand{clip-path:polygon(0 16%,37% 16%,37% 40%,0 40%);transform-origin:31% 36%}.mb-brand .mb-leg-left{clip-path:polygon(0 54%,52% 54%,52% 100%,0 100%);transform-origin:46% 56%}.mb-brand .mb-leg-right{clip-path:polygon(52% 54%,100% 54%,100% 100%,52% 100%);transform-origin:58% 56%}
.mb-brand.mb-running .mb-walker{animation:mb-emerge 8s ease-in-out both}.mb-brand.mb-running .mb-rest{animation:mb-rest-away 8s both}.mb-brand.mb-running .mb-ring{animation:mb-circle 8s both}.mb-brand.mb-running .mb-upper{animation:mb-bow 8s ease-in-out both}.mb-brand.mb-running .mb-hand{animation:mb-wave 8s ease-in-out both}.mb-brand.mb-running .mb-leg-left{animation:mb-step-left 8s ease-in-out both}.mb-brand.mb-running .mb-leg-right{animation:mb-step-right 8s ease-in-out both}
.mb-brand.mb-nod .mb-rest{animation:mb-short-nod 1.3s ease-in-out}.mb-brand.mb-bow .mb-rest{animation:mb-short-bow 1.5s ease-in-out}.mb-brand.mb-pixels .mb-rest{animation:mb-short-pixel 1.5s ease-in-out}
@keyframes mb-short-nod{0%,100%{transform:rotate(0)}45%{transform:translateY(1px) rotate(3deg)}}@keyframes mb-short-bow{0%,100%{transform:rotate(0);transform-origin:50% 95%}45%{transform:translateY(1px) rotate(5deg);transform-origin:50% 95%}}@keyframes mb-short-pixel{0%,100%{transform:translateX(0);opacity:1}35%{transform:translateX(-2px);opacity:.78}65%{transform:translateX(1px);opacity:1}}
@media(max-width:1200px){.logo.mb-brand{width:170px;gap:6px}.mb-brand img.mb-wordmark{width:106px}}@media(max-width:640px){.logo.mb-brand{width:160px;height:72px;gap:6px}.mb-brand .mb-portal,.mb-brand img.mb-rest{width:50px;height:55px}.mb-brand img.mb-wordmark{width:104px}.mb-brand .mb-walker{left:-4px;top:-23px;width:80px;height:132px}}
@media(prefers-reduced-motion:reduce){.mb-brand *{animation:none!important}.mb-brand .mb-walker,.mb-brand .mb-ring{display:none!important}.mb-brand .mb-rest{opacity:1!important}}
@keyframes mb-emerge{0%,100%{opacity:0;transform:translate(18px,0) scale(.42);clip-path:inset(0 0 45% 0)}8%{opacity:1;transform:translate(18px,0) scale(.42);clip-path:inset(0 0 45% 0)}23%,72%{opacity:1;transform:translate(-10px,0) scale(1);clip-path:inset(0)}88%{opacity:1;transform:translate(18px,0) scale(.42);clip-path:inset(0 0 45% 0)}95%{opacity:0;transform:translate(18px,0) scale(.42);clip-path:inset(0 0 45% 0)}}
@keyframes mb-rest-away{0%,100%{opacity:1}7%,91%{opacity:0}}@keyframes mb-circle{0%,100%{opacity:0}5%,17%,78%,93%{opacity:1}27%,70%{opacity:.25}}@keyframes mb-bow{0%,24%,48%,100%{transform:rotate(0)}34%{transform:rotate(8deg) translateY(2px)}40%{transform:rotate(8deg) translateY(2px)}60%{transform:rotate(-1deg)}}@keyframes mb-wave{0%,48%,78%,100%{transform:rotate(0)}53%{transform:rotate(-7deg)}59%{transform:rotate(7deg)}65%{transform:rotate(-7deg)}71%{transform:rotate(5deg)}}@keyframes mb-step-left{0%,8%,23%,72%,90%,100%{transform:rotate(0)}12%,80%{transform:rotate(3deg)}17%,85%{transform:rotate(-2deg)}}@keyframes mb-step-right{0%,8%,23%,72%,90%,100%{transform:rotate(0)}12%,80%{transform:rotate(-3deg)}17%,85%{transform:rotate(2deg)}}@keyframes mb-shadow{0%,9%,94%,100%{opacity:0}23%,72%{opacity:.1}88%{opacity:0}}