/* Decorative flight: transforms only; each cloud wraps outside the viewBox. */
.flight-cloud{animation:cloud-drift 24s linear infinite}
.flight-cloud-far{animation-duration:28s;animation-delay:-22s;transform:translateX(45px)}
.flight-cloud-near{animation-duration:18s;animation-delay:-7s;transform:translateX(210px)}
.flight-plane{transform-origin:61px 98px;animation:plane-float 4s cubic-bezier(.77,0,.175,1) infinite}
.flight-ground{animation:ground-drift 1.4s linear infinite}
.flight-control{position:absolute;right:0;top:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--muted);opacity:.65}
.flight-control .icon{width:13px;height:13px}
.flight-control:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}
.flight.is-paused svg *,.flight-suspended .flight svg *{animation-play-state:paused}
@keyframes cloud-drift{from{transform:translateX(390px)}to{transform:translateX(-60px)}}
@keyframes plane-float{0%,100%{transform:translate(0,2px) rotate(1deg)}50%{transform:translate(5px,-6px) rotate(-3deg)}}
@keyframes ground-drift{to{transform:translateX(-26px)}}
@media(hover:hover) and (pointer:fine){.flight-control:hover{opacity:1;background:var(--surface2)}}
@media(prefers-reduced-motion:reduce){
  .flight svg *{animation:none}
  .flight-control{display:none}
}