/* Cosmo Planet Toolkit – „Besucher aus dem All“ (Flitzer-Animation) */
.cptk-flitzer-buehne{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}
.cptk-fig{position:absolute;left:0;top:0;will-change:transform;pointer-events:none;transform:translate3d(-600px,0,0)}
.cptk-fig-innen{position:relative;transform-origin:50% 10%}
.cptk-fig img{display:block;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 8px 14px rgba(17,22,65,.3));user-select:none;-webkit-user-drag:none}
.cptk-fig.rueckwaerts img{transform:scaleX(-1)}
.cptk-fig-flug .cptk-fig-innen{transform-origin:50% 50%}
.cptk-fig-innen.hopsen{animation:cptk-hopsen .9s ease-in-out infinite alternate}
.cptk-fig-innen.winken{animation:cptk-winken .22s ease-in-out 6 alternate}
/* Kletterposen (linke/rechte Hand oben) liegen deckungsgleich über der Grundpose; Überblendung per Skript */
.cptk-fig-innen .cptk-pose{position:absolute;left:0;top:0;opacity:0}
.cptk-fig-innen .cptk-a{position:relative}
.cptk-fig-innen.schwimmen{animation:cptk-schwimmen .7s ease-in-out infinite alternate}
/* Planet für „Planet umrunden“ */
.cptk-planet{position:absolute;left:0;top:0;z-index:2;will-change:transform,opacity;filter:drop-shadow(0 0 18px rgba(43,168,223,.45))}
.cptk-planet img{display:block;width:100%!important;height:auto!important;max-width:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;animation:cptk-planet-drehen 14s linear infinite}
.cptk-fig{z-index:3}
/* Zwei Seile von oben bis zu den Fäusten */
.cptk-seile{position:absolute;top:0;height:0}
.cptk-seile::before,.cptk-seile::after{content:"";position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;background:repeating-linear-gradient(to bottom,#FFD23F 0 7px,#D99A00 7px 10px);box-shadow:0 0 6px rgba(255,210,63,.6)}
.cptk-seile::before{left:var(--l,35%)}.cptk-seile::after{left:var(--r,65%)}
/* Leuchtende Leiter (Holme = Rahmen, Sprossen = Verlauf) */
.cptk-leiter{position:absolute;box-sizing:border-box;border-left:4px solid #2BA8DF;border-right:4px solid #2BA8DF;border-radius:4px;background:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(43,168,223,.95) 30px 34px);filter:drop-shadow(0 0 6px rgba(43,168,223,.55));will-change:transform}
/* Sternenstaub */
.cptk-flitzer-stern{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;pointer-events:none;animation:cptk-stern 1.5s ease-out forwards}
.cptk-flitzer-stern::before,.cptk-flitzer-stern::after{content:"";position:absolute;left:50%;top:50%;background:var(--f,#FFD23F);border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 6px var(--f,#FFD23F)}
.cptk-flitzer-stern::before{width:2px;height:10px}.cptk-flitzer-stern::after{width:10px;height:2px}
@keyframes cptk-hopsen{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-8px) rotate(3deg)}}
@keyframes cptk-schwimmen{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-6px) rotate(4deg)}}
@keyframes cptk-planet-drehen{from{transform:rotate(-6deg)}50%{transform:rotate(6deg)}to{transform:rotate(-6deg)}}
@keyframes cptk-winken{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes cptk-stern{0%{opacity:0;transform:scale(.3) rotate(0)}20%{opacity:1;transform:scale(1) rotate(45deg)}100%{opacity:0;transform:translateY(-26px) scale(.4) rotate(120deg)}}
@media (prefers-reduced-motion:reduce){.cptk-flitzer-buehne{display:none!important}}
@media print{.cptk-flitzer-buehne{display:none!important}}
