body { 
  font-family: 'Inter', sans-serif; 
}

.font-game { 
  font-family: 'Press Start 2P', cursive; 
}

.feedback-correct { 
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.7); 
}

.feedback-incorrect { 
  box-shadow: 0 0 20px rgba(239, 68, 68, 0.7); 
}

.tool-card { 
  transition: transform 0.2s, box-shadow 0.2s; 
}

.tool-card:hover:not(:disabled) { 
  transform: translateY(-5px); 
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); 
}

.tool-card:disabled { 
  opacity: 0.5; 
  cursor: not-allowed; 
}

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); } 
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 
  40%, 60% { transform: translate3d(4px, 0, 0); }
}

.shake { 
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; 
}

.minigame-clickable { 
  cursor: pointer; 
  border: 2px dashed transparent; 
  transition: border-color 0.3s; 
}

.minigame-clickable:hover { 
  border-color: #f59e0b; 
}

.diff-spot { 
  position: absolute; 
  border: 3px solid red; 
  border-radius: 50%; 
  cursor: pointer; 
}