/* ===================================================================
   aeri-zustaende-4.css - die Launen, Teil 4: Suchen, Schützen, Fokus,
   Danke.

   Vier Momente, die weder Warten noch Denken sind und für die bisher
   eine danebenliegende Laune hätte herhalten müssen.
   =================================================================== */

/* --- 14. Suchen: der Blick wandert ------------------------------- */

/* Nicht mit Denken zu verwechseln: Denken heißt, Aeri arbeitet an einer
   Antwort. Suchen heißt, er schaut sich um. Der Kopf geht mit den Augen -
   nur die Augen zu bewegen sieht aus wie schielen. */

.aeri--suchen .aeri-auge {
    animation: aeri-suchblick 3.4s ease-in-out infinite;
}
.aeri--suchen .aeri-neigung {
    animation: aeri-suchkopf 3.4s ease-in-out infinite;
}
.aeri--suchen .aeri-kamm--rechts { transform: rotate(-9deg); animation: none; }
.aeri--suchen .aeri-mund-ruhe    { opacity: 0; }
.aeri--suchen .aeri-mund-strich  { opacity: .6; }
.aeri--suchen .aeri-fluegel      { animation-duration: 3.4s; }

@keyframes aeri-suchblick {
    0%, 100% { transform: translate(-3.5px, -1px); }
    45%, 55% { transform: translate(3.5px, -1px); }
}

@keyframes aeri-suchkopf {
    0%, 100% { transform: rotate(-5deg); }
    45%, 55% { transform: rotate(5deg); }
}

/* --- 15. Schützen: was hier ist, bleibt hier --------------------- */

/* Die Laune für Aeronas wichtigstes Versprechen: lokale Daten, nichts
   geht nach draußen. Aeri legt die Flügel um sich und der Ring um ihn
   ist geschlossen - kein laufendes Stück wie beim Laden, ein ganzer
   Kreis. */

/* Etwas verkleinert, damit aus den Flügeln Arme werden und nicht zwei
   Flächen, die das halbe Gesicht zudecken. */
.aeri--schuetzen .aeri-vorn { display: block; }
.aeri--schuetzen .aeri-vorn--rechts,
.aeri--schuetzen .aeri-vorn--links { transform: rotate(97deg) scale(.8); }

/* Die hinteren Flügel ziehen sich dabei an den Körper. */
.aeri--schuetzen .aeri-fluegel { transform: rotate(14deg); animation: none; }

.aeri--schuetzen .aeri-schweben   { animation-duration: 7s; }
.aeri--schuetzen .aeri-drift      { animation-duration: 9.5s; }
.aeri--schuetzen .aeri-kamm--rechts,
.aeri--schuetzen .aeri-kamm--links { transform: rotate(11deg); animation: none; }
.aeri--schuetzen .aeri-lid        { transform: scaleY(.78); animation: none; }
.aeri--schuetzen .aeri-wimper     { opacity: .5; }
.aeri--schuetzen .aeri-mund-ruhe  { opacity: .7; }
.aeri--schuetzen .aeri-kern       { animation: none; opacity: 1; }

.aeri--schuetzen .aeri-ring      { opacity: 1; }
.aeri--schuetzen .aeri-ring-bahn { opacity: .5; }
.aeri--schuetzen .aeri-ring-lauf { opacity: 0; }

/* --- 16. Fokus: konzentriert, bitte nicht stören ----------------- */

/* Kein Schlaf: die Augen sind offen, nur schmal. Kein Warten: es läuft
   kein Ring. Aeri steht still - deshalb ist hier als Einziges auch das
   seitliche Gleiten aus. */

.aeri--fokus .aeri-drift        { animation: none; transform: none; }
.aeri--fokus .aeri-schweben     { animation-duration: 8.5s; }
.aeri--fokus .aeri-fluegel      { transform: rotate(4deg); animation: none; }
.aeri--fokus .aeri-schweif      { animation-duration: 8.5s; }
.aeri--fokus .aeri-kamm--rechts,
.aeri--fokus .aeri-kamm--links  { transform: rotate(-6deg); animation: none; }
.aeri--fokus .aeri-lid          { transform: scaleY(.32); animation: none; }
/* Waagerechte Brauen dicht über den Augen: das ist Konzentration. Erst
   nach innen gezogen würde daraus Ärger. */
.aeri--fokus .aeri-braue--links,
.aeri--fokus .aeri-braue--rechts { opacity: .6; transform: translateY(2px); }
.aeri--fokus .aeri-mund-ruhe    { opacity: 0; }
.aeri--fokus .aeri-mund-strich  { opacity: .75; }
.aeri--fokus .aeri-bloom        { opacity: .5; animation: none; }
.aeri--fokus .aeri-pfuetze      { opacity: .18; animation: none; }
.aeri--fokus .aeri-kern         { animation: none; opacity: 1; }

/* --- 17. Danke: eine kleine Verbeugung --------------------------- */

/* Unterscheidet sich von der Entschuldigung durch alles außer dem
   gesenkten Kopf: die Flügel gehen nach oben statt herunter, die Augen
   lachen, der Mund auch. */

.aeri--danke .aeri-neigung {
    animation: aeri-verbeugen 3.2s cubic-bezier(.35, .7, .3, 1) infinite;
}
.aeri--danke .aeri-fluegel      { transform: rotate(-24deg); animation: none; }
.aeri--danke .aeri-kamm--rechts,
.aeri--danke .aeri-kamm--links  { transform: rotate(19deg); animation: none; }
.aeri--danke .aeri-mund-ruhe    { opacity: 0; }
.aeri--danke .aeri-mund-freude  { opacity: .9; }
.aeri--danke .aeri-lid {
    transform-origin: bottom center;
    transform: scaleY(.5);
    animation: none;
}

@keyframes aeri-verbeugen {
    0%, 100% { transform: translateY(0) scale(1); }
    28%      { transform: translateY(11px) scale(.965); }
    52%      { transform: translateY(9px) scale(.97); }
}

/* --- Bewegungsarm ------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .aeri--suchen .aeri-auge    { transform: translate(3px, -1px); }
    .aeri--suchen .aeri-neigung { transform: rotate(4deg); }
    .aeri--danke .aeri-neigung  { transform: translateY(9px) scale(.97); }
}