/* RTC Wichtelchat 14 | nur CSS, nur .messages | acht Wichtel | geisterhaft */
.chat-body .messages{position:relative;isolation:isolate}
.chat-body .messages > *{position:relative;z-index:1}
.chat-body .messages::before,.chat-body .messages::after{
 content:"";position:absolute;display:block;box-sizing:border-box;z-index:0;
 pointer-events:none!important;opacity:0;background-repeat:no-repeat;
 background-size:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.10)) saturate(.72) brightness(.96);
 backface-visibility:hidden;will-change:transform,opacity
}
/* oben Kopfueber / links lugt: je einer, erst vollkommen unsichtbar wechseln */
.chat-body .messages::before{
 width:clamp(82px,12%,128px);height:130px;
 animation:rtc-wichtel-oben-links-09 68s linear 0s infinite both
}
/* unten Schlaf / rechts lugt */
.chat-body .messages::after{
 width:clamp(92px,14.5%,150px);height:92px;
 animation:rtc-wichtel-unten-rechts-09 90s linear -18s infinite both
}
@keyframes rtc-wichtel-oben-links-09{
 0%,6%{opacity:0;top:-6px;bottom:auto;left:23%;right:auto;width:clamp(82px,12%,128px);height:130px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_haengt_kopfueber.png');background-position:center top;transform:translate3d(0,-110%,0)}
 10%,19%{opacity:.34;top:-6px;bottom:auto;left:23%;right:auto;width:clamp(82px,12%,128px);height:130px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_haengt_kopfueber.png');background-position:center top;transform:translate3d(0,-28%,0)}
 23%{opacity:0;top:-6px;bottom:auto;left:23%;right:auto;transform:translate3d(0,-110%,0)}
 30%,39%{opacity:0;top:42%;bottom:auto;left:-6px;right:auto;width:clamp(88px,13%,138px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_links.png');background-position:left center;transform:translate3d(-112%,0,0)}
 44%,55%{opacity:.34;top:42%;bottom:auto;left:-6px;right:auto;width:clamp(88px,13%,138px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_links.png');background-position:left center;transform:translate3d(-8%,0,0)}
 60%,64%{opacity:0;top:42%;bottom:auto;left:-6px;right:auto;width:clamp(88px,13%,138px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_links.png');background-position:left center;transform:translate3d(-112%,0,0)}
 /* neu: Versteck-Wichtel guckt ganz unten links hervor */
 66%{opacity:0;top:auto;bottom:-5px;left:7%;right:auto;width:clamp(82px,12%,126px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_versteckt_sich.png');background-position:center bottom;transform:translate3d(0,105%,0)}
 71%,81%{opacity:.34;top:auto;bottom:-5px;left:7%;right:auto;width:clamp(82px,12%,126px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_versteckt_sich.png');background-position:center bottom;transform:translate3d(0,0,0)}
 86%{opacity:0;top:auto;bottom:-5px;left:7%;right:auto;width:clamp(82px,12%,126px);height:112px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_versteckt_sich.png');background-position:center bottom;transform:translate3d(0,105%,0)}
 /* neu: Lichterketten-Wichtel tritt oben am Nachrichtenrand auf */
 88%{opacity:0;top:-4px;bottom:auto;left:60%;right:auto;width:clamp(90px,14%,145px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_mit_lichterkette.png');background-position:center top;transform:translate3d(0,-112%,0)}
 91%,95%{opacity:.34;top:-4px;bottom:auto;left:60%;right:auto;width:clamp(90px,14%,145px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_mit_lichterkette.png');background-position:center top;transform:translate3d(0,-10%,0)}
 98%{opacity:0;top:-4px;bottom:auto;left:60%;right:auto;transform:translate3d(0,-112%,0)}
 100%{opacity:0;top:-6px;bottom:auto;left:23%;right:auto;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_haengt_kopfueber.png');transform:translate3d(0,-110%,0)}
}
@keyframes rtc-wichtel-unten-rechts-09{
 0%,6%{opacity:0;bottom:-4px;top:auto;right:13%;left:auto;width:clamp(92px,14.5%,150px);height:92px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_schlaeft.png');background-position:center bottom;transform:translate3d(0,108%,0)}
 10%,17%{opacity:.34;bottom:-4px;top:auto;right:13%;left:auto;width:clamp(92px,14.5%,150px);height:92px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_schlaeft.png');background-position:center bottom;transform:translate3d(0,0,0)}
 21%{opacity:0;bottom:-4px;top:auto;right:13%;left:auto;transform:translate3d(0,108%,0)}
 27%,33%{opacity:0;top:61%;bottom:auto;right:-6px;left:auto;width:clamp(88px,13%,138px);height:115px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_rechts.png');background-position:right center;transform:translate3d(112%,0,0)}
 38%,48%{opacity:.34;top:61%;bottom:auto;right:-6px;left:auto;width:clamp(88px,13%,138px);height:115px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_rechts.png');background-position:right center;transform:translate3d(8%,0,0)}
 53%,59%{opacity:0;top:61%;bottom:auto;right:-6px;left:auto;width:clamp(88px,13%,138px);height:115px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_lugt_rechts.png');background-position:right center;transform:translate3d(112%,0,0)}
 /* neu: Geschenk-Wichtel erscheint am rechten unteren Rand */
 62%{opacity:0;top:auto;bottom:-4px;right:7%;left:auto;width:clamp(85px,13%,135px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_im_geschenk.png');background-position:center bottom;transform:translate3d(0,105%,0)}
 67%,77%{opacity:.34;top:auto;bottom:-4px;right:7%;left:auto;width:clamp(85px,13%,135px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_im_geschenk.png');background-position:center bottom;transform:translate3d(0,0,0)}
 82%{opacity:0;top:auto;bottom:-4px;right:7%;left:auto;width:clamp(85px,13%,135px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_im_geschenk.png');background-position:center bottom;transform:translate3d(0,105%,0)}
 /* neu: Muelleimer-Wichtel taucht am unteren Rand auf */
 85%{opacity:0;top:auto;bottom:-4px;right:38%;left:auto;width:clamp(90px,13%,140px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_im_muelleimer.png');background-position:center bottom;transform:translate3d(0,110%,0)}
 89%,94%{opacity:.34;top:auto;bottom:-4px;right:38%;left:auto;width:clamp(90px,13%,140px);height:120px;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_im_muelleimer.png');background-position:center bottom;transform:translate3d(0,0,0)}
 98%{opacity:0;top:auto;bottom:-4px;right:38%;left:auto;transform:translate3d(0,110%,0)}
 100%{opacity:0;bottom:-4px;top:auto;right:13%;left:auto;background-image:url('https://schnegge.de.cool/chatcss/wichtel/wichtel_schlaeft.png');transform:translate3d(0,108%,0)}
}
@media(prefers-reduced-motion:reduce){.chat-body .messages::before,.chat-body .messages::after{animation:none!important;opacity:0!important}}