/* Reflector Cat – Erklär-Animation mit Ornamenten ([reflectorcat_animation ornaments="true"]).
   Schrift lokal aus dem Plugin, keine externen Anfragen. */
@font-face{font-family:'RC Gaegu';font-style:normal;font-weight:700;font-display:swap;
  src:url('../animation/gaegu-700.woff2') format('woff2');}

.rc-anim-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,48px);
  max-width:1240px;margin:0 auto;}
.rc-anim-row .rc-animation{flex:0 1 auto;margin:0 !important;width:100%;}
.rc-orn{flex:0 1 300px;min-width:0;display:flex;align-items:center;}
.rc-orn svg{display:block;width:100%;height:auto;overflow:visible;}
.rc-orn text{font-family:'RC Gaegu','Chalkboard SE','Comic Sans MS',cursive;font-weight:700;}

/* Bewegungen: bewusst ruhig, damit sie dem Video nicht die Show stehlen */
.rc-orn .rc-sign{transform-box:fill-box;animation:rc-sway 4.2s ease-in-out infinite;}
.rc-orn .rc-sign-r{transform-origin:0% 50%;}
.rc-orn .rc-sign-l{transform-origin:100% 50%;}
.rc-orn .rc-float{transform-box:fill-box;transform-origin:50% 50%;animation:rc-float 5.5s ease-in-out infinite;}
.rc-orn .rc-bloom{transform-box:fill-box;transform-origin:50% 50%;animation:rc-bloom 14s linear infinite;}
.rc-orn .rc-twinkle{transform-box:fill-box;transform-origin:50% 50%;animation:rc-twinkle 2.6s steps(4) infinite;}
.rc-orn .rc-tail{transform-box:fill-box;transform-origin:0% 100%;animation:rc-wag 3.2s ease-in-out infinite;}
.rc-orn .rc-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:rc-blink 6s infinite;}

@keyframes rc-sway{0%,100%{transform:rotate(-3.5deg);}50%{transform:rotate(3.5deg);}}
@keyframes rc-float{0%,100%{transform:translateY(0) rotate(-1.2deg);}50%{transform:translateY(-9px) rotate(1.2deg);}}
@keyframes rc-bloom{to{transform:rotate(360deg);}}
@keyframes rc-twinkle{0%,100%{transform:scale(.55);opacity:.55;}50%{transform:scale(1);opacity:1;}}
@keyframes rc-wag{0%,100%{transform:rotate(-6deg);}50%{transform:rotate(8deg);}}
@keyframes rc-blink{0%,93%,100%{transform:scaleY(1);}96%{transform:scaleY(.1);}}

/* Auf dem Handy etwas Luft links und rechts, damit das Video nicht am Rand klebt */
@media (max-width:781px){.rc-animation{box-sizing:border-box;padding-left:5vw;padding-right:5vw;}}

/* Auf schmalen Bildschirmen ist neben dem Hochformat-Video kein Platz */
@media (max-width:899px){.rc-orn{display:none;}}
@media (prefers-reduced-motion:reduce){.rc-orn *{animation:none !important;}}