/* Keep phone effects on small sprites; do not redraw full-section canvases. */
@media (max-width: 760px) {
  .mobile-particle-field > i {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #9dd2ff;
    box-shadow: 0 0 6px rgba(0, 138, 255, .6);
    opacity: 0;
    animation: mobile-spark 8s ease-in-out infinite;
    pointer-events: none;
  }
  .mobile-particle-field.is-inactive > i {
    animation-play-state: paused;
  }
  @keyframes mobile-spark {
    0%, 100% { opacity: 0; transform: translate3d(-8px, 20px, 0); }
    35%, 65% { opacity: .65; }
    90% { opacity: 0; transform: translate3d(12px, -20px, 0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-particle-field > i { animation: none !important; }
}