/* Effect: vliegkop — v0.1.0 (nieuw in djturbeau.com v0.5.0) */
.vliegkop-laag { position: fixed; inset: 0; z-index: 9500; pointer-events: none; display: grid; place-items: center; perspective: 900px; overflow: hidden; }
.vliegkop { display: block; will-change: transform, opacity, filter; filter: drop-shadow(0 0 40px rgba(255, 90, 0, 0.6)); }
/* de plaat licht op als de kop landt */
.hart.landing { animation: hart-landing 1.1s ease-out; }
@keyframes hart-landing {
  0% { box-shadow: 0 0 0 7px #050407, 0 0 0 9px #39ff90, 0 0 0 0 rgba(255, 110, 20, 0.9), 0 0 120px rgba(255, 90, 0, 0.9); }
  100% { box-shadow: 0 0 0 7px #050407, 0 0 0 9px rgba(57, 255, 144, 0.55), 0 0 0 60px rgba(255, 110, 20, 0), 0 0 70px rgba(255, 90, 0, 0.3); }
}
/* een vak dat een kop uitspuwt of opvangt, gloeit even op */
.vlak.geraakt { animation: vlak-geraakt 0.9s ease-out; }
@keyframes vlak-geraakt { 0% { box-shadow: 0 0 0 2px var(--kl), 0 0 80px 6px color-mix(in srgb, var(--kl) 70%, transparent); } 100% { box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent; } }