/* nur für die Meshtastic-Seite – keine globalen Änderungen */
.meshtastic-scope .mesh-banner{
  position:relative; border-radius:18px; overflow:hidden;
  box-shadow:0 10px 30px rgba(11,44,75,.12);
  animation:float 6s ease-in-out infinite;
}
.meshtastic-scope .mesh-banner img{ display:block; width:100%; height:auto; }

/* Pulsierende Funkwellen – Notfall-Rot */
.meshtastic-scope .pulse{
  position:absolute; left:var(--x); top:var(--y);
  width:14px; height:14px; transform:translate(-50%,-50%);
}
.meshtastic-scope .pulse::before,
.meshtastic-scope .pulse::after{
  content:""; position:absolute; left:50%; top:50%;
  width:14px; height:14px; border-radius:50%;
  border:2px solid rgba(255,0,0,.95);
  transform:translate(-50%,-50%) scale(.4);
  animation:pulse 2.4s ease-out infinite;
}
.meshtastic-scope .pulse::after{ animation-delay:1.2s; opacity:.7; }

@keyframes pulse{
  0%{opacity:.85; transform:translate(-50%,-50%) scale(.4)}
  70%{opacity:0;   transform:translate(-50%,-50%) scale(3.6)}
  100%{opacity:0}
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}