/* Le robot de Sumrify qui vole dans le site et parle (09/10/2026). Voir mascotte.js. */
.robot-zone{position:fixed;left:0;top:0;z-index:40;width:118px;height:124px;pointer-events:none;
  will-change:transform;transform:translate3d(-200px,-200px,0)}
.robot-zone .robot-corps{position:absolute;inset:0;pointer-events:auto;cursor:pointer;will-change:transform}
.robot-zone img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
/* les reacteurs sous les pieds : une lueur qui grandit avec la vitesse */
.robot-zone .reacteur{position:absolute;left:50%;bottom:-6px;width:46px;height:30px;margin-left:-23px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,170,90,.95),rgba(255,85,0,.55) 45%,rgba(79,209,255,.18) 75%,transparent);
  filter:blur(3px);opacity:var(--poussee,.35);transform:scaleY(calc(.7 + var(--poussee,.35)));transform-origin:50% 0;
  animation:flamme .18s infinite alternate ease-in-out}
@keyframes flamme{from{filter:blur(3px) brightness(1)}to{filter:blur(4px) brightness(1.25)}}
.robot-zone .bulle{position:absolute;bottom:calc(100% - 6px);max-width:min(300px,70vw);width:max-content;
  background:#fff;color:#141821;font:600 15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  padding:11px 15px;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35);opacity:0;
  transform:translateY(8px) scale(.96);transition:opacity .25s,transform .25s;pointer-events:none}
.robot-zone .bulle::after{content:"";position:absolute;bottom:-7px;width:16px;height:16px;background:#fff;
  transform:rotate(45deg);border-radius:3px}
.robot-zone.bulle-gauche .bulle{right:62%}
.robot-zone.bulle-gauche .bulle::after{right:22px}
.robot-zone.bulle-droite .bulle{left:62%}
.robot-zone.bulle-droite .bulle::after{left:22px}
.robot-zone.parle .bulle{opacity:1;transform:none}
.robot-zone .bulle .curseur{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;
  background:#FF5500;animation:clignote .7s steps(1) infinite}
@keyframes clignote{50%{opacity:0}}
@media (max-width:760px){
  .robot-zone{width:80px;height:84px}
  .robot-zone .bulle{font-size:14px;max-width:62vw}
  .robot-zone .reacteur{width:32px;height:22px;margin-left:-16px}
}
@media print{.robot-zone{display:none}}