/* =============================================================
   Wenisch Technologies -- asteroid.css
   Ship Follow + Text Hit Effects
   ============================================================= */

#game-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  pointer-events: none;
}

#hero {
  cursor: crosshair;
}

.shoot-target {
  transition: transform 0.15s ease, opacity 0.2s ease, filter 0.2s ease;
  will-change: transform, opacity, filter;
}

.shoot-target.is-hit {
  animation: text-impact 0.22s ease;
}

@keyframes text-impact {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  30% { transform: translate3d(-1px, 1px, 0) scale(0.996); }
  65% { transform: translate3d(2px, -1px, 0) scale(1.005); }
  100% { transform: translate3d(0, 0, 0) scale(1); }
}