/* p64 add-on: page-scoped header FX (see js/header-anim-fx-p64.js) */
.canim-smoke { position: absolute; pointer-events: none; z-index: 3; mix-blend-mode: screen; filter: blur(2px); opacity: .75; }
.canim-ringglow { position: absolute; pointer-events: none; z-index: 3; border-radius: 50%; mix-blend-mode: screen;
  background: radial-gradient(closest-side, rgba(120,210,255,.55) 0%, rgba(70,160,255,.28) 40%, rgba(40,120,255,0) 100%);
  animation: canimRingPulse 3.2s ease-in-out infinite; }
@keyframes canimRingPulse { 0%,100% { opacity: .35; transform: scale(.9); } 50% { opacity: .85; transform: scale(1.05); } }
@media (max-width: 640px) { .canim-smoke, .canim-ringglow { display: none; } }
@media (prefers-reduced-motion: reduce) { .canim-smoke, .canim-ringglow { display: none; animation: none; } }