/* Lecteur : texte du bloc C, mot qui bat au-dessus de Lecture, boutons du bloc D. Repris de la démo v218. */
#txt.haut{align-items:flex-start;padding-top:105px}
#txt.defile{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(175,195,214,.4) transparent}
@keyframes battementMot{
  0%{color:rgba(175,195,214,.6);text-shadow:0 0 0 rgba(175,195,214,0)}
  14%{color:rgba(205,222,238,1);text-shadow:0 0 12px rgba(175,195,214,.5)}
  28%{color:rgba(175,195,214,.7);text-shadow:0 0 4px rgba(175,195,214,.12)}
  42%{color:rgba(195,213,230,.92);text-shadow:0 0 9px rgba(175,195,214,.35)}
  70%,100%{color:rgba(175,195,214,.6);text-shadow:0 0 0 rgba(175,195,214,0)}}
#etiq.bat{animation:battementMot 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){#etiq.bat{animation:none}}
#etiq{position:absolute;bottom:22px;transform:translateX(-50%);font:500 44px system-ui,sans-serif;color:rgba(175,195,214,.85);opacity:0;transition:opacity 1s;pointer-events:none;white-space:nowrap}

@keyframes battement{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(175,195,214,0)}
  14%{transform:scale(1.02);box-shadow:0 0 16px 2px rgba(175,195,214,.28)}
  28%{transform:scale(1);box-shadow:0 0 6px 0 rgba(175,195,214,.1)}
  42%{transform:scale(1.012);box-shadow:0 0 12px 1px rgba(175,195,214,.2)}
  70%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(175,195,214,0)}}
#D button.pulse{animation:battement 2.4s ease-in-out infinite;background:rgba(175,195,214,.1);border-color:rgba(175,195,214,.6)}
@media (prefers-reduced-motion:reduce){#D button.pulse{animation:none}}
#D button.act{background:rgba(175,195,214,.1)}
#bSon.coupe svg path{fill:#AFC3D6}
#bSon.coupe #barre{display:inline}
#nosound{display:none;position:absolute;left:30px;bottom:10px;font-size:26px;color:#6c8088}

/* Animations : « douces » si le téléphone demande moins de mouvement (le réglage Confort viendra plus tard) */
body.anim-aucune .spin,body.anim-aucune .souffle,body.anim-aucune #etiq.bat,body.anim-aucune #D button.pulse{animation:none!important}
body.anim-aucune.arrive #devi,body.anim-aucune.arrive #btn{animation:none}
body.anim-douces .spin{animation-duration:150s}
body.anim-douces .souffle{animation-duration:6.4s}
body.anim-douces #etiq.bat,body.anim-douces #D button.pulse{animation-duration:5s}
