*{margin:0;padding:0;box-sizing:border-box}:root{--sky-top: #87CEEB;--sky-bottom: #E0F7FA;--grass: #7CB342;--grass-dark: #558B2F;--button-bg: #FFB800;--button-hover: #FFA000;--button-active: #FF6B6B;--bubble-ai: #FFF9C4;--bubble-user: #BBDEFB;--text-dark: #333}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 60%,var(--grass) 85%,var(--grass-dark) 100%);position:relative;overflow:hidden}.app__header{text-align:center;padding:2rem 1rem .5rem;z-index:2}.app__title{font-family:Bangers,cursive;font-size:clamp(2rem,6vw,3rem);font-weight:400;letter-spacing:3px;background:linear-gradient(135deg,#ffb800,#ff6b6b,#ff3e6c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__subtitle{font-size:clamp(.9rem,3vw,1.2rem);color:#ffffffe6;font-weight:700;margin-top:.25rem}.app__messages{flex:1;width:100%;max-width:600px;max-height:45vh;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;z-index:2}.bubble{animation:bubbleIn .4s ease-out}.bubble--ai{align-self:flex-start;max-width:85%}.bubble--user{align-self:flex-end;max-width:85%}.bubble--clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.bubble--clickable:active .bubble__text{opacity:.7}.bubble--error{align-self:center;background:#ffcdd2;padding:.75rem 1rem;border-radius:1rem;font-size:1rem;color:#b71c1c;font-weight:700}.bubble__content{display:flex;align-items:flex-start;gap:.5rem}.bubble--user .bubble__content{flex-direction:row-reverse}.bubble__avatar{width:1.8rem;height:1.8rem;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.bubble__text{background:var(--bubble-ai);padding:.75rem 1rem;border-radius:1.25rem;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;color:var(--text-dark);line-height:1.5;box-shadow:0 2px 8px #0000001a}.bubble--user .bubble__text{background:var(--bubble-user)}.thinking-dots span{animation:blink 1.4s infinite both;font-size:2rem;font-weight:900}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.app__button-area{padding:1.5rem;z-index:2}@media(max-width:768px){.app__button-area{margin-top:auto;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem))}}.talk-button{width:clamp(140px,35vw,200px);height:clamp(140px,35vw,200px);border-radius:50%;border:6px solid rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,box-shadow .3s ease;position:relative;-webkit-tap-highlight-color:transparent;color:#fff;touch-action:manipulation;user-select:none;-webkit-user-select:none}.talk-button:active{transform:scale(.95)}.talk-button:disabled{cursor:not-allowed}.talk-button--idle{background:#4caf50;box-shadow:0 8px 32px #4caf5066;animation:greenPulse 2s ease-in-out infinite}.talk-button--listening{background:#f44336;border-color:#fff;box-shadow:0 8px 32px #f4433680;animation:listenPulse 1s ease-in-out infinite}.talk-button--thinking{background:#ffb800;box-shadow:0 8px 32px #ffb80066;animation:spin 2s linear infinite;opacity:.9}.talk-button--speaking{background:#4caf50;border-color:#fff;box-shadow:0 8px 32px #4caf5066;animation:speakPulse .8s ease-in-out infinite}.talk-button--holding{transform:scale(.95)}.talk-button--holding:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:4px solid rgba(255,255,255,.75);animation:holdRipple 1.2s ease-out infinite;pointer-events:none}.talk-button__content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.talk-button__emoji{font-size:clamp(2.5rem,8vw,4rem)}.talk-button__label{font-size:clamp(.7rem,2.5vw,.9rem);font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.bagger-icon{width:clamp(60px,15vw,90px);height:auto}@keyframes greenPulse{0%,to{box-shadow:0 8px 32px #4caf5066,0 0 #4caf504d}50%{box-shadow:0 8px 32px #4caf5066,0 0 0 18px #4caf5000}}@keyframes listenPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #f4433680,0 0 #f4433666}50%{transform:scale(1.08);box-shadow:0 8px 32px #f4433680,0 0 0 25px #f4433600}}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes holdRipple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.4);opacity:0}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.driving-bagger{position:absolute;bottom:12%;font-size:clamp(2rem,6vw,3.5rem);animation:drive 15s linear infinite;z-index:1;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.2))}@keyframes drive{0%{left:-10%;transform:scaleX(-1)}45%{left:100%;transform:scaleX(-1)}50%{left:100%;transform:scaleX(1)}95%{left:-10%;transform:scaleX(1)}to{left:-10%;transform:scaleX(-1)}}.cloud{position:absolute;font-size:3rem;opacity:.6;z-index:0;animation:float 20s ease-in-out infinite}.cloud--1{top:5%;left:10%;animation-duration:25s;font-size:2.5rem}.cloud--2{top:12%;right:15%;animation-duration:30s;animation-delay:-5s;font-size:2rem}.cloud--3{top:3%;right:40%;animation-duration:22s;animation-delay:-10s;font-size:3rem}@keyframes float{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(30px) translateY(-10px)}50%{transform:translate(10px) translateY(5px)}75%{transform:translate(-20px) translateY(-5px)}}.sky-item{position:absolute;z-index:1;pointer-events:none;animation-timing-function:linear;animation-fill-mode:forwards;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.25))}.sky-item--front{z-index:2}.sky-item--back{z-index:0}.sky-item img{width:100%;height:100%;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sky-item--ltr{animation-name:flyLTR}.sky-item--rtl{animation-name:flyRTL}@keyframes flyLTR{0%{left:-10%;opacity:0}5%{opacity:1}95%{opacity:1}to{left:110%;opacity:0}}@keyframes flyRTL{0%{right:-10%;opacity:0}5%{opacity:1}95%{opacity:1}to{right:110%;opacity:0}}.sky-item--bird.sky-item--ltr,.sky-item--vehicle.sky-item--ltr,.sky-item--heli.sky-item--ltr,.sky-item--horse.sky-item--ltr{transform:scaleX(-1)}.sky-item--plane.sky-item--rtl{animation-name:flyRTLFlipped}.sky-item--bird{animation-name:flyLTR,birdBob;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-duration:inherit,.5s}.sky-item--bird.sky-item--rtl{animation-name:flyRTL,birdBob}.sky-item--bird.sky-item--ltr{animation-name:flyLTRFlipped,birdBobFlipped}.sky-item--heli.sky-item--ltr,.sky-item--horse.sky-item--ltr{animation-name:flyLTRFlipped}@keyframes birdBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes birdBobFlipped{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}@keyframes flyLTRFlipped{0%{left:-10%;opacity:0;transform:scaleX(-1)}5%{opacity:1;transform:scaleX(-1)}95%{opacity:1;transform:scaleX(-1)}to{left:110%;opacity:0;transform:scaleX(-1)}}@keyframes flyRTLFlipped{0%{right:-10%;opacity:0;transform:scaleX(-1)}5%{opacity:1;transform:scaleX(-1)}95%{opacity:1;transform:scaleX(-1)}to{right:110%;opacity:0;transform:scaleX(-1)}}.avatar{position:absolute;bottom:5%;z-index:1;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:11 / 20}.avatar--left{left:8%;height:clamp(130px,22vh,260px)}.avatar--right{right:8%;height:clamp(184px,31vh,345px)}.avatar--shirt-bagger{--shirt: #EF5350;--shirt-dark: #C62828}.avatar--dress-blue{--shirt: #64B5F6;--shirt-dark: #1976D2}.avatar--dress-pink{--shirt: #F48FB1;--shirt-dark: #EC407A}.avatar--ortwin{--shirt: #42A5F5;--shirt-dark: #1565C0}.avatar__character{position:relative;width:100%;height:100%}.avatar__head{position:absolute;top:0;left:0;right:0;margin:0 auto;width:58%;z-index:10;transform-origin:center bottom}.avatar--dress-pink .avatar__head{left:-1.5%;right:1.5%}.avatar__face{width:100%;height:auto;display:block;border-radius:50% 50% 45% 45%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.avatar__torso{position:absolute;top:30%;left:0;right:0;margin:0 auto;width:44%;height:25%;background:linear-gradient(180deg,var(--shirt),var(--shirt-dark));border-radius:20% 20% 15% 15%;box-shadow:inset 0 -15px 25px #00000040;transform-origin:center top;z-index:5}.avatar__torso:before{content:"";position:absolute;top:12%;left:50%;transform:translate(-50%);width:2px;height:50%;background:#ffffff26;border-radius:1px}.avatar__torso:after{content:"";position:absolute;top:-8%;left:50%;transform:translate(-50%);width:50%;height:14%;background:var(--shirt);filter:brightness(1.15);border-radius:0 0 50% 50%}.avatar__shirt-logo{position:absolute;top:15%;left:50%;transform:translate(-50%);width:55%;z-index:1;opacity:.6}.avatar__arm{position:absolute;top:31%;width:13%;height:23%;background:linear-gradient(180deg,var(--shirt),var(--shirt-dark));border-radius:40%;transform-origin:center top;z-index:4}.avatar__arm--l{left:12%}.avatar__arm--r{right:12%}.avatar__hand{position:absolute;bottom:-12%;left:50%;transform:translate(-50%);width:85%;aspect-ratio:1;background:#f5c6a0;border-radius:50%;box-shadow:0 2px 5px #0003}.avatar__leg{position:absolute;top:53%;width:15%;height:26%;background:linear-gradient(180deg,#2a2a4e,#1a1a3e);border-radius:30%;transform-origin:center top;z-index:3}.avatar__leg--l{left:28%}.avatar__leg--r{right:28%}.avatar__shoe{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);width:130%;height:16%;background:#333;border-radius:40% 40% 20% 20%;box-shadow:0 3px 5px #0000004d}.avatar--dance-breathe .avatar__head{animation:breatheHead 6s ease-in-out infinite}.avatar--dance-breathe .avatar__torso{animation:breatheTorso 6s ease-in-out infinite}.avatar--dance-breathe .avatar__arm--l{animation:breatheArmL 7s ease-in-out infinite}.avatar--dance-breathe .avatar__arm--r{animation:breatheArmR 7.5s ease-in-out infinite}@keyframes breatheHead{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(1.5deg) translateY(-1px)}70%{transform:rotate(-1deg) translateY(.5px)}}@keyframes breatheTorso{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes breatheArmL{0%,to{transform:rotate(3deg)}50%{transform:rotate(6deg)}}@keyframes breatheArmR{0%,to{transform:rotate(-3deg)}50%{transform:rotate(-6deg)}}.avatar--dance-sway .avatar__character{animation:swayChar 4s ease-in-out infinite}.avatar--dance-sway .avatar__head{animation:swayHead 4s ease-in-out infinite}.avatar--dance-sway .avatar__torso{animation:swayTorso 4s ease-in-out infinite}.avatar--dance-sway .avatar__arm--l{animation:swayArmL 4s ease-in-out infinite}.avatar--dance-sway .avatar__arm--r{animation:swayArmR 4s ease-in-out infinite}.avatar--dance-sway .avatar__leg--l{animation:swayLegL 4s ease-in-out infinite}.avatar--dance-sway .avatar__leg--r{animation:swayLegR 4s ease-in-out infinite}@keyframes swayChar{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes swayHead{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes swayTorso{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes swayArmL{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}@keyframes swayArmR{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes swayLegL{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes swayLegR{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.avatar--dance-groove .avatar__head{animation:grooveHead .6s ease-in-out infinite alternate}.avatar--dance-groove .avatar__torso{animation:grooveTorso .6s ease-in-out infinite alternate}.avatar--dance-groove .avatar__arm--l{animation:grooveArmL .6s ease-in-out infinite alternate}.avatar--dance-groove .avatar__arm--r{animation:grooveArmR .6s ease-in-out infinite alternate}.avatar--dance-groove .avatar__leg--l{animation:grooveLegL .6s ease-in-out infinite alternate}.avatar--dance-groove .avatar__leg--r{animation:grooveLegR .6s ease-in-out infinite alternate}@keyframes grooveHead{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(5deg) translateY(-8px)}}@keyframes grooveTorso{0%{transform:rotate(-3deg) scaleY(.97)}to{transform:rotate(3deg) scaleY(1.03)}}@keyframes grooveArmL{0%{transform:rotate(15deg)}to{transform:rotate(-40deg)}}@keyframes grooveArmR{0%{transform:rotate(-15deg)}to{transform:rotate(40deg)}}@keyframes grooveLegL{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes grooveLegR{0%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.avatar--dance-robot .avatar__head{animation:robotHead .4s steps(2) infinite}.avatar--dance-robot .avatar__torso{animation:robotTorso .4s steps(2) infinite}.avatar--dance-robot .avatar__arm--l{animation:robotArmL .8s steps(2) infinite}.avatar--dance-robot .avatar__arm--r{animation:robotArmR .8s steps(2) infinite}.avatar--dance-robot .avatar__leg--l{animation:robotLegL .8s steps(2) infinite}.avatar--dance-robot .avatar__leg--r{animation:robotLegR .8s steps(2) infinite}@keyframes robotHead{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes robotTorso{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes robotArmL{0%,to{transform:rotate(-90deg)}50%{transform:rotate(20deg)}}@keyframes robotArmR{0%,to{transform:rotate(20deg)}50%{transform:rotate(-90deg)}}@keyframes robotLegL{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}@keyframes robotLegR{0%,to{transform:rotate(-20deg)}50%{transform:rotate(0)}}.avatar--dance-wobble .avatar__character{animation:wobbleChar 1s ease-in-out infinite}.avatar--dance-wobble .avatar__head{animation:wobbleHead .5s ease-in-out infinite alternate}.avatar--dance-wobble .avatar__torso{animation:wobbleTorso 1s ease-in-out infinite}.avatar--dance-wobble .avatar__arm--l{animation:wobbleArmL .5s ease-in-out infinite alternate}.avatar--dance-wobble .avatar__arm--r{animation:wobbleArmR .5s ease-in-out infinite alternate}.avatar--dance-wobble .avatar__leg--l{animation:wobbleLeg 1s ease-in-out infinite}.avatar--dance-wobble .avatar__leg--r{animation:wobbleLeg 1s ease-in-out infinite reverse}@keyframes wobbleChar{0%,to{transform:translateY(0)}25%{transform:translate(10px) translateY(-8px)}75%{transform:translate(-10px) translateY(-8px)}}@keyframes wobbleHead{0%{transform:rotate(-8deg) scale(1.05)}to{transform:rotate(8deg) scale(.95)}}@keyframes wobbleTorso{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9) scaleY(1.05)}}@keyframes wobbleArmL{0%{transform:rotate(30deg)}to{transform:rotate(-60deg)}}@keyframes wobbleArmR{0%{transform:rotate(-30deg)}to{transform:rotate(60deg)}}@keyframes wobbleLeg{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.avatar--dance-disco .avatar__head{animation:discoHead .8s ease-in-out infinite}.avatar--dance-disco .avatar__torso{animation:discoTorso .4s ease-in-out infinite alternate}.avatar--dance-disco .avatar__arm--l{animation:discoArmL .8s ease-in-out infinite}.avatar--dance-disco .avatar__arm--r{animation:discoArmR .8s ease-in-out infinite}.avatar--dance-disco .avatar__leg--l{animation:discoLegL .8s ease-in-out infinite}.avatar--dance-disco .avatar__leg--r{animation:discoLegR .8s ease-in-out infinite}@keyframes discoHead{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-12px) rotate(5deg)}}@keyframes discoTorso{0%{transform:rotate(-4deg) translateY(4px)}to{transform:rotate(4deg) translateY(-4px)}}@keyframes discoArmL{0%,to{transform:rotate(10deg)}25%{transform:rotate(-130deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-50deg)}}@keyframes discoArmR{0%,to{transform:rotate(-10deg)}25%{transform:rotate(50deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(130deg)}}@keyframes discoLegL{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes discoLegR{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.avatar--gesture-tanzen .avatar__character{animation:gestureTanzenChar .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__head{animation:gestureTanzenHead .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__torso{animation:gestureTanzenTorso .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__arm--l{animation:gestureTanzenArmL .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__arm--r{animation:gestureTanzenArmR .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__leg--l{animation:gestureTanzenLegL .7s ease-in-out 5}.avatar--gesture-tanzen .avatar__leg--r{animation:gestureTanzenLegR .7s ease-in-out 5}@keyframes gestureTanzenChar{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gestureTanzenHead{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes gestureTanzenTorso{0%,to{transform:rotate(-5deg) scaleY(.96)}50%{transform:rotate(5deg) scaleY(1.04)}}@keyframes gestureTanzenArmL{0%,to{transform:rotate(20deg)}50%{transform:rotate(-70deg)}}@keyframes gestureTanzenArmR{0%,to{transform:rotate(-20deg)}50%{transform:rotate(70deg)}}@keyframes gestureTanzenLegL{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes gestureTanzenLegR{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.avatar--gesture-winken .avatar__head{animation:gestureWinkenHead .75s ease-in-out 4}.avatar--gesture-winken .avatar__torso{animation:gestureWinkenTorso .75s ease-in-out 4}.avatar--gesture-winken .avatar__arm--r{animation:gestureWinkenArmR .75s ease-in-out 4}.avatar--gesture-winken .avatar__arm--l{animation:gestureWinkenArmL .75s ease-in-out 4}@keyframes gestureWinkenHead{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes gestureWinkenTorso{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes gestureWinkenArmR{0%{transform:rotate(-10deg)}25%{transform:rotate(-150deg)}50%{transform:rotate(-120deg)}75%{transform:rotate(-150deg)}to{transform:rotate(-10deg)}}@keyframes gestureWinkenArmL{0%,to{transform:rotate(5deg)}50%{transform:rotate(8deg)}}.avatar--gesture-kopf-wackeln .avatar__head{animation:gestureKopfHead .5s ease-in-out 6}.avatar--gesture-kopf-wackeln .avatar__torso{animation:gestureKopfTorso .5s ease-in-out 6}.avatar--gesture-kopf-wackeln .avatar__arm--l{animation:gestureKopfArmL .5s ease-in-out 6}.avatar--gesture-kopf-wackeln .avatar__arm--r{animation:gestureKopfArmR .5s ease-in-out 6}@keyframes gestureKopfHead{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-12deg) translate(-4px)}75%{transform:rotate(12deg) translate(4px)}}@keyframes gestureKopfTorso{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes gestureKopfArmL{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}@keyframes gestureKopfArmR{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.avatar--gesture-rodeo .avatar__character{animation:gestureRodeoChar .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__head{animation:gestureRodeoHead .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__torso{animation:gestureRodeoTorso .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__arm--r{animation:gestureRodeoArmR .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__arm--l{animation:gestureRodeoArmL .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__leg--l{animation:gestureRodeoLegL .8s ease-in-out 5}.avatar--gesture-rodeo .avatar__leg--r{animation:gestureRodeoLegR .8s ease-in-out 5}@keyframes gestureRodeoChar{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-4deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-15px) rotate(4deg)}}@keyframes gestureRodeoHead{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-6deg) translateY(-8px)}75%{transform:rotate(6deg) translateY(-8px)}}@keyframes gestureRodeoTorso{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes gestureRodeoArmR{0%,to{transform:rotate(-130deg)}25%{transform:rotate(-110deg)}75%{transform:rotate(-145deg)}}@keyframes gestureRodeoArmL{0%,to{transform:rotate(15deg)}50%{transform:rotate(25deg)}}@keyframes gestureRodeoLegL{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}@keyframes gestureRodeoLegR{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.avatar--gesture-hampelmann .avatar__character{animation:gestureHampelChar .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__head{animation:gestureHampelHead .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__torso{animation:gestureHampelTorso .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__arm--l{animation:gestureHampelArmL .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__arm--r{animation:gestureHampelArmR .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__leg--l{animation:gestureHampelLegL .7s ease-in-out 5}.avatar--gesture-hampelmann .avatar__leg--r{animation:gestureHampelLegR .7s ease-in-out 5}@keyframes gestureHampelChar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gestureHampelHead{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gestureHampelTorso{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.06)}}@keyframes gestureHampelArmL{0%,to{transform:rotate(5deg)}50%{transform:rotate(-140deg)}}@keyframes gestureHampelArmR{0%,to{transform:rotate(-5deg)}50%{transform:rotate(140deg)}}@keyframes gestureHampelLegL{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}@keyframes gestureHampelLegR{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}.avatar--gesture-jubeln .avatar__character{animation:gestureJubelnChar .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__head{animation:gestureJubelnHead .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__torso{animation:gestureJubelnTorso .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__arm--l{animation:gestureJubelnArmL .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__arm--r{animation:gestureJubelnArmR .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__leg--l{animation:gestureJubelnLegL .7s ease-in-out 5}.avatar--gesture-jubeln .avatar__leg--r{animation:gestureJubelnLegR .7s ease-in-out 5}@keyframes gestureJubelnChar{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}}@keyframes gestureJubelnHead{0%,to{transform:rotate(0) translateY(0)}40%{transform:rotate(-5deg) translateY(-6px)}}@keyframes gestureJubelnTorso{0%,to{transform:scaleY(1)}40%{transform:scaleY(1.08)}}@keyframes gestureJubelnArmL{0%,to{transform:rotate(5deg)}40%{transform:rotate(-160deg)}}@keyframes gestureJubelnArmR{0%,to{transform:rotate(-5deg)}40%{transform:rotate(160deg)}}@keyframes gestureJubelnLegL{0%,to{transform:rotate(0)}40%{transform:rotate(-10deg)}}@keyframes gestureJubelnLegR{0%,to{transform:rotate(0)}40%{transform:rotate(10deg)}}.avatar--gesture-verbeugung .avatar__head{animation:gestureVerbeugungHead 1s ease-in-out 3}.avatar--gesture-verbeugung .avatar__torso{animation:gestureVerbeugungTorso 1s ease-in-out 3}.avatar--gesture-verbeugung .avatar__arm--l{animation:gestureVerbeugungArmL 1s ease-in-out 3}.avatar--gesture-verbeugung .avatar__arm--r{animation:gestureVerbeugungArmR 1s ease-in-out 3}@keyframes gestureVerbeugungHead{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(25deg) translateY(10px)}}@keyframes gestureVerbeugungTorso{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}@keyframes gestureVerbeugungArmL{0%,to{transform:rotate(5deg)}50%{transform:rotate(50deg)}}@keyframes gestureVerbeugungArmR{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-50deg)}}.avatar--gesture-fliegen .avatar__character{animation:gestureFliegenChar .8s ease-in-out 5}.avatar--gesture-fliegen .avatar__head{animation:gestureFliegenHead .8s ease-in-out 5}.avatar--gesture-fliegen .avatar__torso{animation:gestureFliegenTorso .8s ease-in-out 5}.avatar--gesture-fliegen .avatar__arm--l{animation:gestureFliegenArmL .8s ease-in-out 5}.avatar--gesture-fliegen .avatar__arm--r{animation:gestureFliegenArmR .8s ease-in-out 5}@keyframes gestureFliegenChar{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-8deg) translateY(-5px)}75%{transform:rotate(8deg) translateY(-5px)}}@keyframes gestureFliegenHead{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes gestureFliegenTorso{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes gestureFliegenArmL{0%,50%,to{transform:rotate(-90deg)}25%{transform:rotate(-75deg)}75%{transform:rotate(-105deg)}}@keyframes gestureFliegenArmR{0%,50%,to{transform:rotate(90deg)}25%{transform:rotate(105deg)}75%{transform:rotate(75deg)}}.avatar--gesture-schuetteln .avatar__character{animation:gestureSchuettelnChar .15s linear 20}.avatar--gesture-schuetteln .avatar__head{animation:gestureSchuettelnHead .15s linear 20}.avatar--gesture-schuetteln .avatar__arm--l{animation:gestureSchuettelnArmL .15s linear 20}.avatar--gesture-schuetteln .avatar__arm--r{animation:gestureSchuettelnArmR .15s linear 20}.avatar--gesture-schuetteln .avatar__leg--l{animation:gestureSchuettelnLegL .15s linear 20}.avatar--gesture-schuetteln .avatar__leg--r{animation:gestureSchuettelnLegR .15s linear 20}@keyframes gestureSchuettelnChar{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes gestureSchuettelnHead{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes gestureSchuettelnArmL{0%,to{transform:rotate(5deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(25deg)}}@keyframes gestureSchuettelnArmR{0%,to{transform:rotate(-5deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-25deg)}}@keyframes gestureSchuettelnLegL{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes gestureSchuettelnLegR{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.avatar--gesture-einschlafen .avatar__head{animation:gestureEinschlafenHead 2s ease-in-out 2}.avatar--gesture-einschlafen .avatar__torso{animation:gestureEinschlafenTorso 2s ease-in-out 2}.avatar--gesture-einschlafen .avatar__arm--l{animation:gestureEinschlafenArmL 2s ease-in-out 2}.avatar--gesture-einschlafen .avatar__arm--r{animation:gestureEinschlafenArmR 2s ease-in-out 2}.avatar--gesture-einschlafen .avatar__leg--l{animation:gestureEinschlafenLegL 2s ease-in-out 2}.avatar--gesture-einschlafen .avatar__leg--r{animation:gestureEinschlafenLegR 2s ease-in-out 2}@keyframes gestureEinschlafenHead{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(20deg) translateY(8px)}}@keyframes gestureEinschlafenTorso{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(5deg) scaleY(.95)}}@keyframes gestureEinschlafenArmL{0%,to{transform:rotate(5deg)}50%{transform:rotate(15deg)}}@keyframes gestureEinschlafenArmR{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-15deg)}}@keyframes gestureEinschlafenLegL{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes gestureEinschlafenLegR{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}.avatar--gesture-dab .avatar__head{animation:gestureDabHead 1s ease-in-out 3}.avatar--gesture-dab .avatar__torso{animation:gestureDabTorso 1s ease-in-out 3}.avatar--gesture-dab .avatar__arm--l{animation:gestureDabArmL 1s ease-in-out 3}.avatar--gesture-dab .avatar__arm--r{animation:gestureDabArmR 1s ease-in-out 3}@keyframes gestureDabHead{0%,to{transform:rotate(0)}30%,70%{transform:rotate(20deg) translateY(5px)}}@keyframes gestureDabTorso{0%,to{transform:rotate(0)}30%,70%{transform:rotate(8deg)}}@keyframes gestureDabArmL{0%,to{transform:rotate(5deg)}30%,70%{transform:rotate(-160deg)}}@keyframes gestureDabArmR{0%,to{transform:rotate(-5deg)}30%,70%{transform:rotate(40deg)}}.avatar--gesture-hula .avatar__character{animation:gestureHulaChar .7s ease-in-out 5}.avatar--gesture-hula .avatar__head{animation:gestureHulaHead .7s ease-in-out 5}.avatar--gesture-hula .avatar__torso{animation:gestureHulaTorso .7s ease-in-out 5}.avatar--gesture-hula .avatar__arm--l{animation:gestureHulaArmL .7s ease-in-out 5}.avatar--gesture-hula .avatar__arm--r{animation:gestureHulaArmR .7s ease-in-out 5}@keyframes gestureHulaChar{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes gestureHulaHead{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes gestureHulaTorso{0%,to{transform:rotate(0) scaleX(1)}25%{transform:rotate(-4deg) scaleX(1.04)}75%{transform:rotate(4deg) scaleX(1.04)}}@keyframes gestureHulaArmL{0%,50%,to{transform:rotate(-120deg)}25%{transform:rotate(-130deg)}75%{transform:rotate(-110deg)}}@keyframes gestureHulaArmR{0%,50%,to{transform:rotate(120deg)}25%{transform:rotate(110deg)}75%{transform:rotate(130deg)}}.avatar--gesture-klatschen .avatar__head{animation:gestureKlatschenHead .5s ease-in-out 6}.avatar--gesture-klatschen .avatar__torso{animation:gestureKlatschenTorso .5s ease-in-out 6}.avatar--gesture-klatschen .avatar__arm--l{animation:gestureKlatschenArmL .5s ease-in-out 6}.avatar--gesture-klatschen .avatar__arm--r{animation:gestureKlatschenArmR .5s ease-in-out 6}@keyframes gestureKlatschenHead{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg) translateY(-2px)}}@keyframes gestureKlatschenTorso{0%,to{transform:scaleX(1)}50%{transform:scaleX(.96)}}@keyframes gestureKlatschenArmL{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-70deg)}}@keyframes gestureKlatschenArmR{0%,to{transform:rotate(30deg)}50%{transform:rotate(70deg)}}.avatar--gesture-ninja .avatar__character{animation:gestureNinjaChar 1s ease-in-out 4}.avatar--gesture-ninja .avatar__head{animation:gestureNinjaHead 1s ease-in-out 4}.avatar--gesture-ninja .avatar__torso{animation:gestureNinjaTorso 1s ease-in-out 4}.avatar--gesture-ninja .avatar__arm--l{animation:gestureNinjaArmL 1s ease-in-out 4}.avatar--gesture-ninja .avatar__arm--r{animation:gestureNinjaArmR 1s ease-in-out 4}.avatar--gesture-ninja .avatar__leg--l{animation:gestureNinjaLegL 1s ease-in-out 4}.avatar--gesture-ninja .avatar__leg--r{animation:gestureNinjaLegR 1s ease-in-out 4}@keyframes gestureNinjaChar{0%,to{transform:translateY(0)}20%{transform:translateY(-10px)}60%{transform:translateY(-8px)}}@keyframes gestureNinjaHead{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}}@keyframes gestureNinjaTorso{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}}@keyframes gestureNinjaArmL{0%,to{transform:rotate(5deg)}20%{transform:rotate(-120deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-90deg)}}@keyframes gestureNinjaArmR{0%,to{transform:rotate(-5deg)}20%{transform:rotate(40deg)}50%{transform:rotate(-130deg)}60%{transform:rotate(20deg)}}@keyframes gestureNinjaLegL{0%,to{transform:rotate(0)}60%{transform:rotate(-25deg)}}@keyframes gestureNinjaLegR{0%,to{transform:rotate(0)}20%{transform:rotate(25deg)}}.avatar--gesture-stolpern .avatar__character{animation:gestureStolpernChar .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__head{animation:gestureStolpernHead .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__torso{animation:gestureStolpernTorso .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__arm--l{animation:gestureStolpernArmL .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__arm--r{animation:gestureStolpernArmR .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__leg--l{animation:gestureStolpernLegL .7s ease-in-out 5}.avatar--gesture-stolpern .avatar__leg--r{animation:gestureStolpernLegR .7s ease-in-out 5}@keyframes gestureStolpernChar{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(12deg) translateY(-5px)}60%{transform:rotate(-8deg) translateY(0)}}@keyframes gestureStolpernHead{0%,to{transform:rotate(0)}30%{transform:rotate(15deg) translateY(5px)}60%{transform:rotate(-10deg)}}@keyframes gestureStolpernTorso{0%,to{transform:rotate(0)}30%{transform:rotate(15deg)}60%{transform:rotate(-5deg)}}@keyframes gestureStolpernArmL{0%,to{transform:rotate(5deg)}20%{transform:rotate(-100deg)}50%{transform:rotate(40deg)}70%{transform:rotate(-80deg)}}@keyframes gestureStolpernArmR{0%,to{transform:rotate(-5deg)}20%{transform:rotate(80deg)}50%{transform:rotate(-60deg)}70%{transform:rotate(100deg)}}@keyframes gestureStolpernLegL{0%,to{transform:rotate(0)}30%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}}@keyframes gestureStolpernLegR{0%,to{transform:rotate(0)}30%{transform:rotate(20deg)}60%{transform:rotate(-5deg)}}.avatar--gesture-boxen .avatar__character{animation:gestureBoxenChar .7s ease-in-out 5}.avatar--gesture-boxen .avatar__head{animation:gestureBoxenHead .7s ease-in-out 5}.avatar--gesture-boxen .avatar__torso{animation:gestureBoxenTorso .7s ease-in-out 5}.avatar--gesture-boxen .avatar__arm--l{animation:gestureBoxenArmL .7s ease-in-out 5}.avatar--gesture-boxen .avatar__arm--r{animation:gestureBoxenArmR .7s ease-in-out 5}@keyframes gestureBoxenChar{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-3px)}}@keyframes gestureBoxenHead{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes gestureBoxenTorso{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes gestureBoxenArmL{0%,50%,to{transform:rotate(-30deg)}25%{transform:rotate(-130deg)}}@keyframes gestureBoxenArmR{0%,50%,to{transform:rotate(30deg)}75%{transform:rotate(130deg)}}.avatar--gesture-moonwalk .avatar__character{animation:gestureMoonwalkChar .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__head{animation:gestureMoonwalkHead .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__torso{animation:gestureMoonwalkTorso .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__arm--l{animation:gestureMoonwalkArmL .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__arm--r{animation:gestureMoonwalkArmR .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__leg--l{animation:gestureMoonwalkLegL .7s ease-in-out 5}.avatar--gesture-moonwalk .avatar__leg--r{animation:gestureMoonwalkLegR .7s ease-in-out 5}@keyframes gestureMoonwalkChar{0%,to{transform:translate(0) rotate(-2deg)}25%{transform:translate(-6px) rotate(-2deg)}50%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(-12px) rotate(-2deg)}}@keyframes gestureMoonwalkHead{0%,to{transform:rotate(-3deg)}50%{transform:rotate(0)}}@keyframes gestureMoonwalkTorso{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes gestureMoonwalkArmL{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-35deg)}}@keyframes gestureMoonwalkArmR{0%,to{transform:rotate(25deg)}50%{transform:rotate(35deg)}}@keyframes gestureMoonwalkLegL{0%,50%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-18deg) translateY(-3px)}}@keyframes gestureMoonwalkLegR{0%,50%,to{transform:rotate(0) translateY(0)}75%{transform:rotate(18deg) translateY(-3px)}}.avatar--gesture-pinguin .avatar__character{animation:gesturePinguinChar .6s ease-in-out 6}.avatar--gesture-pinguin .avatar__head{animation:gesturePinguinHead .6s ease-in-out 6}.avatar--gesture-pinguin .avatar__arm--l{animation:gesturePinguinArmL .6s ease-in-out 6}.avatar--gesture-pinguin .avatar__arm--r{animation:gesturePinguinArmR .6s ease-in-out 6}.avatar--gesture-pinguin .avatar__leg--l{animation:gesturePinguinLegL .6s ease-in-out 6}.avatar--gesture-pinguin .avatar__leg--r{animation:gesturePinguinLegR .6s ease-in-out 6}@keyframes gesturePinguinChar{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes gesturePinguinHead{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg) translateY(-2px)}75%{transform:rotate(3deg) translateY(-2px)}}@keyframes gesturePinguinArmL{0%,to{transform:rotate(-55deg)}50%{transform:rotate(-70deg)}}@keyframes gesturePinguinArmR{0%,to{transform:rotate(55deg)}50%{transform:rotate(70deg)}}@keyframes gesturePinguinLegL{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes gesturePinguinLegR{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.avatar--gesture-superheld .avatar__character{animation:gestureSuperheldChar 1s ease-in-out 3}.avatar--gesture-superheld .avatar__head{animation:gestureSuperheldHead 1s ease-in-out 3}.avatar--gesture-superheld .avatar__torso{animation:gestureSuperheldTorso 1s ease-in-out 3}.avatar--gesture-superheld .avatar__arm--l{animation:gestureSuperheldArmL 1s ease-in-out 3}.avatar--gesture-superheld .avatar__arm--r{animation:gestureSuperheldArmR 1s ease-in-out 3}.avatar--gesture-superheld .avatar__leg--l{animation:gestureSuperheldLegL 1s ease-in-out 3}.avatar--gesture-superheld .avatar__leg--r{animation:gestureSuperheldLegR 1s ease-in-out 3}@keyframes gestureSuperheldChar{0%,to{transform:translateY(-12px) rotate(-3deg)}50%{transform:translateY(-22px) rotate(-3deg)}}@keyframes gestureSuperheldHead{0%,to{transform:rotate(-5deg)}}@keyframes gestureSuperheldTorso{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}@keyframes gestureSuperheldArmL{0%,to{transform:rotate(-170deg)}50%{transform:rotate(-178deg)}}@keyframes gestureSuperheldArmR{0%,to{transform:rotate(170deg)}50%{transform:rotate(178deg)}}@keyframes gestureSuperheldLegL{0%,to{transform:rotate(-12deg)}}@keyframes gestureSuperheldLegR{0%,to{transform:rotate(12deg)}}.avatar--gesture-karate .avatar__character{animation:gestureKarateChar .9s ease-in-out 4}.avatar--gesture-karate .avatar__head{animation:gestureKarateHead .9s ease-in-out 4}.avatar--gesture-karate .avatar__torso{animation:gestureKarateTorso .9s ease-in-out 4}.avatar--gesture-karate .avatar__arm--l{animation:gestureKarateArmL .9s ease-in-out 4}.avatar--gesture-karate .avatar__arm--r{animation:gestureKarateArmR .9s ease-in-out 4}.avatar--gesture-karate .avatar__leg--l{animation:gestureKarateLegL .9s ease-in-out 4}.avatar--gesture-karate .avatar__leg--r{animation:gestureKarateLegR .9s ease-in-out 4}@keyframes gestureKarateChar{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(-4px)}}@keyframes gestureKarateHead{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@keyframes gestureKarateTorso{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@keyframes gestureKarateArmL{0%,50%,to{transform:rotate(-40deg)}75%{transform:rotate(-115deg)}}@keyframes gestureKarateArmR{0%,50%,to{transform:rotate(40deg)}25%{transform:rotate(115deg)}}@keyframes gestureKarateLegL{0%,50%,to{transform:rotate(0)}75%{transform:rotate(-55deg)}}@keyframes gestureKarateLegR{0%,50%,to{transform:rotate(0)}25%{transform:rotate(55deg)}}.avatar--gesture-rakete .avatar__character{animation:gestureRaketeChar 4s ease-in 1}.avatar--gesture-rakete .avatar__arm--l{animation:gestureRaketeArmL 4s ease-in-out 1}.avatar--gesture-rakete .avatar__arm--r{animation:gestureRaketeArmR 4s ease-in-out 1}@keyframes gestureRaketeChar{0%{transform:translate(0)}6%{transform:translate(-3px)}12%{transform:translate(3px)}18%{transform:translate(-3px)}24%{transform:translate(3px)}30%{transform:translate(-3px)}36%{transform:translate(3px)}42%{transform:translate(-3px)}48%{transform:translate(3px)}50%{transform:translate(0)}to{transform:translateY(-220px) scale(.55)}}@keyframes gestureRaketeArmL{0%{transform:rotate(0)}50%{transform:rotate(-160deg)}to{transform:rotate(-180deg)}}@keyframes gestureRaketeArmR{0%{transform:rotate(0)}50%{transform:rotate(160deg)}to{transform:rotate(180deg)}}.avatar--gesture-luftgitarre .avatar__head{animation:gestureLuftgitarreHead .5s ease-in-out 7}.avatar--gesture-luftgitarre .avatar__torso{animation:gestureLuftgitarreTorso .5s ease-in-out 7}.avatar--gesture-luftgitarre .avatar__arm--l{animation:gestureLuftgitarreArmL .5s ease-in-out 7}.avatar--gesture-luftgitarre .avatar__arm--r{animation:gestureLuftgitarreArmR .5s ease-in-out 7}.avatar--gesture-luftgitarre .avatar__leg--r{animation:gestureLuftgitarreLegR .25s ease-in-out 14}@keyframes gestureLuftgitarreHead{0%,to{transform:rotate(0)}50%{transform:rotate(15deg) translateY(2px)}}@keyframes gestureLuftgitarreTorso{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes gestureLuftgitarreArmL{0%,to{transform:rotate(-100deg)}50%{transform:rotate(-95deg)}}@keyframes gestureLuftgitarreArmR{0%,to{transform:rotate(20deg)}50%{transform:rotate(85deg)}}@keyframes gestureLuftgitarreLegR{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.avatar--gesture-zauberer .avatar__character{animation:gestureZaubererChar 1.2s ease-in-out 3}.avatar--gesture-zauberer .avatar__head{animation:gestureZaubererHead 1.2s ease-in-out 3}.avatar--gesture-zauberer .avatar__torso{animation:gestureZaubererTorso 1.2s ease-in-out 3}.avatar--gesture-zauberer .avatar__arm--l{animation:gestureZaubererArmL 1.2s ease-in-out 3}.avatar--gesture-zauberer .avatar__arm--r{animation:gestureZaubererArmR 1.2s ease-in-out 3}@keyframes gestureZaubererChar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gestureZaubererHead{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes gestureZaubererTorso{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes gestureZaubererArmL{0%,to{transform:rotate(-30deg)}25%{transform:rotate(-90deg)}50%{transform:rotate(-150deg)}75%{transform:rotate(-120deg)}}@keyframes gestureZaubererArmR{0%,to{transform:rotate(30deg)}25%{transform:rotate(90deg)}50%{transform:rotate(150deg)}75%{transform:rotate(120deg)}}.avatar--gesture-frosch .avatar__character{animation:gestureFroschChar 1s ease-in-out 3}.avatar--gesture-frosch .avatar__head{animation:gestureFroschHead 1s ease-in-out 3}.avatar--gesture-frosch .avatar__torso{animation:gestureFroschTorso 1s ease-in-out 3}.avatar--gesture-frosch .avatar__arm--l{animation:gestureFroschArmL 1s ease-in-out 3}.avatar--gesture-frosch .avatar__arm--r{animation:gestureFroschArmR 1s ease-in-out 3}.avatar--gesture-frosch .avatar__leg--l{animation:gestureFroschLegL 1s ease-in-out 3}.avatar--gesture-frosch .avatar__leg--r{animation:gestureFroschLegR 1s ease-in-out 3}@keyframes gestureFroschChar{0%,to{transform:translateY(0)}20%{transform:translateY(8px) scaleY(.85)}60%{transform:translateY(-30px)}}@keyframes gestureFroschHead{0%,to{transform:rotate(0)}20%{transform:translateY(2px)}60%{transform:rotate(-5deg)}}@keyframes gestureFroschTorso{0%,to{transform:scaleY(1)}20%{transform:scaleY(.88)}60%{transform:scaleY(1.06)}}@keyframes gestureFroschArmL{0%,to{transform:rotate(5deg)}20%{transform:rotate(-50deg)}60%{transform:rotate(-100deg)}}@keyframes gestureFroschArmR{0%,to{transform:rotate(-5deg)}20%{transform:rotate(50deg)}60%{transform:rotate(100deg)}}@keyframes gestureFroschLegL{0%,to{transform:rotate(0)}20%{transform:rotate(-25deg)}60%{transform:rotate(-30deg)}}@keyframes gestureFroschLegR{0%,to{transform:rotate(0)}20%{transform:rotate(25deg)}60%{transform:rotate(30deg)}}.avatar--gesture-karussel .avatar__character{animation:gestureKarusselChar 1.5s linear 2}.avatar--gesture-karussel .avatar__arm--l{animation:gestureKarusselArmL .75s ease-in-out 4}.avatar--gesture-karussel .avatar__arm--r{animation:gestureKarusselArmR .75s ease-in-out 4}@keyframes gestureKarusselChar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gestureKarusselArmL{0%,to{transform:rotate(-95deg)}50%{transform:rotate(-105deg)}}@keyframes gestureKarusselArmR{0%,to{transform:rotate(95deg)}50%{transform:rotate(105deg)}}.app__error{text-align:center;padding:3rem;color:#fff}.app__error h1{font-size:2rem;margin-bottom:1rem}.app__error p{font-size:1.2rem;font-weight:700}.app__messages::-webkit-scrollbar{width:6px}.app__messages::-webkit-scrollbar-track{background:transparent}.app__messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.avatar__torso--dress-pink,.avatar__torso--dress-blue{height:34%;width:52%;background:linear-gradient(180deg,var(--shirt) 0%,var(--shirt) 30%,var(--shirt-dark) 100%);clip-path:polygon(26% 0%,74% 0%,78% 38%,100% 100%,0% 100%,22% 38%);border-radius:0;box-shadow:none}.avatar__torso--dress-pink:after,.avatar__torso--dress-blue:after{content:"";position:absolute;top:3%;left:50%;transform:translate(-50%);width:18%;height:10%;background:var(--shirt);filter:brightness(1.2);border-radius:0 0 50% 50%}.avatar__torso--dress-pink:before,.avatar__torso--dress-blue:before{content:"";position:absolute;top:32%;left:22%;right:22%;width:auto;height:6%;background:#00000026;border-radius:2px;transform:none}.avatar--dress-pink .avatar__arm--l,.avatar--dress-blue .avatar__arm--l{left:22%}.avatar--dress-pink .avatar__arm--r,.avatar--dress-blue .avatar__arm--r{right:22%}.avatar--shirt-bagger .avatar__arm--l{left:18%}.avatar--shirt-bagger .avatar__arm--r{right:18%}.app__home-button{position:absolute;top:.75rem;left:.75rem;z-index:20;background:#ffffffd9;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 8px #0003;-webkit-tap-highlight-color:transparent}.app__home-button:hover{background:#fff;transform:scale(1.05)}.selector-page{padding:1rem;background:linear-gradient(180deg,var(--grass) 0%,var(--grass-dark) 100%)}.selector-ortwin{flex-shrink:0;display:flex;justify-content:center;align-items:flex-end;width:100%;height:clamp(180px,28vh,320px);padding-top:max(.5rem,env(safe-area-inset-top,.5rem));z-index:2;pointer-events:none}.selector-ortwin .avatar.avatar--card{height:100%;pointer-events:none}.selector-header{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;max-width:900px;width:100%;text-align:center}.selector-title{font-size:clamp(1.6rem,5vw,2.6rem);margin:0}.selector-title--clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease-out}.selector-title--clickable:hover{transform:scale(1.03)}.selector-title--clickable:active{transform:scale(.98)}.selector-avatars{flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,4vw,3rem);width:100%;max-width:900px;padding:1rem 1rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,2rem));z-index:2}.selector-card{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem;transition:transform .2s;-webkit-tap-highlight-color:transparent}.selector-card:hover{transform:translateY(-4px)}.selector-card:active{transform:translateY(-2px) scale(.98)}.selector-name{font-family:Bangers,cursive;font-size:clamp(1.4rem,4vw,2rem);letter-spacing:2px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.avatar--card{position:relative;height:clamp(140px,24vh,240px);bottom:auto;left:auto;right:auto}